From 929e7ef7c1e72bf6ce252a712e6be77cbe088acc Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 5 Jul 2024 06:13:28 +0700
Subject: [PATCH 001/124] fix broken link

---
 src/components/website-layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 6259d4a1..fde49666 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -68,7 +68,7 @@ function Footer() {
           <ul className="flex flex-wrap gap-4 mb-2">
             <li>
               <Link
-                href="/Playground"
+                href="/playground"
                 className="font-semibold hover:underline"
               >
                 Playground

From 37722e921c4fb0c6e0db31c03b66fda53a18cbae Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sun, 14 Jul 2024 23:00:59 +0700
Subject: [PATCH 002/124] Add remote saved document (#111)

* feat: add driver interface for saved doc

* feat: add remote saved document

* feat: add coverage

* feat: add check coverage permission

* use node version 20

* use node 20

* feat: make the tab on the top instead

* feat: redesign tab

* feat: support rename tab

* feat: save will detect the namespace

* feat: add namespace button

* feat: add scroll to listview

* feat: add better context menu handler for list view

* add more test case for saved doc

* feat: add rename workplace

* feat: add remove saved docs

* feat: save require user to select namespace if there is multiple

* feat: add save query caching

* fixing the type check
---
 .github/workflows/coverags.yaml               |   20 +
 drizzle/0010_mature_sumo.sql                  |   27 +
 drizzle/meta/0010_snapshot.json               | 1057 +++++++++++++++++
 drizzle/meta/_journal.json                    |    7 +
 jest.config.ts                                |   12 +-
 package-lock.json                             |    2 +-
 package.json                                  |    3 +-
 src/app/client/r/page-client.tsx              |    5 +-
 src/app/client/temp_sess/page-client.tsx      |    2 -
 src/app/globals.css                           |    4 +-
 src/app/playground/client/page-client.tsx     |    8 +-
 src/components/gui/context-menu-handler.tsx   |   14 +-
 src/components/gui/database-gui.tsx           |   58 +-
 src/components/gui/save-doc-button.tsx        |  114 ++
 src/components/gui/schema-sidebar.tsx         |   12 +-
 src/components/gui/sidebar-tab.tsx            |  117 +-
 .../saved-doc-tab/create-namespace-button.tsx |   90 ++
 .../gui/sidebar/saved-doc-tab/index.tsx       |  251 ++++
 .../saved-doc-tab/remove-doc-dialog.tsx       |   67 ++
 .../saved-doc-tab/remove-namespace-dialog.tsx |   80 ++
 .../saved-doc-tab/rename-namespace-dialog.tsx |   78 ++
 src/components/gui/studio.tsx                 |    9 +-
 src/components/gui/tabs/query-tab.tsx         |   94 +-
 src/components/gui/tabs/schema-editor-tab.tsx |    1 +
 src/components/gui/windows-tab.tsx            |   23 +-
 src/components/listview/index.tsx             |  115 ++
 src/components/messages/open-context-menu.tsx |   41 -
 src/components/messages/open-tab.tsx          |  120 --
 src/components/my-studio.tsx                  |   22 +-
 .../sidebar/temp-session-countdown.tsx        |    2 +-
 src/components/ui/context-menu.tsx            |    4 +-
 src/{components/messages => }/const.ts        |    3 +
 src/context/driver-provider.tsx               |    6 +-
 src/db/schema-doc.ts                          |   42 +
 src/db/schema.ts                              |    1 +
 src/drivers/saved-doc/remote-saved-doc.ts     |  142 +++
 .../saved-doc/saved-doc-actions.test.ts       |  117 ++
 src/drivers/saved-doc/saved-doc-actions.ts    |  275 +++++
 src/drivers/saved-doc/saved-doc-driver.ts     |   47 +
 src/lib/test-helper.ts                        |  176 +++
 src/lib/with-database-ops.ts                  |   58 +-
 src/messages/const.ts                         |    4 -
 src/messages/open-context-menu.tsx            |    2 +-
 src/messages/open-tab.tsx                     |   48 +-
 44 files changed, 3065 insertions(+), 315 deletions(-)
 create mode 100644 .github/workflows/coverags.yaml
 create mode 100644 drizzle/0010_mature_sumo.sql
 create mode 100644 drizzle/meta/0010_snapshot.json
 create mode 100644 src/components/gui/save-doc-button.tsx
 create mode 100644 src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
 create mode 100644 src/components/gui/sidebar/saved-doc-tab/index.tsx
 create mode 100644 src/components/gui/sidebar/saved-doc-tab/remove-doc-dialog.tsx
 create mode 100644 src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
 create mode 100644 src/components/gui/sidebar/saved-doc-tab/rename-namespace-dialog.tsx
 create mode 100644 src/components/listview/index.tsx
 delete mode 100644 src/components/messages/open-context-menu.tsx
 delete mode 100644 src/components/messages/open-tab.tsx
 rename src/{components/messages => }/const.ts (57%)
 create mode 100644 src/db/schema-doc.ts
 create mode 100644 src/drivers/saved-doc/remote-saved-doc.ts
 create mode 100644 src/drivers/saved-doc/saved-doc-actions.test.ts
 create mode 100644 src/drivers/saved-doc/saved-doc-actions.ts
 create mode 100644 src/drivers/saved-doc/saved-doc-driver.ts
 create mode 100644 src/lib/test-helper.ts
 delete mode 100644 src/messages/const.ts

diff --git a/.github/workflows/coverags.yaml b/.github/workflows/coverags.yaml
new file mode 100644
index 00000000..ffb12d45
--- /dev/null
+++ b/.github/workflows/coverags.yaml
@@ -0,0 +1,20 @@
+name: "Compute Coverage"
+on:
+  pull_request:
+    branches:
+      - develop
+jobs:
+  coverage:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      checks: write
+      pull-requests: write
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - uses: ArtiomTr/jest-coverage-report-action@v2
diff --git a/drizzle/0010_mature_sumo.sql b/drizzle/0010_mature_sumo.sql
new file mode 100644
index 00000000..e8f4577f
--- /dev/null
+++ b/drizzle/0010_mature_sumo.sql
@@ -0,0 +1,27 @@
+CREATE TABLE `doc` (
+	`id` text PRIMARY KEY NOT NULL,
+	`namespace_id` text,
+	`user_id` text,
+	`name` text,
+	`type` text,
+	`content` text,
+	`last_used_at` integer,
+	`updated_at` integer,
+	`created_at` integer,
+	FOREIGN KEY (`namespace_id`) REFERENCES `doc_namespace`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`user_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
+);
+--> statement-breakpoint
+CREATE TABLE `doc_namespace` (
+	`id` text PRIMARY KEY NOT NULL,
+	`database_id` text,
+	`user_id` text,
+	`name` text,
+	`updated_at` integer,
+	`created_at` integer,
+	FOREIGN KEY (`database_id`) REFERENCES `database`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`user_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
+);
+--> statement-breakpoint
+CREATE INDEX `doc_namespace_idx` ON `doc` (`namespace_id`);--> statement-breakpoint
+CREATE INDEX `doc_namespace_database_idx` ON `doc_namespace` (`database_id`);
\ No newline at end of file
diff --git a/drizzle/meta/0010_snapshot.json b/drizzle/meta/0010_snapshot.json
new file mode 100644
index 00000000..59e40a18
--- /dev/null
+++ b/drizzle/meta/0010_snapshot.json
@@ -0,0 +1,1057 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "85ccba53-a7fa-480a-b0e9-2716a61dbc74",
+  "prevId": "286d1379-384e-4492-8b44-8ecaf4810fa8",
+  "tables": {
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "picture": {
+          "name": "picture",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "storage_usage": {
+          "name": "storage_usage",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_file": {
+      "name": "user_file",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "hashed": {
+          "name": "hashed",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "path": {
+          "name": "path",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "size_in_byte": {
+          "name": "size_in_byte",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_file_index": {
+          "name": "user_file_index",
+          "columns": [
+            "user_id",
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_auth": {
+      "name": "user_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {
+        "user_auth_provider_provider_id_unique": {
+          "name": "user_auth_provider_provider_id_unique",
+          "columns": [
+            "provider",
+            "provider_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_session": {
+      "name": "user_session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "auth_id": {
+          "name": "auth_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "blob",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_session_expire_idx": {
+          "name": "user_session_expire_idx",
+          "columns": [
+            "expires_at"
+          ],
+          "isUnique": false
+        },
+        "user_session_auth_id_idx": {
+          "name": "user_session_auth_id_idx",
+          "columns": [
+            "auth_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "user_session_user_id_user_id_fk": {
+          "name": "user_session_user_id_user_id_fk",
+          "tableFrom": "user_session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database": {
+      "name": "database",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "color": {
+          "name": "color",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'gray'"
+        },
+        "driver": {
+          "name": "driver",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'turso'"
+        },
+        "host": {
+          "name": "host",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "deleted_at": {
+          "name": "deleted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "database_user_idx": {
+          "name": "database_user_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_user_id_user_id_fk": {
+          "name": "database_user_id_user_id_fk",
+          "tableFrom": "database",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_role": {
+      "name": "database_role",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "can_execute_query": {
+          "name": "can_execute_query",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "is_owner": {
+          "name": "is_owner",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_by": {
+          "name": "updated_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "database_role_idx": {
+          "name": "database_role_idx",
+          "columns": [
+            "database_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_role_database_id_database_id_fk": {
+          "name": "database_role_database_id_database_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_created_by_user_id_fk": {
+          "name": "database_role_created_by_user_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_updated_by_user_id_fk": {
+          "name": "database_role_updated_by_user_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "updated_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_role_permission": {
+      "name": "database_role_permission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "access": {
+          "name": "access",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "table_name": {
+          "name": "table_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "column_name": {
+          "name": "column_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_by": {
+          "name": "updated_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "role_permission_table_idx": {
+          "name": "role_permission_table_idx",
+          "columns": [
+            "role_id",
+            "table_name"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_role_permission_role_id_database_role_id_fk": {
+          "name": "database_role_permission_role_id_database_role_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "database_role",
+          "columnsFrom": [
+            "role_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_permission_created_by_user_id_fk": {
+          "name": "database_role_permission_created_by_user_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_permission_updated_by_user_id_fk": {
+          "name": "database_role_permission_updated_by_user_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "user",
+          "columnsFrom": [
+            "updated_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_user_role": {
+      "name": "database_user_role",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "database_user_role_user_id_user_id_fk": {
+          "name": "database_user_role_user_id_user_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_database_id_database_id_fk": {
+          "name": "database_user_role_database_id_database_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_role_id_database_role_id_fk": {
+          "name": "database_user_role_role_id_database_role_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "database_role",
+          "columnsFrom": [
+            "role_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_created_by_user_id_fk": {
+          "name": "database_user_role_created_by_user_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "database_user_role_database_id_user_id_pk": {
+          "columns": [
+            "database_id",
+            "user_id"
+          ],
+          "name": "database_user_role_database_id_user_id_pk"
+        }
+      },
+      "uniqueConstraints": {}
+    },
+    "dataset": {
+      "name": "dataset",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "source": {
+          "name": "source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "summary": {
+          "name": "summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "used": {
+          "name": "used",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "dataset_user_id_user_id_fk": {
+          "name": "dataset_user_id_user_id_fk",
+          "tableFrom": "dataset",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "temp_session": {
+      "name": "temp_session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "driver": {
+          "name": "driver",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "credential": {
+          "name": "credential",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "exired_at": {
+          "name": "exired_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "doc": {
+      "name": "doc",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "namespace_id": {
+          "name": "namespace_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_used_at": {
+          "name": "last_used_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "doc_namespace_idx": {
+          "name": "doc_namespace_idx",
+          "columns": [
+            "namespace_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "doc_namespace_id_doc_namespace_id_fk": {
+          "name": "doc_namespace_id_doc_namespace_id_fk",
+          "tableFrom": "doc",
+          "tableTo": "doc_namespace",
+          "columnsFrom": [
+            "namespace_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "doc_user_id_user_id_fk": {
+          "name": "doc_user_id_user_id_fk",
+          "tableFrom": "doc",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "doc_namespace": {
+      "name": "doc_namespace",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "doc_namespace_database_idx": {
+          "name": "doc_namespace_database_idx",
+          "columns": [
+            "database_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "doc_namespace_database_id_database_id_fk": {
+          "name": "doc_namespace_database_id_database_id_fk",
+          "tableFrom": "doc_namespace",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "doc_namespace_user_id_user_id_fk": {
+          "name": "doc_namespace_user_id_user_id_fk",
+          "tableFrom": "doc_namespace",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index d11e4bd6..bab9bb38 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -64,6 +64,13 @@
       "when": 1719811287506,
       "tag": "0009_peaceful_caretaker",
       "breakpoints": true
+    },
+    {
+      "idx": 10,
+      "version": "5",
+      "when": 1720357960659,
+      "tag": "0010_mature_sumo",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/jest.config.ts b/jest.config.ts
index 96d3d0fc..1d691a27 100644
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -9,10 +9,18 @@ const createJestConfig = nextJest({
 // Add any custom config to be passed to Jest
 const config: Config = {
   coveragePathIgnorePatterns: ["<rootDir>/.*.tsx$"],
-  testEnvironment: "jsdom",
+  testEnvironment: "node",
   // Add more setup options before each test is run
   // setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
 };
 
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
-export default createJestConfig(config);
+const overrideJestConfig = async (): Promise<Config> => {
+  const c: Config = await createJestConfig(config)();
+  c.transformIgnorePatterns = [
+    "/node_modules/(?!(lucia)|(oslo)|(arctic)|(@lucia-auth)|(@t3-oss))",
+  ];
+  return c;
+};
+
+export default overrideJestConfig;
diff --git a/package-lock.json b/package-lock.json
index ec00fe64..b81e1b97 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -62,7 +62,7 @@
         "eslint-plugin-jest": "^27.6.3",
         "file-saver": "^2.0.5",
         "libsql-stateless-easy": "^1.6.11",
-        "lucia": "^3.1.1",
+        "lucia": "^3.2.0",
         "lucide-react": "^0.309.0",
         "magic-bytes.js": "^1.10.0",
         "next": "14.2.1",
diff --git a/package.json b/package.json
index bd2c353c..5e7a81ca 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,6 @@
     "lint:fix": "next lint --fix .",
     "dialect": "node build-dialect.js"
   },
-  "packageManager": "pnpm@8.15.7",
   "overrides": {
     "@libsql/client": "^0.5.3"
   },
@@ -82,7 +81,7 @@
     "eslint-plugin-jest": "^27.6.3",
     "file-saver": "^2.0.5",
     "libsql-stateless-easy": "^1.6.11",
-    "lucia": "^3.1.1",
+    "lucia": "^3.2.0",
     "lucide-react": "^0.309.0",
     "magic-bytes.js": "^1.10.0",
     "next": "14.2.1",
diff --git a/src/app/client/r/page-client.tsx b/src/app/client/r/page-client.tsx
index c75c8c1f..df3874b4 100644
--- a/src/app/client/r/page-client.tsx
+++ b/src/app/client/r/page-client.tsx
@@ -5,6 +5,7 @@ import RemoteDriver from "@/drivers/remote-driver";
 import { useSearchParams } from "next/navigation";
 import { useMemo } from "react";
 import MyStudio from "@/components/my-studio";
+import RemoteSavedDocDriver from "@/drivers/saved-doc/remote-saved-doc";
 
 export default function ClientPageBody({
   token,
@@ -15,13 +16,14 @@ export default function ClientPageBody({
 }>) {
   const params = useSearchParams();
 
-  const { driver, collaborator } = useMemo(() => {
+  const { driver, collaborator, docDriver } = useMemo(() => {
     const databaseId = params.get("p");
     if (!databaseId) return { driver: null };
 
     return {
       driver: new RemoteDriver("remote", databaseId, token),
       collaborator: new CollaborationDriver(databaseId, token),
+      docDriver: new RemoteSavedDocDriver(databaseId),
     };
   }, [params, token]);
 
@@ -35,6 +37,7 @@ export default function ClientPageBody({
       name={config.name}
       color={config.label ?? "blue"}
       collabarator={collaborator}
+      docDriver={docDriver}
     />
   );
 }
diff --git a/src/app/client/temp_sess/page-client.tsx b/src/app/client/temp_sess/page-client.tsx
index 2bcfd064..415c6153 100644
--- a/src/app/client/temp_sess/page-client.tsx
+++ b/src/app/client/temp_sess/page-client.tsx
@@ -2,7 +2,6 @@
 import { useMemo } from "react";
 import MyStudio from "@/components/my-studio";
 import TemporarySession from "@/components/sidebar/temp-session-countdown";
-import FeatureRequestSidebar from "@/components/sidebar/feature-request.tsx";
 import RemoteDriver from "@/drivers/remote-driver";
 
 export default function ClientPageBody({
@@ -22,7 +21,6 @@ export default function ClientPageBody({
     return (
       <>
         <TemporarySession expiredAt={expired} />
-        <FeatureRequestSidebar />
       </>
     );
   }, [expired]);
diff --git a/src/app/globals.css b/src/app/globals.css
index 1cb5b93d..4bc4f0b0 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -71,7 +71,7 @@
     --primary: 210 40% 98%;
     --primary-foreground: 222.2 47.4% 11.2%;
 
-    --secondary: 217.2 32.6% 17.5%;
+    --secondary: 219 32.6% 17.5%;
     --secondary-foreground: 210 40% 98%;
 
     --muted: 217.2 32.6% 17.5%;
@@ -83,7 +83,7 @@
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 210 40% 98%;
 
-    --border: 217.2 32.6% 17.5%;
+    --border: 210 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
     --ring: 212.7 26.8% 83.9%;
   }
diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index c667d25d..6bf23307 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -64,8 +64,9 @@ export default function PlaygroundEditorBody({
 
   const sidebarMenu = useMemo(() => {
     return (
-      <div className="flex flex-col gap-2">
+      <div className="flex flex-row gap-2 px-2 pb-2">
         <Button
+          className="flex-grow"
           size="sm"
           onClick={() => {
             if (rawDb) {
@@ -79,9 +80,10 @@ export default function PlaygroundEditorBody({
             }
           }}
         >
-          Download as .db file
+          Save
         </Button>
         <Button
+          className="flex-grow"
           size="sm"
           onClick={() => {
             if (fileInput.current) {
@@ -89,7 +91,7 @@ export default function PlaygroundEditorBody({
             }
           }}
         >
-          Open SQLite File
+          Open
         </Button>
       </div>
     );
diff --git a/src/components/gui/context-menu-handler.tsx b/src/components/gui/context-menu-handler.tsx
index 8c73bb35..5d8bb318 100644
--- a/src/components/gui/context-menu-handler.tsx
+++ b/src/components/gui/context-menu-handler.tsx
@@ -1,5 +1,5 @@
 import useMessageListener from "@/components/hooks/useMessageListener";
-import { MessageChannelName } from "@/messages/const";
+import { MessageChannelName } from "@/const";
 import type {
   OpenContextMenuList,
   OpenContextMenuOptions,
@@ -17,8 +17,9 @@ import {
   ContextMenuSubContent,
 } from "@/components/ui/context-menu";
 import { useEffect, useRef, useState } from "react";
+import { cn } from "@/lib/utils";
 
-function ContextMenuList({ menu }: { menu: OpenContextMenuList }) {
+export function ContextMenuList({ menu }: { menu: OpenContextMenuList }) {
   return menu.map((item, menuIndex) => {
     if (item.separator) {
       return <ContextMenuSeparator key={menuIndex} />;
@@ -58,7 +59,14 @@ function ContextMenuList({ menu }: { menu: OpenContextMenuList }) {
         disabled={item.disabled}
         inset={!item.icon}
       >
-        {item.icon && <item.icon className="w-4 h-4 mr-2" />}
+        {item.icon && (
+          <item.icon
+            className={cn(
+              "w-4 h-4 mr-2",
+              item.destructive ? "text-red-500" : undefined
+            )}
+          />
+        )}
         {item.destructive ? (
           <span className="text-red-500">{item.title}</span>
         ) : (
diff --git a/src/components/gui/database-gui.tsx b/src/components/gui/database-gui.tsx
index 80f40752..4c708788 100644
--- a/src/components/gui/database-gui.tsx
+++ b/src/components/gui/database-gui.tsx
@@ -8,14 +8,21 @@ import { useEffect, useMemo, useState } from "react";
 import { openTab } from "@/messages/open-tab";
 import WindowTabs, { WindowTabItemProps } from "./windows-tab";
 import useMessageListener from "@/components/hooks/useMessageListener";
-import { MessageChannelName } from "@/messages/const";
+import { MessageChannelName } from "@/const";
 import { OpenTabsProps, receiveOpenTabMessage } from "@/messages/open-tab";
 import QueryWindow from "@/components/gui/tabs/query-tab";
-import { LucideCode, LucideDatabase, LucideSettings } from "lucide-react";
+import {
+  LucideBookmark,
+  LucideCode,
+  LucideDatabase,
+  LucideSettings,
+} from "lucide-react";
 import SidebarTab, { SidebarTabItem } from "./sidebar-tab";
 import SchemaView from "./schema-sidebar";
 import SettingSidebar from "./sidebar/setting-sidebar";
+
 import { useDatabaseDriver } from "@/context/driver-provider";
+import SavedDocTab from "./sidebar/saved-doc-tab";
 
 export default function DatabaseGui() {
   const DEFAULT_WIDTH = 300;
@@ -26,13 +33,14 @@ export default function DatabaseGui() {
     setDefaultWidthPercentage((DEFAULT_WIDTH / window.innerWidth) * 100);
   }, []);
 
-  const { collaborationDriver } = useDatabaseDriver();
+  const { collaborationDriver, docDriver } = useDatabaseDriver();
   const [selectedTabIndex, setSelectedTabIndex] = useState(0);
   const [tabs, setTabs] = useState<WindowTabItemProps[]>(() => [
     {
       title: "Query",
+      identifier: "query",
       key: "query",
-      component: <QueryWindow />,
+      component: <QueryWindow initialName="Query" />,
       icon: LucideCode,
     },
   ]);
@@ -46,14 +54,52 @@ export default function DatabaseGui() {
     }
   );
 
+  useMessageListener<string[]>(
+    MessageChannelName.CLOSE_TABS,
+    (keys) => {
+      if (keys) {
+        setTabs((currentTabs) => {
+          const selectedTab = currentTabs[selectedTabIndex];
+          const newTabs = currentTabs.filter(
+            (t) => !keys?.includes(t.identifier)
+          );
+
+          if (selectedTab) {
+            const selectedTabNewIndex = newTabs.findIndex(
+              (t) => t.identifier === selectedTab.identifier
+            );
+            if (selectedTabNewIndex < 0) {
+              setSelectedTabIndex(
+                Math.min(selectedTabIndex, newTabs.length - 1)
+              );
+            } else {
+              setSelectedTabIndex(selectedTabNewIndex);
+            }
+          }
+
+          return newTabs;
+        });
+      }
+    },
+    [selectedTabIndex]
+  );
+
   const sidebarTabs = useMemo(() => {
     return [
       {
         key: "database",
-        name: "Database",
+        name: "Schema",
         content: <SchemaView />,
         icon: LucideDatabase,
       },
+      docDriver
+        ? {
+            key: "saved",
+            name: "Saved",
+            content: <SavedDocTab />,
+            icon: LucideBookmark,
+          }
+        : undefined,
       collaborationDriver
         ? {
             key: "setting",
@@ -63,7 +109,7 @@ export default function DatabaseGui() {
           }
         : undefined,
     ].filter(Boolean) as SidebarTabItem[];
-  }, [collaborationDriver]);
+  }, [collaborationDriver, docDriver]);
 
   const tabSideMenu = useMemo(() => {
     return [
diff --git a/src/components/gui/save-doc-button.tsx b/src/components/gui/save-doc-button.tsx
new file mode 100644
index 00000000..c23fc7d0
--- /dev/null
+++ b/src/components/gui/save-doc-button.tsx
@@ -0,0 +1,114 @@
+import {
+  SavedDocData,
+  SavedDocInput,
+  SavedDocNamespace,
+} from "@/drivers/saved-doc/saved-doc-driver";
+import { Button } from "../ui/button";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { useCallback, useState } from "react";
+import { LucideFolderGit, LucideLoader, LucideSave } from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "../ui/dropdown-menu";
+
+interface Props {
+  docId?: string;
+  onPrepareContent: () => SavedDocInput;
+  onComplete: (item: SavedDocData) => void;
+}
+
+export default function SaveDocButton({
+  docId,
+  onComplete,
+  onPrepareContent,
+}: Props) {
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const { docDriver } = useDatabaseDriver();
+  const [namespaceList, setNamespaceList] = useState<SavedDocNamespace[]>([]);
+
+  const onSaveQuery = useCallback(
+    (namespaceId?: string) => {
+      if (docDriver) {
+        if (docId) {
+          setLoading(true);
+          docDriver.updateDoc(docId, onPrepareContent()).finally(() => {
+            setLoading(false);
+          });
+        } else {
+          if (namespaceId) {
+            setLoading(true);
+            docDriver
+              .createDoc("sql", namespaceId, onPrepareContent())
+              .then(onComplete)
+              .finally(() => {
+                setLoading(false);
+              });
+          } else {
+            docDriver.getNamespaces().then((n) => {
+              if (n.length === 1) {
+                setLoading(true);
+                docDriver
+                  .createDoc("sql", n[0].id, onPrepareContent())
+                  .then(onComplete)
+                  .finally(() => {
+                    setLoading(false);
+                  });
+              } else {
+                setNamespaceList(n);
+                setOpen(true);
+              }
+            });
+          }
+        }
+      }
+    },
+    [docDriver, onPrepareContent, docId, onComplete]
+  );
+
+  return (
+    <DropdownMenu
+      open={open}
+      onOpenChange={(openState) => {
+        if (!openState) setOpen(false);
+      }}
+    >
+      <DropdownMenuTrigger asChild>
+        <Button
+          size="sm"
+          onClick={() => onSaveQuery()}
+          className="mr-2"
+          disabled={loading}
+        >
+          {loading ? (
+            <LucideLoader className="w-4 h-4 animate-spin mr-2" />
+          ) : (
+            <LucideSave className="w-4 h-4 mr-2" />
+          )}
+          Save
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent>
+        <DropdownMenuLabel>Where do you want to save to?</DropdownMenuLabel>
+        <DropdownMenuSeparator />
+        {namespaceList.map((n) => {
+          return (
+            <DropdownMenuItem
+              key={n.id}
+              onClick={() => {
+                onSaveQuery(n.id);
+              }}
+            >
+              <LucideFolderGit className="w-4 h-4 mr-2" /> {n.name}
+            </DropdownMenuItem>
+          );
+        })}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/src/components/gui/schema-sidebar.tsx b/src/components/gui/schema-sidebar.tsx
index 668e3c86..03bad6f5 100644
--- a/src/components/gui/schema-sidebar.tsx
+++ b/src/components/gui/schema-sidebar.tsx
@@ -4,12 +4,9 @@ import SchemaList from "./schema-sidebar-list";
 import ListButtonItem from "./list-button-item";
 import { Separator } from "../ui/separator";
 import { openTab } from "@/messages/open-tab";
-import { useConfig } from "@/context/config-provider";
 
 export default function SchemaView() {
   const [search, setSearch] = useState("");
-  const { sideBarFooterComponent } = useConfig();
-
   const onNewTable = useCallback(() => {
     openTab({
       type: "schema",
@@ -18,14 +15,14 @@ export default function SchemaView() {
 
   return (
     <div className="flex flex-col overflow-hidden grow">
-      <div className="pt-2 px-2 flex h-10 -ml-3">
-        <div className="bg-secondary rounded overflow-hidden flex items-center ml-3 grow">
+      <div className="pt-2 px-2 flex h-10 -ml-3 mb-2">
+        <div className="border rounded overflow-hidden flex items-center ml-3 grow">
           <div className="text-sm px-2 h-full flex items-center">
             <LucideSearch className="h-4 w-4 text-black dark:text-white" />
           </div>
           <input
             type="text"
-            className="bg-inherit p-1 pl-2 pr-2 outline-none text-sm  h-full grow"
+            className="bg-inherit p-2 pl-2 pr-2 outline-none text-sm  h-full grow"
             value={search}
             placeholder="Search table"
             onChange={(e) => {
@@ -46,9 +43,6 @@ export default function SchemaView() {
             onClick={onNewTable}
           />
         </div>
-
-        <Separator />
-        {sideBarFooterComponent}
       </div>
     </div>
   );
diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index cf5b111b..cf68d32e 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -1,12 +1,7 @@
 import { useConfig } from "@/context/config-provider";
 import { useTheme } from "@/context/theme-provider";
 import { cn } from "@/lib/utils";
-import {
-  LucideArrowLeft,
-  LucideIcon,
-  LucideMoon,
-  LucideSun,
-} from "lucide-react";
+import { LucideIcon, LucideMoon, LucideSun } from "lucide-react";
 import { ReactElement, useState } from "react";
 
 export interface SidebarTabItem {
@@ -21,7 +16,6 @@ interface SidebarTabProps {
 }
 
 export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
-  const { onBack } = useConfig();
   const [selectedIndex, setSelectedIndex] = useState(0);
   const { theme, toggleTheme } = useTheme();
   const [loadedIndex, setLoadedIndex] = useState(() => {
@@ -31,67 +25,84 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
   });
 
   const config = useConfig();
-  const color = config.color;
 
-  let bgColor = "bg-blue-500 dark:bg-blue-700";
-  let textColor = "text-white";
+  const color = config.color;
+  let bgPrimary = "border-l-gray-500 dark:border-l-gray-600";
 
   if (color === "red") {
-    bgColor = "bg-red-500 dark:bg-red-700";
+    bgPrimary = "border-l-red-500 dark:border-l-red-600";
   } else if (color === "yellow") {
-    bgColor = "bg-yellow-400 dark:bg-yellow-500";
-    textColor = "text-black";
+    bgPrimary = "border-l-yellow-500 dark:border-l-yellow-600";
   } else if (color === "green") {
-    bgColor = "bg-green-500 dark:bg-green-600";
+    bgPrimary = "border-l-green-500 dark:border-l-green-600";
   } else if (color === "gray") {
-    bgColor = "bg-gray-500 dark:bg-gray-800";
+    bgPrimary = "border-l-gray-500 dark:border-l-gray-600";
   }
 
   return (
-    <div className="flex h-full">
-      <div className={cn("shrink-0 flex flex-col gap-2 pt-6", bgColor)}>
-        {tabs.map(({ key, name, icon: Icon }, idx) => {
-          return (
-            <button
-              title={name}
-              key={key}
-              onClick={() => {
-                if (!loadedIndex[idx]) {
-                  loadedIndex[idx] = true;
-                  setLoadedIndex([...loadedIndex]);
-                }
+    <div className={cn("flex flex-col h-full border-l-8", bgPrimary)}>
+      <div className={cn("shrink-0 bg-secondary")}>
+        <div className="text-sm my-2 px-3 font-semibold flex">
+          <div className="flex-grow flex items-center">
+            <div className="line-clamp-1 text-ellipsis">{config.name}</div>
+          </div>
 
-                if (idx !== selectedIndex) {
-                  setSelectedIndex(idx);
-                }
-              }}
-              className={
-                idx === selectedIndex
-                  ? "p-2 bg-background cursor-pointer"
-                  : cn("p-2 cursor cursor-pointer", textColor)
-              }
+          <div className="flex justify-center items-center">
+            <button
+              onClick={() => toggleTheme()}
+              className="text-xs font-normal flex gap-0.5 border rounded px-2 py-1 bg-background"
             >
-              <Icon className="w-7 h-7" />
+              {theme === "dark" ? (
+                <>
+                  <LucideMoon className={cn("w-4 h-4")} />
+                  Dark
+                </>
+              ) : (
+                <>
+                  <LucideSun className={cn("w-4 h-4")} />
+                  Light
+                </>
+              )}
             </button>
-          );
-        })}
+          </div>
+        </div>
 
-        <div className="grow" />
+        {config.sideBarFooterComponent && (
+          <div>{config.sideBarFooterComponent}</div>
+        )}
 
-        <button className={cn("p-2 cursor-pointer", bgColor)} onClick={onBack}>
-          <LucideArrowLeft className={cn("w-7 h-7", textColor)} />
-        </button>
+        <div className="flex flex-row">
+          <div className="w-2 border-b" />
+          {tabs.map(({ key, name, icon: Icon }, idx) => {
+            return (
+              <button
+                title={name}
+                key={key}
+                onClick={() => {
+                  if (!loadedIndex[idx]) {
+                    loadedIndex[idx] = true;
+                    setLoadedIndex([...loadedIndex]);
+                  }
 
-        <button
-          className="p-2 rounded-lg mb-2 cursor-pointer"
-          onClick={() => toggleTheme()}
-        >
-          {theme === "dark" ? (
-            <LucideMoon className={cn("w-7 h-7", textColor)} />
-          ) : (
-            <LucideSun className={cn("w-7 h-7", textColor)} />
-          )}
-        </button>
+                  if (idx !== selectedIndex) {
+                    setSelectedIndex(idx);
+                  }
+                }}
+                className={cn(
+                  "cursor cursor-pointer w-[58px] h-[50px] flex flex-col gap-0.5 justify-center items-center rounded-t",
+                  selectedIndex !== idx ? "border-b" : undefined,
+                  selectedIndex === idx
+                    ? "bg-background border-l border-r border-t"
+                    : undefined
+                )}
+              >
+                <Icon className="w-5 h-5" />
+                <span style={{ fontSize: 10 }}>{name}</span>
+              </button>
+            );
+          })}
+          <div className="flex-grow border-b" />
+        </div>
       </div>
       <div className="relative flex h-full grow overflow-hidden">
         {tabs.map((tab, tabIndex) => {
diff --git a/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
new file mode 100644
index 00000000..e5a5880f
--- /dev/null
+++ b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
@@ -0,0 +1,90 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { SavedDocNamespace } from "@/drivers/saved-doc/saved-doc-driver";
+import { LucidePlus } from "lucide-react";
+import { useCallback, useState } from "react";
+
+interface CreateNamespaceButtonProps {
+  onCreated: (v: SavedDocNamespace) => void;
+}
+
+export default function CreateNamespaceButton({
+  onCreated,
+}: CreateNamespaceButtonProps) {
+  const { docDriver } = useDatabaseDriver();
+  const [namespace, setNamespace] = useState("");
+  const [error, setError] = useState("");
+  const [open, setOpen] = useState(false);
+
+  const onCreateNamespace = useCallback(() => {
+    if (docDriver) {
+      if (namespace && namespace.length > 2) {
+        docDriver
+          .createNamespace(namespace)
+          .then((n) => {
+            onCreated(n);
+            setOpen(false);
+          })
+          .catch((e) => {
+            setError((e as Error).message);
+          });
+      } else {
+        setError("The namespace name must be at least 3 characters long");
+      }
+    }
+  }, [docDriver, namespace, onCreated]);
+
+  return (
+    <>
+      <Dialog
+        open={open}
+        onOpenChange={(openState) => {
+          setOpen(openState);
+          setNamespace("");
+          setError("");
+        }}
+      >
+        <DialogTrigger asChild>
+          <Button
+            size="sm"
+            variant="ghost"
+            className=" mx-2 mb-2 -mt-2 w-full justify-start"
+          >
+            <LucidePlus className="w-4 h-4 mr-2" />
+            Create Namespace
+          </Button>
+        </DialogTrigger>
+        <DialogContent>
+          <DialogTitle>Create Namespace</DialogTitle>
+
+          <DialogDescription>
+            A namespace is similar to a folder that groups your work together.
+            It helps you organize and arrange your queries
+          </DialogDescription>
+
+          <Input
+            placeholder="Please enter namespace"
+            autoFocus
+            value={namespace}
+            onChange={(e) => setNamespace(e.currentTarget.value)}
+          />
+
+          {error && <div className="text-xs text-red-500 -mt-2">{error}</div>}
+
+          <DialogFooter>
+            <Button onClick={onCreateNamespace}>Create</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
diff --git a/src/components/gui/sidebar/saved-doc-tab/index.tsx b/src/components/gui/sidebar/saved-doc-tab/index.tsx
new file mode 100644
index 00000000..63705f48
--- /dev/null
+++ b/src/components/gui/sidebar/saved-doc-tab/index.tsx
@@ -0,0 +1,251 @@
+import { closeTabs, openTab } from "@/messages/open-tab";
+import { Separator } from "@/components/ui/separator";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import {
+  SavedDocData,
+  SavedDocNamespace,
+} from "@/drivers/saved-doc/saved-doc-driver";
+import { ListView, ListViewItem } from "@/components/listview";
+import { LucideCode, LucideFolderGit, LucideTrash } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import CreateNamespaceButton from "./create-namespace-button";
+import RenameNamespaceDialog from "./rename-namespace-dialog";
+import RemoveDocDialog from "./remove-doc-dialog";
+import { TAB_PREFIX_SAVED_QUERY } from "@/const";
+import RemoveNamespaceDialog from "./remove-namespace-dialog";
+
+function mapNamespace(
+  data: SavedDocNamespace
+): ListViewItem<SavedDocNamespace> {
+  return {
+    data,
+    key: data.id,
+    icon: LucideFolderGit,
+    name: data.name,
+  };
+}
+
+function mapDoc(data: SavedDocData): ListViewItem<SavedDocData> {
+  return {
+    data,
+    key: data.id,
+    icon: LucideCode,
+    iconColor: "text-orange-500",
+    name: data.name,
+  };
+}
+
+function SavedDocNamespaceDocList({
+  namespaceData,
+}: {
+  namespaceData?: SavedDocNamespace;
+}) {
+  const { docDriver } = useDatabaseDriver();
+  const [selected, setSelected] = useState<string>();
+  const [docList, setDocList] = useState<ListViewItem<SavedDocData>[]>([]);
+  const [docToRemove, setDocToRemove] = useState<SavedDocData | undefined>();
+
+  useEffect(() => {
+    const namespaceId = namespaceData?.id;
+
+    if (docDriver && namespaceId) {
+      docDriver.getDocs(namespaceId).then((r) => {
+        setDocList(r.map(mapDoc));
+      });
+
+      const onDocChange = () => {
+        docDriver?.getDocs(namespaceId).then((r) => {
+          setDocList(r.map(mapDoc));
+        });
+      };
+
+      docDriver.addChangeListener(onDocChange);
+      return () => docDriver.removeChangeListener(onDocChange);
+    }
+  }, [docDriver, namespaceData]);
+
+  let dialog: JSX.Element | null = null;
+
+  if (docToRemove) {
+    dialog = (
+      <RemoveDocDialog
+        doc={docToRemove}
+        onClose={() => {
+          setDocToRemove(undefined);
+        }}
+        onComplete={() => {
+          const namespaceId = namespaceData?.id;
+          if (docDriver && namespaceId) {
+            docDriver.getDocs(namespaceId).then((r) => {
+              setDocList(r.map(mapDoc));
+            });
+            closeTabs([TAB_PREFIX_SAVED_QUERY + docToRemove.id]);
+          }
+        }}
+      />
+    );
+  }
+
+  return (
+    <>
+      {dialog}
+      <ListView
+        items={docList}
+        full
+        onSelectChange={setSelected}
+        selectedKey={selected}
+        onContextMenu={(item) => {
+          return [
+            {
+              title: "Remove",
+              onClick: () => {
+                if (item) {
+                  setDocToRemove(item.data);
+                }
+              },
+              icon: LucideTrash,
+              destructive: true,
+              disabled: !item,
+            },
+          ];
+        }}
+        onDoubleClick={(item: ListViewItem<SavedDocData>) => {
+          openTab({
+            type: "query",
+            name: item.name,
+            saved: {
+              key: item.key,
+              sql: item.data.content,
+              namespaceName: namespaceData?.name,
+            },
+          });
+        }}
+      />
+    </>
+  );
+}
+
+export default function SavedDocTab() {
+  const { docDriver } = useDatabaseDriver();
+  const [selectedNamespace, setSelectedNamespace] = useState<string>();
+
+  const [namespaceToRename, setNamespaceToRename] =
+    useState<SavedDocNamespace>();
+  const [namespaceToRemove, setNamespaceToRemove] =
+    useState<SavedDocNamespace>();
+
+  const [namespaceList, setNamespaceList] = useState<
+    ListViewItem<SavedDocNamespace>[]
+  >([]);
+
+  useEffect(() => {
+    if (docDriver) {
+      docDriver.getNamespaces().then((r) => {
+        setNamespaceList(r.map(mapNamespace));
+        const firstNamespaceId = r[0].id;
+        setSelectedNamespace(firstNamespaceId);
+      });
+    }
+  }, [docDriver]);
+
+  const onNamespaceCreated = useCallback(
+    (createdNamespace: SavedDocNamespace) => {
+      if (docDriver) {
+        docDriver.getNamespaces().then((r) => {
+          setNamespaceList(r.map(mapNamespace));
+          setSelectedNamespace(createdNamespace.id);
+        });
+      }
+    },
+    [docDriver]
+  );
+
+  let dialog: JSX.Element | null = null;
+
+  if (namespaceToRename) {
+    dialog = (
+      <RenameNamespaceDialog
+        onClose={() => setNamespaceToRename(undefined)}
+        onComplete={() => {
+          if (docDriver) {
+            docDriver.getNamespaces().then((r) => {
+              setNamespaceList(r.map(mapNamespace));
+            });
+          }
+        }}
+        value={namespaceToRename}
+      />
+    );
+  }
+
+  if (namespaceToRemove) {
+    dialog = (
+      <RemoveNamespaceDialog
+        onClose={() => setNamespaceToRemove(undefined)}
+        onComplete={(docs) => {
+          if (docDriver) {
+            closeTabs(docs.map((d) => TAB_PREFIX_SAVED_QUERY + d.id));
+
+            // Refresh new namespace list
+            docDriver
+              .getNamespaces()
+              .then((r) => {
+                setNamespaceList(r.map(mapNamespace));
+
+                if (selectedNamespace === namespaceToRemove.id) {
+                  setSelectedNamespace(r[0].id);
+                }
+              })
+              .catch(console.error);
+          }
+        }}
+        value={namespaceToRemove}
+      />
+    );
+  }
+
+  return (
+    <>
+      {dialog}
+      <div className="flex flex-col grow">
+        <div>
+          <ListView
+            items={namespaceList}
+            selectedKey={selectedNamespace}
+            onSelectChange={setSelectedNamespace}
+            onContextMenu={(item) => {
+              return [
+                {
+                  title: "Rename",
+                  disabled: !item,
+                  onClick: () => {
+                    if (item) setNamespaceToRename(item.data);
+                  },
+                },
+                {
+                  title: "Remove",
+                  icon: LucideTrash,
+                  destructive: true,
+                  disabled: !item,
+                  onClick: () => {
+                    console.log("here");
+                    if (item) setNamespaceToRemove(item.data);
+                  },
+                },
+              ];
+            }}
+          />
+          <CreateNamespaceButton onCreated={onNamespaceCreated} />
+        </div>
+        <Separator />
+        <div className="grow overflow-hidden flex">
+          <SavedDocNamespaceDocList
+            namespaceData={
+              namespaceList.find((n) => n.key === selectedNamespace)?.data
+            }
+          />
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/components/gui/sidebar/saved-doc-tab/remove-doc-dialog.tsx b/src/components/gui/sidebar/saved-doc-tab/remove-doc-dialog.tsx
new file mode 100644
index 00000000..c788954b
--- /dev/null
+++ b/src/components/gui/sidebar/saved-doc-tab/remove-doc-dialog.tsx
@@ -0,0 +1,67 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { SavedDocData } from "@/drivers/saved-doc/saved-doc-driver";
+import { useCallback, useState } from "react";
+
+interface Props {
+  doc: SavedDocData;
+  onClose: () => void;
+  onComplete: () => void;
+}
+
+export default function RemoveDocDialog({ doc, onClose, onComplete }: Props) {
+  const { docDriver } = useDatabaseDriver();
+  const [loading, setLoading] = useState(false);
+
+  const onDeleteClicked = useCallback(() => {
+    if (docDriver) {
+      setLoading(true);
+      docDriver
+        .removeDoc(doc.id)
+        .then(() => {
+          onClose();
+          onComplete();
+        })
+        .finally(() => {
+          setLoading(false);
+        });
+    }
+  }, [doc, docDriver, onClose, onComplete]);
+
+  return (
+    <Dialog
+      open
+      onOpenChange={(openState) => {
+        if (!openState) {
+          onClose();
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogTitle>Delete {`"${doc.name}"`}</DialogTitle>
+        <DialogDescription>
+          Are you sure you want to delete <strong>{doc.name}</strong>
+        </DialogDescription>
+        <DialogFooter>
+          <Button variant="secondary" onClick={onClose} disabled={loading}>
+            Cancel
+          </Button>
+          <Button
+            variant="destructive"
+            disabled={loading}
+            onClick={onDeleteClicked}
+          >
+            Delete
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx b/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
new file mode 100644
index 00000000..809e747a
--- /dev/null
+++ b/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
@@ -0,0 +1,80 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import {
+  SavedDocData,
+  SavedDocNamespace,
+} from "@/drivers/saved-doc/saved-doc-driver";
+import { useCallback, useState } from "react";
+
+interface Props {
+  onClose: () => void;
+  onComplete: (removedDocs: SavedDocData[]) => void;
+  value: SavedDocNamespace;
+}
+
+export default function RemoveNamespaceDialog({
+  onClose,
+  onComplete,
+  value,
+}: Props) {
+  const { docDriver } = useDatabaseDriver();
+  const [loading, setLoading] = useState(false);
+
+  const onDeleteClicked = useCallback(() => {
+    if (docDriver) {
+      setLoading(true);
+
+      docDriver
+        .getDocs(value.id)
+        .then((docs) => {
+          docDriver
+            .removeNamespapce(value.id)
+            .then(() => {
+              onClose();
+              onComplete(docs);
+            })
+            .finally(() => {
+              setLoading(false);
+            });
+        })
+        .catch(console.error);
+    }
+  }, [value, docDriver, onClose, onComplete]);
+
+  return (
+    <Dialog
+      open
+      onOpenChange={(openState) => {
+        if (!openState) {
+          onClose();
+        }
+      }}
+    >
+      <DialogContent>
+        <DialogTitle>Delete {`"${value.name}"`}</DialogTitle>
+        <DialogDescription>
+          Are you sure you want to delete <strong>{value.name}</strong>
+        </DialogDescription>
+        <DialogFooter>
+          <Button variant="secondary" onClick={onClose} disabled={loading}>
+            Cancel
+          </Button>
+          <Button
+            variant="destructive"
+            disabled={loading}
+            onClick={onDeleteClicked}
+          >
+            Delete
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/gui/sidebar/saved-doc-tab/rename-namespace-dialog.tsx b/src/components/gui/sidebar/saved-doc-tab/rename-namespace-dialog.tsx
new file mode 100644
index 00000000..e2b75a5f
--- /dev/null
+++ b/src/components/gui/sidebar/saved-doc-tab/rename-namespace-dialog.tsx
@@ -0,0 +1,78 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { SavedDocNamespace } from "@/drivers/saved-doc/saved-doc-driver";
+import { useCallback, useState } from "react";
+
+interface Props {
+  onClose: () => void;
+  onComplete: () => void;
+  value: SavedDocNamespace;
+}
+
+export default function RenameNamespaceDialog({
+  onClose,
+  onComplete,
+  value,
+}: Props) {
+  const { docDriver } = useDatabaseDriver();
+  const [namespace, setNamespace] = useState(value.name);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const onRenameNamespace = useCallback(() => {
+    if (docDriver) {
+      if (namespace && namespace.length > 2) {
+        setLoading(true);
+        docDriver
+          .updateNamespace(value.id, namespace)
+          .then(() => {
+            onClose();
+            onComplete();
+          })
+          .catch((e) => {
+            setError((e as Error).message);
+          })
+          .finally(() => setLoading(false));
+      } else {
+        setError("The namespace name must be at least 3 characters long");
+      }
+    }
+  }, [docDriver, namespace, onComplete, onClose, value]);
+
+  return (
+    <Dialog
+      open
+      onOpenChange={(openState) => {
+        if (!openState) onClose();
+      }}
+    >
+      <DialogContent>
+        <DialogTitle>Rename Namespace</DialogTitle>
+        <DialogDescription>
+          A namespace is similar to a folder that groups your work together. It
+          helps you organize and arrange your queries
+        </DialogDescription>
+        <Input
+          placeholder="Please enter namespace"
+          autoFocus
+          value={namespace}
+          onChange={(e) => setNamespace(e.currentTarget.value)}
+        />
+        {error && <div className="text-xs text-red-500 -mt-2">{error}</div>}
+        <DialogFooter>
+          <Button onClick={onRenameNamespace} disabled={loading}>
+            Save
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/gui/studio.tsx b/src/components/gui/studio.tsx
index a3d5795a..ffc46236 100644
--- a/src/components/gui/studio.tsx
+++ b/src/components/gui/studio.tsx
@@ -7,6 +7,7 @@ import { ReactElement } from "react";
 import OptimizeTableState from "@/components/gui/table-optimized/OptimizeTableState";
 import { StudioContextMenuItem } from "@/messages/open-context-menu";
 import { CollaborationBaseDriver } from "@/drivers/collaboration-driver-base";
+import { SavedDocDriver } from "@/drivers/saved-doc/saved-doc-driver";
 
 export interface StudioExtension {
   contextMenu?: (state: OptimizeTableState) => StudioContextMenuItem[];
@@ -15,6 +16,7 @@ export interface StudioExtension {
 interface StudioProps {
   driver: BaseDriver;
   collaboration?: CollaborationBaseDriver;
+  docDriver?: SavedDocDriver;
   name: string;
   color: string;
 
@@ -30,6 +32,7 @@ interface StudioProps {
 export function Studio({
   driver,
   collaboration,
+  docDriver,
   name,
   color,
   extensions,
@@ -37,7 +40,11 @@ export function Studio({
   onBack,
 }: Readonly<StudioProps>) {
   return (
-    <DriverProvider driver={driver} collaborationDriver={collaboration}>
+    <DriverProvider
+      driver={driver}
+      collaborationDriver={collaboration}
+      docDriver={docDriver}
+    >
       <ConfigProvider
         extensions={extensions}
         name={name}
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index efbb09d0..6bd8e692 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { identify } from "sql-query-identifier";
 import {
   LucideGrid,
@@ -24,15 +24,33 @@ import {
   MultipleQueryResult,
   multipleQuery,
 } from "@/components/lib/multiple-query";
-import WindowTabs from "../windows-tab";
+import WindowTabs, { useTabsContext } from "../windows-tab";
 import QueryResult from "../query-result";
 import { useSchema } from "@/context/schema-provider";
+import SaveDocButton from "../save-doc-button";
+import {
+  SavedDocData,
+  SavedDocInput,
+} from "@/drivers/saved-doc/saved-doc-driver";
+import { TAB_PREFIX_SAVED_QUERY } from "@/const";
+
+interface QueryWindowProps {
+  initialCode?: string;
+  initialName: string;
+  initialSavedKey?: string;
+  initialNamespace?: string;
+}
 
-export default function QueryWindow() {
+export default function QueryWindow({
+  initialCode,
+  initialName,
+  initialSavedKey,
+  initialNamespace,
+}: QueryWindowProps) {
   const { schema } = useAutoComplete();
-  const { databaseDriver } = useDatabaseDriver();
+  const { databaseDriver, docDriver } = useDatabaseDriver();
   const { refresh: refreshSchema } = useSchema();
-  const [code, setCode] = useState("");
+  const [code, setCode] = useState(initialCode ?? "");
   const editorRef = useRef<ReactCodeMirrorRef>(null);
   const [lineNumber, setLineNumber] = useState(0);
   const [columnNumber, setColumnNumber] = useState(0);
@@ -40,6 +58,13 @@ export default function QueryWindow() {
   const [queryTabIndex, setQueryTabIndex] = useState(0);
   const [progress, setProgress] = useState<MultipleQueryProgress>();
   const [data, setData] = useState<MultipleQueryResult[]>();
+  const [name, setName] = useState(initialName);
+  const { changeCurrentTab } = useTabsContext();
+
+  const [namespaceName, setNamespaceName] = useState(
+    initialNamespace ?? "Unsaved Query"
+  );
+  const [savedKey, setSavedKey] = useState<string | undefined>(initialSavedKey);
 
   const onRunClicked = (all = false) => {
     const statements = identify(code, {
@@ -100,6 +125,19 @@ export default function QueryWindow() {
     }
   };
 
+  const onSaveComplete = useCallback(
+    (doc: SavedDocData) => {
+      setNamespaceName(doc.namespace.name);
+      setSavedKey(doc.id);
+      changeCurrentTab({ identifier: TAB_PREFIX_SAVED_QUERY + doc.id });
+    },
+    [changeCurrentTab]
+  );
+
+  const onPrepareSaveContent = useCallback((): SavedDocInput => {
+    return { content: code, name };
+  }, [code, name]);
+
   const windowTab = useMemo(() => {
     return (
       <WindowTabs
@@ -114,6 +152,7 @@ export default function QueryWindow() {
               <QueryResult result={queryResult} key={queryResult.order} />
             ),
             key: "query_" + queryResult.order,
+            identifier: "query_" + queryResult.order,
             title: "Query " + (queryIdx + 1),
             icon: LucideGrid,
           })),
@@ -121,6 +160,7 @@ export default function QueryWindow() {
             ? [
                 {
                   key: "summary",
+                  identifier: "summary",
                   title: "Summary",
                   icon: LucideMessageSquareWarning,
                   component: (
@@ -140,6 +180,28 @@ export default function QueryWindow() {
     <ResizablePanelGroup direction="vertical">
       <ResizablePanel style={{ position: "relative" }}>
         <div className="absolute left-0 right-0 top-0 bottom-0 flex flex-col">
+          <div className="border-b pl-2 pr-1 py-1 flex">
+            <div className="text-xs shrink-0 items-center flex text-secondary-foreground p-1">
+              {namespaceName} /
+            </div>
+            <div className="inline-block relative">
+              <span className="inline-block text-xs p-1 outline-none font-semibold min-w-[175px] border border-background opacity-0">
+                &nbsp;{name}
+              </span>
+              <input
+                onBlur={(e) => {
+                  changeCurrentTab({
+                    title: e.currentTarget.value || "Unnamed Query",
+                  });
+                }}
+                placeholder="Please name your query"
+                spellCheck="false"
+                className="absolute top-0 right-0 left-0 bottom-0 text-xs p-1 outline-none font-semibold border border-background focus:border-secondary-foreground rounded"
+                value={name}
+                onChange={(e) => setName(e.currentTarget.value)}
+              />
+            </div>
+          </div>
           <div className="grow overflow-hidden">
             <SqlEditor
               ref={editorRef}
@@ -161,7 +223,11 @@ export default function QueryWindow() {
           <div className="grow-0 shrink-0">
             <Separator />
             <div className="flex gap-1 p-1">
-              <Button variant={"ghost"} onClick={() => onRunClicked()}>
+              <Button
+                variant={"ghost"}
+                size="sm"
+                onClick={() => onRunClicked()}
+              >
                 <LucidePlay className="w-4 h-4 mr-2" />
                 Run Current{" "}
                 <span className="text-xs ml-2 px-2 bg-secondary py-1 rounded">
@@ -169,15 +235,27 @@ export default function QueryWindow() {
                 </span>
               </Button>
 
-              <Button variant={"ghost"} onClick={() => onRunClicked(true)}>
+              <Button
+                variant={"ghost"}
+                size="sm"
+                onClick={() => onRunClicked(true)}
+              >
                 <LucidePlay className="w-4 h-4 mr-2" />
                 Run All
               </Button>
 
-              <div className="grow justify-end items-center flex text-sm mr-2 gap-2">
+              <div className="grow items-center flex text-xs mr-2 gap-2 border-l pl-4">
                 <div>Ln {lineNumber}</div>
                 <div>Col {columnNumber + 1}</div>
               </div>
+
+              {docDriver && (
+                <SaveDocButton
+                  onComplete={onSaveComplete}
+                  onPrepareContent={onPrepareSaveContent}
+                  docId={savedKey}
+                />
+              )}
             </div>
           </div>
         </div>
diff --git a/src/components/gui/tabs/schema-editor-tab.tsx b/src/components/gui/tabs/schema-editor-tab.tsx
index cdf22adf..e6d12ab2 100644
--- a/src/components/gui/tabs/schema-editor-tab.tsx
+++ b/src/components/gui/tabs/schema-editor-tab.tsx
@@ -95,6 +95,7 @@ export default function SchemaEditorTab({
           replaceCurrentTab({
             component: <SchemaEditorTab tableName={schema.name.new} />,
             key: "_schema_" + schema.name.new,
+            identifier: "_schema_" + schema.name.new,
             title: "Edit " + schema.name.new,
             icon: LucideTableProperties,
           });
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index fc822403..c20d49b2 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -33,6 +33,7 @@ export interface WindowTabItemProps {
   component: JSX.Element;
   icon: LucideIcon;
   title: string;
+  identifier: string;
   key: string;
 }
 
@@ -47,10 +48,14 @@ interface WindowTabsProps {
 
 const WindowTabsContext = createContext<{
   replaceCurrentTab: (tab: WindowTabItemProps) => void;
+  changeCurrentTab: (value: { title?: string; identifier?: string }) => void;
 }>({
   replaceCurrentTab: () => {
     throw new Error("Not implemented");
   },
+  changeCurrentTab: () => {
+    throw new Error("Not implemented");
+  },
 });
 
 export function useTabsContext() {
@@ -87,9 +92,23 @@ export default function WindowTabs({
     [tabs, selected, onTabsChange]
   );
 
+  const changeCurrentTab = useCallback(
+    (value: { title?: string; identifier?: string }) => {
+      if (tabs[selected]) {
+        if (value.title) tabs[selected].title = value.title;
+        if (value.identifier) tabs[selected].identifier = value.identifier;
+
+        if (onTabsChange) {
+          onTabsChange([...tabs]);
+        }
+      }
+    },
+    [tabs, selected, onTabsChange]
+  );
+
   const contextValue = useMemo(
-    () => ({ replaceCurrentTab }),
-    [replaceCurrentTab]
+    () => ({ replaceCurrentTab, changeCurrentTab }),
+    [changeCurrentTab, replaceCurrentTab]
   );
 
   const handleDragStart = useCallback(
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
new file mode 100644
index 00000000..c710e68e
--- /dev/null
+++ b/src/components/listview/index.tsx
@@ -0,0 +1,115 @@
+import { ContextMenuList } from "@/components/gui/context-menu-handler";
+import { buttonVariants } from "@/components/ui/button";
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu";
+import { cn } from "@/lib/utils";
+import { OpenContextMenuList } from "@/messages/open-context-menu";
+import { LucideIcon } from "lucide-react";
+import { useRef, useState } from "react";
+
+export interface ListViewItem<T = unknown> {
+  key: string;
+  name: string;
+  icon: LucideIcon;
+  iconColor?: string;
+  data: T;
+}
+
+interface ListViewProps<T> {
+  items: ListViewItem<T>[];
+  selectedKey?: string;
+  full?: boolean;
+  onSelectChange?: (key: string) => void;
+  onDoubleClick?: (item: ListViewItem<T>) => void;
+  onContextMenu?: (item?: ListViewItem<T>) => OpenContextMenuList;
+}
+
+export function ListView<T = unknown>({
+  items,
+  selectedKey,
+  onDoubleClick,
+  onSelectChange,
+  onContextMenu,
+  full,
+}: ListViewProps<T>) {
+  const [contextOpen, setContextOpen] = useState(false);
+  const [contextMenuKey, setContextMenuKey] = useState("");
+  const [contextMenu, setContextMenu] = useState<OpenContextMenuList>([]);
+
+  // When click on list item context menu, it will set to TRUE
+  // to prevent container context menu event.
+  const stopParentPropagation = useRef<boolean>(false);
+
+  return (
+    <ContextMenu modal={false} onOpenChange={setContextOpen}>
+      <ContextMenuTrigger asChild>
+        <div
+          tabIndex={0}
+          className={cn(full ? "grow overflow-auto p-2" : "p-2", "select-none")}
+          onContextMenu={() => {
+            if (stopParentPropagation.current) {
+              stopParentPropagation.current = false;
+              return;
+            }
+            if (onContextMenu) setContextMenu(onContextMenu());
+            setContextMenuKey("");
+          }}
+        >
+          <div className={"flex flex-col"}>
+            {items.map((item) => {
+              return (
+                <div
+                  key={item.key}
+                  onContextMenu={() => {
+                    stopParentPropagation.current = true;
+                    setContextMenuKey(item.key);
+                    if (onContextMenu) setContextMenu(onContextMenu(item));
+                  }}
+                  onDoubleClick={() => {
+                    if (onDoubleClick) {
+                      onDoubleClick(item);
+                    }
+                  }}
+                  onClick={() => {
+                    if (onSelectChange) {
+                      onSelectChange(item.key);
+                    }
+                  }}
+                  className="flex p-0.5"
+                >
+                  <div
+                    className={cn(
+                      buttonVariants({
+                        variant: selectedKey === item.key ? "default" : "ghost",
+                        size: "sm",
+                      }),
+                      contextMenuKey === item.key && contextOpen
+                        ? "border border-blue-500"
+                        : "border border-transparent",
+                      "w-full",
+                      "justify-start",
+                      "cursor-pointer"
+                    )}
+                  >
+                    {item.icon && (
+                      <item.icon
+                        className={cn("w-4 h-4 mr-2", item.iconColor)}
+                      />
+                    )}
+                    {item.name}
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      </ContextMenuTrigger>
+      <ContextMenuContent>
+        <ContextMenuList menu={contextMenu} />
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}
diff --git a/src/components/messages/open-context-menu.tsx b/src/components/messages/open-context-menu.tsx
deleted file mode 100644
index 7401d079..00000000
--- a/src/components/messages/open-context-menu.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { MessageChannelName } from "./const";
-import type { LucideIcon } from "lucide-react";
-
-export interface StudioContextMenuItem {
-  type?: "check";
-  checked?: boolean;
-  title?: string | JSX.Element;
-  shortcut?: string;
-  separator?: boolean;
-  disabled?: boolean;
-  destructive?: boolean;
-  onClick?: () => void;
-  sub?: OpenContextMenuList;
-  subWidth?: number;
-  icon?: LucideIcon;
-}
-
-export type OpenContextMenuList = Array<StudioContextMenuItem>;
-
-export interface OpenContextMenuOptions {
-  contextMenu: OpenContextMenuList;
-  x: number;
-  y: number;
-}
-
-export function openContextMenu(options: OpenContextMenuOptions) {
-  window.internalPubSub.send(MessageChannelName.OPEN_CONTEXT_MENU, options);
-}
-
-export function openContextMenuFromEvent(contextMenu: OpenContextMenuList) {
-  return function handleMouseEvent(e: React.MouseEvent) {
-    openContextMenu({
-      contextMenu,
-      x: e.pageX,
-      y: e.pageY,
-    });
-
-    e.preventDefault();
-    return false;
-  };
-}
diff --git a/src/components/messages/open-tab.tsx b/src/components/messages/open-tab.tsx
deleted file mode 100644
index b876bcfa..00000000
--- a/src/components/messages/open-tab.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import type { WindowTabItemProps } from "@/components/gui/windows-tab";
-import { MessageChannelName } from "./const";
-import type { Dispatch, SetStateAction } from "react";
-import {
-  LucideCode,
-  LucideTable,
-  LucideTableProperties,
-  LucideUser,
-  LucideCog,
-} from "lucide-react";
-import QueryWindow from "@/components/gui/tabs/query-tab";
-import SchemaEditorTab from "@/components/gui/tabs/schema-editor-tab";
-import TableDataWindow from "@/components/gui/tabs/table-data-tab";
-import UsersTab from "@/components/gui/tabs/users-tabs";
-import TriggerTab from "@/components/gui/tabs/trigger-tab";
-
-interface OpenTableTab {
-  type: "table";
-  tableName: string;
-}
-
-interface OpenQueryTab {
-  type: "query";
-  name?: string;
-}
-
-interface OpenTableSchemaTab {
-  type: "schema";
-  tableName?: string;
-}
-
-interface OpenUserTab {
-  type: "user";
-}
-
-interface OpenTriggerTab {
-  type: "trigger";
-  tableName?: string;
-  name?: string;
-}
-
-export type OpenTabsProps =
-  | OpenTableTab
-  | OpenQueryTab
-  | OpenTableSchemaTab
-  | OpenUserTab
-  | OpenTriggerTab;
-
-export function openTab(props: OpenTabsProps) {
-  window.internalPubSub.send(MessageChannelName.OPEN_NEW_TAB, props);
-}
-
-function generateKeyFromTab(tab: OpenTabsProps) {
-  if (tab.type === "query") return "query-" + window.crypto.randomUUID();
-  if (tab.type === "table") return "table-" + tab.tableName;
-  if (tab.type === "schema")
-    return !tab.tableName ? "create-schema" : "schema-" + tab.tableName;
-  if (tab.type === "user") return "user";
-
-  return "trigger-" + (tab.name ?? "");
-}
-
-function generateIconFromTab(tab: OpenTabsProps) {
-  if (tab.type === "query") return LucideCode;
-  if (tab.type === "table") return LucideTable;
-  if (tab.type === "schema") return LucideTableProperties;
-  if (tab.type === "user") return LucideUser;
-
-  return LucideCog;
-}
-
-let QUERY_COUNTER = 2;
-function generateTitle(tab: OpenTabsProps) {
-  if (tab.type === "query") return "Query " + (QUERY_COUNTER++).toString();
-  if (tab.type === "table") return tab.tableName;
-  if (tab.type === "schema") return tab.tableName ? tab.tableName : "New Table";
-  if (tab.type === "user") return "User & Permission";
-  return tab.name ?? "";
-}
-
-function generateComponent(tab: OpenTabsProps) {
-  if (tab.type === "query") return <QueryWindow />;
-  if (tab.type === "table")
-    return <TableDataWindow tableName={tab.tableName} />;
-  if (tab.type === "schema")
-    return <SchemaEditorTab tableName={tab.tableName} />;
-  if (tab.type === "user") return <UsersTab />;
-  return <TriggerTab name={tab.name ?? ""} />;
-}
-
-export function receiveOpenTabMessage({
-  newTab,
-  setTabs,
-  setSelectedTabIndex,
-}: {
-  newTab: OpenTabsProps;
-  setTabs: Dispatch<SetStateAction<WindowTabItemProps[]>>;
-  setSelectedTabIndex: Dispatch<SetStateAction<number>>;
-}) {
-  setTabs((prev) => {
-    const key = generateKeyFromTab(newTab);
-    const foundIndex = prev.findIndex((tab) => tab.key === key);
-
-    if (foundIndex >= 0) {
-      setSelectedTabIndex(foundIndex);
-      return prev;
-    }
-    setSelectedTabIndex(prev.length);
-
-    return [
-      ...prev,
-      {
-        icon: generateIconFromTab(newTab),
-        title: generateTitle(newTab),
-        key,
-        component: generateComponent(newTab),
-      },
-    ];
-  });
-}
diff --git a/src/components/my-studio.tsx b/src/components/my-studio.tsx
index a13dfae6..fb42664f 100644
--- a/src/components/my-studio.tsx
+++ b/src/components/my-studio.tsx
@@ -10,7 +10,7 @@ import {
 import { BaseDriver } from "@/drivers/base-driver";
 import { CollaborationBaseDriver } from "@/drivers/collaboration-driver-base";
 import { Studio, StudioExtension } from "./gui/studio";
-import FeatureRequestSidebar from "./sidebar/feature-request.tsx";
+import { SavedDocDriver } from "@/drivers/saved-doc/saved-doc-driver";
 
 interface MyStudioProps {
   name: string;
@@ -18,6 +18,7 @@ interface MyStudioProps {
   driver: BaseDriver;
   expiredAt?: number;
   collabarator?: CollaborationBaseDriver;
+  docDriver?: SavedDocDriver;
   sideBarFooterComponent?: ReactElement;
 }
 
@@ -25,6 +26,7 @@ function MyStudioInternal({
   name,
   color,
   driver,
+  docDriver,
   collabarator,
   sideBarFooterComponent,
 }: MyStudioProps) {
@@ -93,6 +95,7 @@ function MyStudioInternal({
       onThemeChange={toggleTheme}
       onBack={goBack}
       collaboration={collabarator}
+      docDriver={docDriver}
       sideBarFooterComponent={sideBarFooterComponent}
       extensions={extensions}
     />
@@ -100,24 +103,9 @@ function MyStudioInternal({
 }
 
 export default function MyStudio(props: MyStudioProps) {
-  const defaultSidebar = useMemo(() => {
-    return (
-      <div className="text-sm p-3 px-4">
-        {props.sideBarFooterComponent ?? (
-          <>
-            <p>
-              <strong>LibStudio Studio</strong> is open-source database GUI.
-            </p>
-            <FeatureRequestSidebar />
-          </>
-        )}
-      </div>
-    );
-  }, [props.sideBarFooterComponent]);
-
   return (
     <BlockEditorProvider>
-      <MyStudioInternal {...props} sideBarFooterComponent={defaultSidebar} />
+      <MyStudioInternal {...props} />
     </BlockEditorProvider>
   );
 }
diff --git a/src/components/sidebar/temp-session-countdown.tsx b/src/components/sidebar/temp-session-countdown.tsx
index 2419e960..11ba890a 100644
--- a/src/components/sidebar/temp-session-countdown.tsx
+++ b/src/components/sidebar/temp-session-countdown.tsx
@@ -23,7 +23,7 @@ export default function TemporarySession({ expiredAt }: { expiredAt: number }) {
   const sec = countdownInSec % 60;
 
   return (
-    <div className="border-b pb-1">
+    <div className="pb-2 px-2">
       <div className="flex gap-0.5 mb-1">
         <span className="p-1 px-2 rounded  mono text-center bg-black text-white">
           {Math.floor(min / 10)}
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
index e688d39b..ae5005dc 100644
--- a/src/components/ui/context-menu.tsx
+++ b/src/components/ui/context-menu.tsx
@@ -50,7 +50,7 @@ const ContextMenuSubContent = React.forwardRef<
   <ContextMenuPrimitive.SubContent
     ref={ref}
     className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     )}
     {...props}
@@ -66,7 +66,7 @@ const ContextMenuContent = React.forwardRef<
     <ContextMenuPrimitive.Content
       ref={ref}
       className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )}
       {...props}
diff --git a/src/components/messages/const.ts b/src/const.ts
similarity index 57%
rename from src/components/messages/const.ts
rename to src/const.ts
index 102fd06d..cb287159 100644
--- a/src/components/messages/const.ts
+++ b/src/const.ts
@@ -1,4 +1,7 @@
 export enum MessageChannelName {
   OPEN_NEW_TAB = "OPEN_NEW_TAB",
   OPEN_CONTEXT_MENU = "OPEN_CONTEXT_MENU",
+  CLOSE_TABS = "CLOSE_TAB",
 }
+
+export const TAB_PREFIX_SAVED_QUERY = "saved-query-";
diff --git a/src/context/driver-provider.tsx b/src/context/driver-provider.tsx
index cad93587..b0e09448 100644
--- a/src/context/driver-provider.tsx
+++ b/src/context/driver-provider.tsx
@@ -1,10 +1,12 @@
 import type { BaseDriver } from "@/drivers/base-driver";
 import { CollaborationBaseDriver } from "@/drivers/collaboration-driver-base";
+import { SavedDocDriver } from "@/drivers/saved-doc/saved-doc-driver";
 import { type PropsWithChildren, createContext, useContext } from "react";
 
 const DriverContext = createContext<{
   databaseDriver: BaseDriver;
   collaborationDriver?: CollaborationBaseDriver;
+  docDriver?: SavedDocDriver;
 }>({
   databaseDriver: {} as unknown as BaseDriver,
 });
@@ -17,13 +19,15 @@ export function DriverProvider({
   children,
   driver,
   collaborationDriver,
+  docDriver,
 }: PropsWithChildren<{
   driver: BaseDriver;
   collaborationDriver?: CollaborationBaseDriver;
+  docDriver?: SavedDocDriver;
 }>) {
   return (
     <DriverContext.Provider
-      value={{ databaseDriver: driver, collaborationDriver }}
+      value={{ databaseDriver: driver, collaborationDriver, docDriver }}
     >
       {children}
     </DriverContext.Provider>
diff --git a/src/db/schema-doc.ts b/src/db/schema-doc.ts
new file mode 100644
index 00000000..b277bbe0
--- /dev/null
+++ b/src/db/schema-doc.ts
@@ -0,0 +1,42 @@
+import { index, int, sqliteTable, text } from "drizzle-orm/sqlite-core";
+import { database } from "./schema-database";
+import { user } from "./schema-user";
+
+export const dbDocNamespace = sqliteTable(
+  "doc_namespace",
+  {
+    id: text("id").primaryKey(),
+    databaseId: text("database_id").references(() => database.id),
+    userId: text("user_id").references(() => user.id),
+    name: text("name"),
+    updatedAt: int("updated_at"),
+    createdAt: int("created_at"),
+  },
+  (table) => {
+    return {
+      docNamespaceDatabaseIndex: index("doc_namespace_database_idx").on(
+        table.databaseId
+      ),
+    };
+  }
+);
+
+export const dbDoc = sqliteTable(
+  "doc",
+  {
+    id: text("id").primaryKey(),
+    namespaceId: text("namespace_id").references(() => dbDocNamespace.id),
+    userId: text("user_id").references(() => user.id),
+    name: text("name"),
+    type: text("type"),
+    content: text("content"),
+    lastUsedAt: int("last_used_at"),
+    updatedAt: int("updated_at"),
+    createdAt: int("created_at"),
+  },
+  (table) => {
+    return {
+      docNamespaceIndex: index("doc_namespace_idx").on(table.namespaceId),
+    };
+  }
+);
diff --git a/src/db/schema.ts b/src/db/schema.ts
index cfd26fd0..2e0a8c45 100644
--- a/src/db/schema.ts
+++ b/src/db/schema.ts
@@ -2,3 +2,4 @@ export * from "./schema-user";
 export * from "./schema-database";
 export * from "./schema-dataset";
 export * from "./schema-temp-session";
+export * from "./schema-doc";
diff --git a/src/drivers/saved-doc/remote-saved-doc.ts b/src/drivers/saved-doc/remote-saved-doc.ts
new file mode 100644
index 00000000..1d97e590
--- /dev/null
+++ b/src/drivers/saved-doc/remote-saved-doc.ts
@@ -0,0 +1,142 @@
+import {
+  createDocNamespace,
+  getDocNamespaceList,
+  removeDocNamespace,
+  updateDocNamespace,
+  getSavedDocList,
+  createSavedDoc,
+  removeSavedDoc,
+  updateSavedDoc,
+} from "./saved-doc-actions";
+import {
+  SavedDocData,
+  SavedDocDriver,
+  SavedDocInput,
+  SavedDocNamespace,
+  SavedDocType,
+} from "./saved-doc-driver";
+
+export default class RemoteSavedDocDriver implements SavedDocDriver {
+  protected databaseId: string;
+  protected cb: (() => void)[] = [];
+  protected cacheNamespaceList: SavedDocNamespace[] | null = null;
+  protected cacheDocs: Record<string, SavedDocData[]> = {};
+
+  constructor(databaseId: string) {
+    this.databaseId = databaseId;
+  }
+
+  async getNamespaces(): Promise<SavedDocNamespace[]> {
+    if (this.cacheNamespaceList) {
+      return this.cacheNamespaceList;
+    }
+    const t = await getDocNamespaceList(this.databaseId);
+    this.cacheNamespaceList = t;
+    return t;
+  }
+
+  async createNamespace(name: string): Promise<SavedDocNamespace> {
+    const t = await createDocNamespace(this.databaseId, name);
+
+    if (this.cacheNamespaceList) {
+      this.cacheNamespaceList.push(t);
+    }
+
+    return t;
+  }
+
+  async updateNamespace(id: string, name: string): Promise<SavedDocNamespace> {
+    const t = await updateDocNamespace(this.databaseId, id, name);
+
+    if (this.cacheNamespaceList) {
+      this.cacheNamespaceList = this.cacheNamespaceList.map((n) => {
+        if (n.id === t.id) {
+          return t;
+        }
+        return n;
+      });
+    }
+
+    return t;
+  }
+
+  async removeNamespapce(id: string): Promise<void> {
+    await removeDocNamespace(this.databaseId, id);
+
+    if (this.cacheNamespaceList) {
+      this.cacheNamespaceList = this.cacheNamespaceList.filter(
+        (n) => n.id !== id
+      );
+
+      if (this.cacheNamespaceList.length === 0) {
+        this.cacheNamespaceList = null;
+      }
+    }
+  }
+
+  async createDoc(
+    type: SavedDocType,
+    namespace: string,
+    data: SavedDocInput
+  ): Promise<SavedDocData> {
+    const r = await createSavedDoc(this.databaseId, namespace, type, data);
+
+    if (this.cacheDocs[r.namespace.id]) {
+      this.cacheDocs[r.namespace.id].unshift(r);
+    }
+
+    this.triggerChange();
+    return r;
+  }
+
+  async getDocs(namespaceId: string): Promise<SavedDocData[]> {
+    if (this.cacheDocs[namespaceId]) {
+      return this.cacheDocs[namespaceId];
+    }
+
+    const t = await getSavedDocList(this.databaseId, namespaceId);
+    this.cacheDocs[namespaceId] = t;
+    return t;
+  }
+
+  async updateDoc(id: string, data: SavedDocInput): Promise<SavedDocData> {
+    const r = await updateSavedDoc(this.databaseId, id, data);
+
+    if (this.cacheDocs[r.namespace.id]) {
+      this.cacheDocs[r.namespace.id] = this.cacheDocs[r.namespace.id].map(
+        (d) => {
+          if (d.id === r.id) return r;
+          return d;
+        }
+      );
+    }
+
+    this.triggerChange();
+    return r;
+  }
+
+  async removeDoc(id: string): Promise<void> {
+    const r = await removeSavedDoc(this.databaseId, id);
+
+    for (const namespaceId of Object.keys(this.cacheDocs)) {
+      this.cacheDocs[namespaceId] = this.cacheDocs[namespaceId].filter(
+        (d) => d.id !== id
+      );
+    }
+
+    this.triggerChange();
+    return r;
+  }
+
+  addChangeListener(cb: () => void): void {
+    this.cb.push(cb);
+  }
+
+  removeChangeListener(cb: () => void): void {
+    this.cb = this.cb.filter((c) => c !== cb);
+  }
+
+  protected triggerChange() {
+    this.cb.forEach((c) => c());
+  }
+}
diff --git a/src/drivers/saved-doc/saved-doc-actions.test.ts b/src/drivers/saved-doc/saved-doc-actions.test.ts
new file mode 100644
index 00000000..860a8b17
--- /dev/null
+++ b/src/drivers/saved-doc/saved-doc-actions.test.ts
@@ -0,0 +1,117 @@
+import {
+  makeTestDatabase,
+  makeTestUser,
+  mockToken,
+  setupTestDatabase,
+} from "@/lib/test-helper";
+import RemoteSavedDocDriver from "./remote-saved-doc";
+
+const CURRENT_USER_ID = "user_a";
+const CURRENT_USER_TOKEN = "testing_token";
+const CURRENT_DATABASE_ID = "db_a";
+
+const OTHER_USER_TOKEN = "other-user";
+const OTHER_DATABASE_ID = "db_b";
+const OTHER_USER_ID = "user_b";
+
+const CREATED_NAMESPACE_NAME = "testing namespace";
+const DEFAULT_NAMESPACE_NAME = "Workplace";
+
+beforeAll(async () => {
+  await setupTestDatabase();
+
+  const user = await makeTestUser({
+    id: CURRENT_USER_ID,
+    sessionToken: CURRENT_USER_TOKEN,
+  });
+
+  const user2 = await makeTestUser({
+    id: OTHER_USER_ID,
+    sessionToken: OTHER_USER_TOKEN,
+  });
+
+  await makeTestDatabase(user, { id: CURRENT_DATABASE_ID });
+  await makeTestDatabase(user2, { id: OTHER_DATABASE_ID });
+});
+
+describe("Namespace", () => {
+  it("blank database should always return one namespace", async () => {
+    mockToken(CURRENT_USER_TOKEN);
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+    expect((await remoteDoc.getNamespaces()).length).toBe(1);
+  });
+
+  it("create namespace", async () => {
+    mockToken(CURRENT_USER_TOKEN);
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+    await remoteDoc.createNamespace(CREATED_NAMESPACE_NAME);
+    expect((await remoteDoc.getNamespaces()).length).toBe(2);
+  });
+
+  it("try to create namespace in database that does not belong to user SHOULD throw error", async () => {
+    mockToken(OTHER_USER_TOKEN);
+
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+    await expect(
+      remoteDoc.createNamespace("other namespace")
+    ).rejects.toBeTruthy();
+  });
+
+  it("create/remove/update doc inside the namespace", async () => {
+    mockToken(CURRENT_USER_TOKEN);
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+
+    const defaultNamespace = (await remoteDoc.getNamespaces()).find(
+      (n) => n.name === DEFAULT_NAMESPACE_NAME
+    );
+
+    const defaultNamespaceId = defaultNamespace?.id ?? "";
+
+    const d1 = await remoteDoc.createDoc("sql", defaultNamespaceId, {
+      content: "Testing",
+      name: "Testing",
+    });
+
+    const d2 = await remoteDoc.createDoc("sql", defaultNamespaceId, {
+      content: "Testing 2",
+      name: "Testing 2",
+    });
+
+    expect((await remoteDoc.getDocs(defaultNamespaceId)).length).toBe(2);
+
+    await remoteDoc.updateDoc(d1.id, {
+      name: "Renamed Test",
+      content: "Testing",
+    });
+
+    expect(
+      (await remoteDoc.getDocs(defaultNamespaceId)).find((n) => n.id === d1.id)
+        ?.name
+    ).toBe("Renamed Test");
+
+    await remoteDoc.removeDoc(d2.id);
+    expect((await remoteDoc.getDocs(defaultNamespaceId)).length).toBe(1);
+  });
+
+  it("rename namespace", async () => {
+    mockToken(CURRENT_USER_TOKEN);
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+    const firstNamespace = (await remoteDoc.getNamespaces())[0];
+    const id = firstNamespace?.id ?? "";
+    await remoteDoc.updateNamespace(id, "Renamed Namespace");
+
+    expect(
+      (await remoteDoc.getNamespaces()).find((n) => n.id === id)?.name
+    ).toBe("Renamed Namespace");
+  });
+
+  it("remove namespace", async () => {
+    mockToken(CURRENT_USER_TOKEN);
+    const remoteDoc = new RemoteSavedDocDriver(CURRENT_DATABASE_ID);
+    const firstNamespace = (await remoteDoc.getNamespaces())[0];
+    await remoteDoc.removeNamespapce(firstNamespace.id);
+    expect(
+      (await remoteDoc.getNamespaces()).find((r) => r.id === firstNamespace.id)
+    ).not.toBeTruthy();
+  });
+});
diff --git a/src/drivers/saved-doc/saved-doc-actions.ts b/src/drivers/saved-doc/saved-doc-actions.ts
new file mode 100644
index 00000000..524e3d67
--- /dev/null
+++ b/src/drivers/saved-doc/saved-doc-actions.ts
@@ -0,0 +1,275 @@
+"use server";
+import { get_database } from "@/db";
+import {
+  SavedDocData,
+  SavedDocInput,
+  SavedDocNamespace,
+  SavedDocType,
+} from "./saved-doc-driver";
+import { getDatabaseWithAuth } from "@/lib/with-database-ops";
+import { desc, eq } from "drizzle-orm";
+import { dbDoc, dbDocNamespace } from "@/db/schema-doc";
+import { generateId } from "lucia";
+import { ApiError } from "@/lib/api-error";
+
+async function getNamespaceWithAuth(databaseId: string, namespaceId: string) {
+  const props = await getDatabaseWithAuth(databaseId);
+  const { db } = props;
+
+  const namespaceData = await db.query.dbDocNamespace.findFirst({
+    where: eq(dbDocNamespace.id, namespaceId),
+  });
+
+  if (!namespaceData) {
+    throw new ApiError({ message: "Namespace does not exist", status: 500 });
+  }
+
+  if (namespaceData.databaseId !== databaseId) {
+    throw new ApiError({
+      message: "You do not have permission to this namespace",
+      status: 500,
+    });
+  }
+
+  return { ...props, namespaceData };
+}
+
+async function getDocWithAuth(databaseId: string, docId: string) {
+  const props = await getDatabaseWithAuth(databaseId);
+  const { db } = props;
+
+  const docData = await db.query.dbDoc.findFirst({
+    where: eq(dbDoc.id, docId),
+  });
+
+  const namespaceId = docData?.namespaceId;
+  if (!docData || !namespaceId) {
+    throw new ApiError({ message: "Document does not exist", status: 500 });
+  }
+
+  const namespaceData = await db.query.dbDocNamespace.findFirst({
+    where: eq(dbDocNamespace.id, namespaceId),
+  });
+
+  if (namespaceData?.databaseId !== databaseId) {
+    throw new ApiError({
+      message: "You do not have permission to this namespace",
+      status: 500,
+    });
+  }
+
+  return { ...props, namespaceData, docData };
+}
+
+export async function getDocNamespaceList(
+  databaseId: string
+): Promise<SavedDocNamespace[]> {
+  const { info } = await getDatabaseWithAuth(databaseId);
+
+  const db = get_database();
+  const ns = await db.query.dbDocNamespace.findMany({
+    where: eq(dbDocNamespace.databaseId, info.id),
+  });
+
+  if (ns.length === 0) {
+    // Create one default namespace if it does not exist
+    return [await createDocNamespace(databaseId, "Workplace")];
+  }
+
+  return ns.map((n) => {
+    return {
+      createdAt: n.createdAt ?? 0,
+      updatedAt: n.updatedAt ?? 0,
+      id: n.id,
+      name: n.name ?? "Unnamed",
+      databaseId: n.databaseId,
+      userId: n.userId,
+    };
+  });
+}
+
+export async function createDocNamespace(
+  databaseId: string,
+  name: string
+): Promise<SavedDocNamespace> {
+  const { user } = await getDatabaseWithAuth(databaseId);
+
+  const db = get_database();
+  const id = generateId(15);
+  const now = Math.floor(Date.now() / 1000);
+  const data = {
+    id,
+    databaseId,
+    name,
+    userId: user.id,
+    createdAt: now,
+    updatedAt: now,
+  };
+
+  await db.insert(dbDocNamespace).values(data);
+  return data;
+}
+
+export async function removeDocNamespace(
+  databaseId: string,
+  namespaceId: string
+): Promise<void> {
+  await getDatabaseWithAuth(databaseId);
+  const db = get_database();
+
+  const namespace = await db.query.dbDocNamespace.findFirst({
+    where: eq(dbDocNamespace.id, namespaceId),
+  });
+
+  if (namespace?.databaseId !== databaseId) {
+    throw new ApiError({
+      message: "You do not have permission to remove this namespace",
+      status: 500,
+    });
+  }
+
+  await db.batch([
+    db.delete(dbDoc).where(eq(dbDoc.namespaceId, namespaceId)),
+    db.delete(dbDocNamespace).where(eq(dbDocNamespace.id, namespaceId)),
+  ]);
+}
+
+export async function updateDocNamespace(
+  databaseId: string,
+  namespaceId: string,
+  name: string
+): Promise<SavedDocNamespace> {
+  await getDatabaseWithAuth(databaseId);
+  const { db, namespaceData } = await getNamespaceWithAuth(
+    databaseId,
+    namespaceId
+  );
+
+  const now = Math.floor(Date.now() / 1000);
+  await db
+    .update(dbDocNamespace)
+    .set({
+      name,
+      updatedAt: now,
+    })
+    .where(eq(dbDocNamespace.id, namespaceId));
+
+  return {
+    createdAt: namespaceData.createdAt ?? now,
+    id: namespaceData.id ?? "",
+    updatedAt: now,
+    name,
+  };
+}
+
+export async function getSavedDocList(
+  databaseId: string,
+  namespaceId: string
+): Promise<SavedDocData[]> {
+  const { db, namespaceData } = await getNamespaceWithAuth(
+    databaseId,
+    namespaceId
+  );
+
+  const docList = await db.query.dbDoc.findMany({
+    where: eq(dbDoc.namespaceId, namespaceId),
+    orderBy: desc(dbDoc.createdAt),
+  });
+
+  return docList.map((item) => {
+    return {
+      content: item.content ?? "",
+      createdAt: item.createdAt ?? 0,
+      updatedAt: item.updatedAt ?? 0,
+      id: item.id ?? "",
+      name: item.name ?? "",
+      type: (item.type ?? "sql") as SavedDocType,
+      namespace: {
+        id: namespaceData.id,
+        name: namespaceData.name ?? "",
+      },
+    };
+  });
+}
+
+export async function createSavedDoc(
+  databaseId: string,
+  namespaceId: string,
+  type: SavedDocType,
+  input: SavedDocInput
+): Promise<SavedDocData> {
+  const { db, namespaceData, user } = await getNamespaceWithAuth(
+    databaseId,
+    namespaceId
+  );
+
+  const now = Math.floor(Date.now() / 1000);
+  const id = generateId(15);
+
+  await db.insert(dbDoc).values({
+    content: input.content,
+    type: type,
+    createdAt: now,
+    updatedAt: now,
+    id,
+    lastUsedAt: now,
+    name: input.name,
+    namespaceId: namespaceData.id,
+    userId: user.id,
+  });
+
+  return {
+    id,
+    content: input.content,
+    createdAt: now,
+    updatedAt: now,
+    name: input.name,
+    type: type,
+    namespace: {
+      id: namespaceData.id,
+      name: namespaceData.name ?? "",
+    },
+  };
+}
+
+export async function removeSavedDoc(
+  databaseId: string,
+  docId: string
+): Promise<void> {
+  const { db } = await getDocWithAuth(databaseId, docId);
+  await db.delete(dbDoc).where(eq(dbDoc.id, docId));
+}
+
+export async function updateSavedDoc(
+  databaseId: string,
+  docId: string,
+  input: SavedDocInput
+): Promise<SavedDocData> {
+  const { db, docData, namespaceData } = await getDocWithAuth(
+    databaseId,
+    docId
+  );
+  const now = Math.floor(Date.now() / 1000);
+
+  await db
+    .update(dbDoc)
+    .set({
+      content: input.content,
+      name: input.name,
+      updatedAt: now,
+    })
+    .where(eq(dbDoc.id, docId));
+
+  return {
+    id: docId,
+    content: input.content,
+    createdAt: docData.createdAt ?? 0,
+    updatedAt: now,
+    name: input.name,
+    type: (docData.type ?? "sql") as SavedDocType,
+    namespace: {
+      id: namespaceData.id,
+      name: namespaceData.name ?? "",
+    },
+  };
+}
diff --git a/src/drivers/saved-doc/saved-doc-driver.ts b/src/drivers/saved-doc/saved-doc-driver.ts
new file mode 100644
index 00000000..a99ef69c
--- /dev/null
+++ b/src/drivers/saved-doc/saved-doc-driver.ts
@@ -0,0 +1,47 @@
+export type SavedDocType = "sql";
+
+export interface SavedDocNamespaceInput {
+  name: string;
+}
+
+export interface SavedDocNamespace extends SavedDocNamespaceInput {
+  id: string;
+  createdAt: number;
+  updatedAt: number;
+}
+
+export interface SavedDocInput {
+  name: string;
+  content: string;
+}
+
+export interface SavedDocData extends SavedDocInput {
+  id: string;
+  type: SavedDocType;
+  namespace: { id: string; name: string };
+  createdAt: number;
+  updatedAt: number;
+}
+
+export abstract class SavedDocDriver {
+  abstract getNamespaces(): Promise<SavedDocNamespace[]>;
+  abstract createNamespace(name: string): Promise<SavedDocNamespace>;
+  abstract updateNamespace(
+    id: string,
+    name: string
+  ): Promise<SavedDocNamespace>;
+  abstract removeNamespapce(id: string): Promise<void>;
+
+  abstract getDocs(namespaceId: string): Promise<SavedDocData[]>;
+  abstract createDoc(
+    type: SavedDocType,
+    namespace: string,
+    data: SavedDocInput
+  ): Promise<SavedDocData>;
+  abstract updateDoc(id: string, data: SavedDocInput): Promise<SavedDocData>;
+  abstract removeDoc(id: string): Promise<void>;
+
+  // This is helper to make code easier
+  abstract addChangeListener(cb: () => void): void;
+  abstract removeChangeListener(cb: () => void): void;
+}
diff --git a/src/lib/test-helper.ts b/src/lib/test-helper.ts
new file mode 100644
index 00000000..41f48166
--- /dev/null
+++ b/src/lib/test-helper.ts
@@ -0,0 +1,176 @@
+import { createClient } from "@libsql/client/node";
+import { drizzle } from "drizzle-orm/libsql";
+import * as schema from "./../db/schema";
+import { migrate } from "drizzle-orm/libsql/migrator";
+import { sql } from "drizzle-orm";
+import { generateId } from "lucia";
+
+let TOKEN_CURRENT: string | undefined = undefined;
+
+const conn = createClient({
+  url: ":memory:",
+});
+
+const db = drizzle(conn, { schema });
+
+jest.mock("next/headers", () => ({
+  cookies: jest.fn(() => ({
+    get: (name: string) => {
+      if (name === "auth_session") {
+        return { value: TOKEN_CURRENT };
+      }
+      return;
+    },
+  })),
+  headers: jest.fn(() => ({
+    get: () => undefined,
+  })),
+}));
+
+jest.mock("./../db", () => {
+  return {
+    get_connection: () => {
+      return conn;
+    },
+    get_database: () => {
+      return db;
+    },
+  };
+});
+
+jest.mock("./../env", () => {
+  return { env: { DATABASE_URL: ":memory:" } };
+});
+
+jest.mock("react", () => {
+  const originalModule = jest.requireActual("react");
+  return {
+    ...originalModule,
+    cache: (v: any) => v,
+  };
+});
+
+export async function setupTestDatabase() {
+  await migrate(db, { migrationsFolder: "./drizzle" });
+}
+
+export async function makeTestUser({
+  id,
+  sessionToken,
+}: {
+  id: string;
+  sessionToken?: string;
+}): Promise<typeof schema.user.$inferSelect> {
+  const data = {
+    id,
+    createdAt: "2024-03-10 05:39:45",
+    email: "testing@gmail.com",
+    name: "test",
+    picture: "",
+    storageUsage: 0,
+  };
+
+  const oauthId = generateId(15);
+  const oauthData = {
+    id: oauthId,
+    createdAt: "2024-03-10 05:39:45",
+    provider: "github",
+    providerId: oauthId,
+    userId: id,
+  };
+
+  await db.batch([
+    db.insert(schema.user).values(data),
+    db.insert(schema.user_oauth).values(oauthData),
+  ]);
+
+  if (sessionToken) {
+    const now = Math.floor(Date.now() / 1000);
+    const sessionData = {
+      expiresAt: sql`${now + 100000}`,
+      id: sessionToken,
+      userId: id,
+      authId: oauthId,
+      userAgent: "",
+    };
+
+    await db.insert(schema.user_session).values(sessionData);
+  }
+
+  return data;
+}
+
+export async function makeTestDatabase(
+  user: typeof schema.user.$inferSelect,
+  { id }: { id: string }
+): Promise<typeof schema.database.$inferSelect> {
+  const now = Math.floor(Date.now() / 1000);
+
+  const data: typeof schema.database.$inferSelect = {
+    color: "gray",
+    createdAt: now,
+    description: "",
+    driver: "turso",
+    host: "http://localhost:8080",
+    name: "hello",
+    id: id,
+    userId: user.id,
+    deletedAt: null,
+    password: null,
+    token: null,
+    username: null,
+  };
+
+  const roleId = generateId(15);
+  const role = {
+    databaseId: id,
+    id: roleId,
+    canExecuteQuery: 1,
+    createdAt: now,
+    updatedAt: now,
+    createdBy: user.id,
+    updatedBy: user.id,
+    isOwner: 1,
+    name: "Owner",
+  };
+
+  const userRole = {
+    createdAt: now,
+    createdBy: user.id,
+    databaseId: id,
+    roleId: roleId,
+    userId: user.id,
+  };
+
+  await db.batch([
+    db.insert(schema.database).values(data),
+    db.insert(schema.database_role).values(role),
+    db.insert(schema.database_user_role).values(userRole),
+  ]);
+
+  return data;
+}
+
+export async function makeTestNamespace(
+  user: typeof schema.user.$inferSelect,
+  databaseData: typeof schema.database.$inferSelect,
+  input: { id: string; name: string }
+): Promise<typeof schema.dbDocNamespace.$inferSelect> {
+  const now = Math.floor(Date.now() / 1000);
+
+  const data: typeof schema.dbDocNamespace.$inferSelect = {
+    createdAt: now,
+    updatedAt: now,
+    databaseId: databaseData.id,
+    id: input.id,
+    name: input.name,
+    userId: user.id,
+  };
+
+  await db.insert(schema.dbDocNamespace).values(data);
+  return data;
+}
+
+export function mockToken(token: string) {
+  TOKEN_CURRENT = token;
+}
diff --git a/src/lib/with-database-ops.ts b/src/lib/with-database-ops.ts
index 539ab206..b86996ba 100644
--- a/src/lib/with-database-ops.ts
+++ b/src/lib/with-database-ops.ts
@@ -11,6 +11,8 @@ import { NextResponse } from "next/server";
 import { and, eq } from "drizzle-orm";
 import { headers } from "next/headers";
 import { get_database } from "@/db";
+import { getSession } from "./auth";
+import { ApiError } from "./api-error";
 
 export interface DatabasePermission {
   isOwner: boolean;
@@ -23,6 +25,34 @@ export interface DatabasePermission {
   }[];
 }
 
+export async function getDatabaseWithAuth(databaseId: string) {
+  const db = get_database();
+  const { user } = await getSession();
+
+  if (!user)
+    throw new ApiError({ message: "You do not have permission", status: 500 });
+
+  const [info, role] = await db.batch([
+    db.query.database.findFirst({ where: eq(database.id, databaseId) }),
+    db.query.database_user_role.findFirst({
+      where: and(
+        eq(database_user_role.databaseId, databaseId),
+        eq(database_user_role.userId, user.id)
+      ),
+    }),
+  ]);
+
+  if (!info || info.deletedAt !== null) {
+    throw new ApiError({ message: "Database does not exist", status: 500 });
+  }
+
+  if (!role) {
+    throw new ApiError({ message: "You do not have permission", status: 500 });
+  }
+
+  return { info, role, user, db };
+}
+
 export type DatabaseOperationHandler<BodyType = unknown> = (props: {
   user: User;
   body: BodyType;
@@ -45,32 +75,10 @@ export default function withDatabaseOperation<T = unknown>(
         );
       }
 
-      const [databaseInfo, databaseRole] = await db.batch([
-        db.query.database.findFirst({ where: eq(database.id, databaseId) }),
-        db.query.database_user_role.findFirst({
-          where: and(
-            eq(database_user_role.databaseId, databaseId),
-            eq(database_user_role.userId, user.id)
-          ),
-        }),
-      ]);
-
-      if (!databaseInfo || databaseInfo.deletedAt !== null) {
-        return NextResponse.json(
-          { error: "Database does not exist" },
-          { status: 500 }
-        );
-      }
-
-      const roleId = databaseRole?.roleId;
-
-      if (!roleId) {
-        return NextResponse.json(
-          { error: "You do not have permission" },
-          { status: 500 }
-        );
-      }
+      const { info: databaseInfo, role: databaseRole } =
+        await getDatabaseWithAuth(databaseId);
 
+      const roleId = databaseRole.roleId ?? "";
       const permission = await db.query.database_role.findFirst({
         where: eq(database_role.id, roleId),
         with: {
diff --git a/src/messages/const.ts b/src/messages/const.ts
deleted file mode 100644
index 102fd06d..00000000
--- a/src/messages/const.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum MessageChannelName {
-  OPEN_NEW_TAB = "OPEN_NEW_TAB",
-  OPEN_CONTEXT_MENU = "OPEN_CONTEXT_MENU",
-}
diff --git a/src/messages/open-context-menu.tsx b/src/messages/open-context-menu.tsx
index 7401d079..4291364a 100644
--- a/src/messages/open-context-menu.tsx
+++ b/src/messages/open-context-menu.tsx
@@ -1,4 +1,4 @@
-import { MessageChannelName } from "./const";
+import { MessageChannelName } from "../const";
 import type { LucideIcon } from "lucide-react";
 
 export interface StudioContextMenuItem {
diff --git a/src/messages/open-tab.tsx b/src/messages/open-tab.tsx
index b876bcfa..824f7619 100644
--- a/src/messages/open-tab.tsx
+++ b/src/messages/open-tab.tsx
@@ -1,5 +1,5 @@
 import type { WindowTabItemProps } from "@/components/gui/windows-tab";
-import { MessageChannelName } from "./const";
+import { MessageChannelName, TAB_PREFIX_SAVED_QUERY } from "../const";
 import type { Dispatch, SetStateAction } from "react";
 import {
   LucideCode,
@@ -22,6 +22,11 @@ interface OpenTableTab {
 interface OpenQueryTab {
   type: "query";
   name?: string;
+  saved?: {
+    namespaceName?: string;
+    key: string;
+    sql: string;
+  };
 }
 
 interface OpenTableSchemaTab {
@@ -50,8 +55,18 @@ export function openTab(props: OpenTabsProps) {
   window.internalPubSub.send(MessageChannelName.OPEN_NEW_TAB, props);
 }
 
+export function closeTabs(key: string[]) {
+  window.internalPubSub.send(MessageChannelName.CLOSE_TABS, key);
+}
+
 function generateKeyFromTab(tab: OpenTabsProps) {
-  if (tab.type === "query") return "query-" + window.crypto.randomUUID();
+  if (tab.type === "query") {
+    if (tab.saved) {
+      return TAB_PREFIX_SAVED_QUERY + tab.saved.key;
+    }
+    return "query-" + window.crypto.randomUUID();
+  }
+
   if (tab.type === "table") return "table-" + tab.tableName;
   if (tab.type === "schema")
     return !tab.tableName ? "create-schema" : "schema-" + tab.tableName;
@@ -71,15 +86,30 @@ function generateIconFromTab(tab: OpenTabsProps) {
 
 let QUERY_COUNTER = 2;
 function generateTitle(tab: OpenTabsProps) {
-  if (tab.type === "query") return "Query " + (QUERY_COUNTER++).toString();
+  if (tab.type === "query") {
+    if (tab.saved) return tab.name ?? "Query";
+    return "Query " + (QUERY_COUNTER++).toString();
+  }
   if (tab.type === "table") return tab.tableName;
   if (tab.type === "schema") return tab.tableName ? tab.tableName : "New Table";
   if (tab.type === "user") return "User & Permission";
   return tab.name ?? "";
 }
 
-function generateComponent(tab: OpenTabsProps) {
-  if (tab.type === "query") return <QueryWindow />;
+function generateComponent(tab: OpenTabsProps, title: string) {
+  if (tab.type === "query") {
+    if (tab.saved) {
+      return (
+        <QueryWindow
+          initialName={title}
+          initialCode={tab.saved.sql}
+          initialSavedKey={tab.saved.key}
+          initialNamespace={tab.saved.namespaceName}
+        />
+      );
+    }
+    return <QueryWindow initialName={title} />;
+  }
   if (tab.type === "table")
     return <TableDataWindow tableName={tab.tableName} />;
   if (tab.type === "schema")
@@ -99,21 +129,23 @@ export function receiveOpenTabMessage({
 }) {
   setTabs((prev) => {
     const key = generateKeyFromTab(newTab);
-    const foundIndex = prev.findIndex((tab) => tab.key === key);
+    const foundIndex = prev.findIndex((tab) => tab.identifier === key);
 
     if (foundIndex >= 0) {
       setSelectedTabIndex(foundIndex);
       return prev;
     }
     setSelectedTabIndex(prev.length);
+    const title = generateTitle(newTab);
 
     return [
       ...prev,
       {
         icon: generateIconFromTab(newTab),
-        title: generateTitle(newTab),
+        title,
         key,
-        component: generateComponent(newTab),
+        identifier: key,
+        component: generateComponent(newTab, title),
       },
     ];
   });

From 99fdbbf880235e4031db38f5ef823c649bd82702 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Mon, 15 Jul 2024 11:54:48 +0700
Subject: [PATCH 003/124] feat: add sitemap

---
 src/app/blog/page.tsx |  3 ---
 src/app/sitemap.ts    | 52 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 3 deletions(-)
 delete mode 100644 src/app/blog/page.tsx
 create mode 100644 src/app/sitemap.ts

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
deleted file mode 100644
index 67640afe..00000000
--- a/src/app/blog/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function BlogPage() {
-  return <div>Coming Soon</div>;
-}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
new file mode 100644
index 00000000..a25a26f8
--- /dev/null
+++ b/src/app/sitemap.ts
@@ -0,0 +1,52 @@
+import { MetadataRoute } from "next";
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
+    {
+      url: "https://libsqlstudio.com",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 1,
+    },
+    {
+      url: "https://libsqlstudio.com/playground",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 1,
+    },
+    {
+      url: "https://libsqlstudio.com/playground/client",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 1,
+    },
+
+    // -------------------------
+    // Documentation
+    // -------------------------
+    {
+      url: "https://libsqlstudio.com/docs",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 0.5,
+    },
+    {
+      url: "https://libsqlstudio.com/docs/connect-turso",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 0.5,
+    },
+    {
+      url: "https://libsqlstudio.com/docs/connect-valtown",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 0.5,
+    },
+    {
+      url: "https://libsqlstudio.com/docs/temporary-session",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 0.5,
+    },
+  ];
+}

From a466f38e6eaa23497334bcea36d76521f1acd168 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Mon, 15 Jul 2024 12:02:09 +0700
Subject: [PATCH 004/124] feat: add seo friendly for sqlite online editor

---
 src/app/playground/client/page.tsx | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/playground/client/page.tsx b/src/app/playground/client/page.tsx
index 2bb2cb81..4f10b6b8 100644
--- a/src/app/playground/client/page.tsx
+++ b/src/app/playground/client/page.tsx
@@ -5,11 +5,24 @@ import { dbDataset } from "@/db/schema-dataset";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Playground - LibSQL Studio",
-  description: "SQLite Playground on your browser",
+  title:
+    "SQLite Online Playground - Powerful and lightweight editor on your browser",
+  description:
+    "Explore the powerful SQLite Playground in your browser – no downloads or registration needed. Effortlessly load your SQLite files or start with a blank database, then save your work with ease. Enjoy a robust data editor, advanced query capabilities, table creation, and much more.",
+  keywords: [
+    "sqlite",
+    "libsql",
+    "browser",
+    "client",
+    "gui",
+    "playground",
+    "sandbox",
+    "explorer",
+    "studio",
+  ],
   robots: {
-    index: false,
-    follow: false,
+    index: true,
+    follow: true,
   },
 };
 

From 56c38e18204a2fade97fd88d775740e8ba468605 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Mon, 15 Jul 2024 12:08:58 +0700
Subject: [PATCH 005/124] fix: fixing the dark mode at the query name

---
 src/components/gui/tabs/query-tab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 6bd8e692..19dfb8d1 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -185,7 +185,7 @@ export default function QueryWindow({
               {namespaceName} /
             </div>
             <div className="inline-block relative">
-              <span className="inline-block text-xs p-1 outline-none font-semibold min-w-[175px] border border-background opacity-0">
+              <span className="inline-block text-xs p-1 outline-none font-semibold min-w-[175px] border border-background opacity-0 bg-background">
                 &nbsp;{name}
               </span>
               <input
@@ -196,7 +196,7 @@ export default function QueryWindow({
                 }}
                 placeholder="Please name your query"
                 spellCheck="false"
-                className="absolute top-0 right-0 left-0 bottom-0 text-xs p-1 outline-none font-semibold border border-background focus:border-secondary-foreground rounded"
+                className="absolute top-0 right-0 left-0 bottom-0 text-xs p-1 outline-none font-semibold border border-background focus:border-secondary-foreground rounded bg-background"
                 value={name}
                 onChange={(e) => setName(e.currentTarget.value)}
               />

From 9573ede92cc4f2ecf13f310736d8e9e0c13bb944 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 16 Jul 2024 11:12:25 +0700
Subject: [PATCH 006/124] feat: add drop sqlite database file

---
 src/app/playground/client/page-client.tsx | 13 +++++++++
 src/components/screen-dropzone.tsx        | 32 +++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/components/screen-dropzone.tsx

diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index 6bf23307..c7c8f69b 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -7,6 +7,7 @@ import { LucideLoader } from "lucide-react";
 import Script from "next/script";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Database, SqlJsStatic } from "sql.js";
+import ScreenDropZone from "@/components/screen-dropzone";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -62,6 +63,17 @@ export default function PlaygroundEditorBody({
     [sqlInit]
   );
 
+  const onFileDrop = useCallback(
+    (buffer: ArrayBuffer) => {
+      if (sqlInit) {
+        const sqljsDatabase = new sqlInit.Database(new Uint8Array(buffer));
+        setRawDb(sqljsDatabase);
+        setDb(new SqljsDriver(sqljsDatabase));
+      }
+    },
+    [sqlInit]
+  );
+
   const sidebarMenu = useMemo(() => {
     return (
       <div className="flex flex-row gap-2 px-2 pb-2">
@@ -136,6 +148,7 @@ export default function PlaygroundEditorBody({
         onChange={onFileChange}
         multiple={false}
       />
+      <ScreenDropZone onFileDrop={onFileDrop} />
       {dom}
     </>
   );
diff --git a/src/components/screen-dropzone.tsx b/src/components/screen-dropzone.tsx
new file mode 100644
index 00000000..e5cd47fa
--- /dev/null
+++ b/src/components/screen-dropzone.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { useEffect } from "react";
+
+interface Props {
+  onFileDrop: (buffer: ArrayBuffer) => void;
+}
+
+export default function ScreenDropZone({ onFileDrop }: Props) {
+  useEffect(() => {
+    const dropEventHandler = (e: DragEvent) => {
+      if (!e.dataTransfer) return;
+      const file = e.dataTransfer.files[0];
+
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = (loadEvent) => {
+        onFileDrop(loadEvent.target?.result as ArrayBuffer);
+      };
+
+      reader.readAsArrayBuffer(file);
+    };
+
+    window.document.addEventListener("drop", dropEventHandler);
+
+    return () => {
+      window.document.removeEventListener("drop", dropEventHandler);
+    };
+  }, [onFileDrop]);
+
+  return <></>;
+}

From 1a2719215d15c559b2388f3b00c35786beb6dbc7 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 16 Jul 2024 11:23:35 +0700
Subject: [PATCH 007/124] feat: add extension for sqlite

---
 src/app/playground/client/page-client.tsx | 1 +
 src/app/playground/page.tsx               | 9 ++-------
 src/components/website-layout.tsx         | 2 +-
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index c7c8f69b..cd4a37b4 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -145,6 +145,7 @@ export default function PlaygroundEditorBody({
         type="file"
         ref={fileInput}
         className="hidden"
+        accept=".db,.sdb,.sqlite,.db3,.s3db,.sqlite3,.sl3,.db2,.s2db,.sqlite2,.sl2"
         onChange={onFileChange}
         multiple={false}
       />
diff --git a/src/app/playground/page.tsx b/src/app/playground/page.tsx
index 6ed1eb05..7a44ba81 100644
--- a/src/app/playground/page.tsx
+++ b/src/app/playground/page.tsx
@@ -26,13 +26,8 @@ export default async function PlaygroundPage() {
           a selection of sample datasets.
         </p>
 
-        <Link
-          passHref
-          href="/playground/client"
-          rel="nofollow"
-          className={buttonVariants()}
-        >
-          Start Blank Database
+        <Link passHref href="/playground/client" className={buttonVariants()}>
+          Open Database Viewer
         </Link>
       </div>
 
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index fde49666..389c5d93 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -95,7 +95,7 @@ function Footer() {
         </div>
 
         <div className="flex gap-4">
-          <Link href="https://x.com/libsqlstudio" target="blank">
+          <Link href="https://x.com/invisal89" target="blank">
             <svg
               className="w-6 h-6"
               width="1200"

From 10853716b2318f5e7c06cb41601632d859ab1d80 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 16 Jul 2024 18:01:46 +0700
Subject: [PATCH 008/124] feat: add indexdb saved query

---
 package-lock.json                             |   6 +
 package.json                                  |   1 +
 .../client/s/[[...driver]]/page-client.tsx    |  14 +-
 .../gui/sidebar/saved-doc-tab/index.tsx       |   1 -
 src/components/gui/tabs/query-tab.tsx         |   9 +-
 src/drivers/saved-doc/indexdb-saved-doc.ts    | 198 ++++++++++++++++++
 src/indexdb.ts                                |  32 +++
 7 files changed, 253 insertions(+), 8 deletions(-)
 create mode 100644 src/drivers/saved-doc/indexdb-saved-doc.ts
 create mode 100644 src/indexdb.ts

diff --git a/package-lock.json b/package-lock.json
index b81e1b97..c3f9f2f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -57,6 +57,7 @@
         "cmdk": "^0.2.0",
         "cookies-next": "^4.1.1",
         "deep-equal": "^2.2.3",
+        "dexie": "^4.0.8",
         "dotenv": "^16.4.5",
         "drizzle-orm": "^0.30.1",
         "eslint-plugin-jest": "^27.6.3",
@@ -10609,6 +10610,11 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/dexie": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/dexie/-/dexie-4.0.8.tgz",
+      "integrity": "sha512-1G6cJevS17KMDK847V3OHvK2zei899GwpDiqfEXHP1ASvme6eWJmAp9AU4s1son2TeGkWmC0g3y8ezOBPnalgQ=="
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
diff --git a/package.json b/package.json
index 5e7a81ca..79856bd4 100644
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
     "cmdk": "^0.2.0",
     "cookies-next": "^4.1.1",
     "deep-equal": "^2.2.3",
+    "dexie": "^4.0.8",
     "dotenv": "^16.4.5",
     "drizzle-orm": "^0.30.1",
     "eslint-plugin-jest": "^27.6.3",
diff --git a/src/app/client/s/[[...driver]]/page-client.tsx b/src/app/client/s/[[...driver]]/page-client.tsx
index b681fa5a..bd0ab603 100644
--- a/src/app/client/s/[[...driver]]/page-client.tsx
+++ b/src/app/client/s/[[...driver]]/page-client.tsx
@@ -6,6 +6,7 @@ import ValtownDriver from "@/drivers/valtown-driver";
 import { useSearchParams } from "next/navigation";
 import { useMemo } from "react";
 import MyStudio from "@/components/my-studio";
+import IndexdbSavedDoc from "@/drivers/saved-doc/indexdb-saved-doc";
 
 export default function ClientPageBody() {
   const params = useSearchParams();
@@ -32,11 +33,22 @@ export default function ClientPageBody() {
     return new TursoDriver(conn.config.url, conn.config.token, true);
   }, [conn]);
 
+  const docDriver = useMemo(() => {
+    if (conn) {
+      return new IndexdbSavedDoc(conn.id);
+    }
+  }, [conn]);
+
   if (!driver || !conn) {
     return <div>Something wrong</div>;
   }
 
   return (
-    <MyStudio driver={driver} name={conn.name} color={conn.label ?? "blue"} />
+    <MyStudio
+      driver={driver}
+      docDriver={docDriver}
+      name={conn.name}
+      color={conn.label ?? "blue"}
+    />
   );
 }
diff --git a/src/components/gui/sidebar/saved-doc-tab/index.tsx b/src/components/gui/sidebar/saved-doc-tab/index.tsx
index 63705f48..c4eff2f4 100644
--- a/src/components/gui/sidebar/saved-doc-tab/index.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/index.tsx
@@ -228,7 +228,6 @@ export default function SavedDocTab() {
                   destructive: true,
                   disabled: !item,
                   onClick: () => {
-                    console.log("here");
                     if (item) setNamespaceToRemove(item.data);
                   },
                 },
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 19dfb8d1..4e9faaeb 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -222,17 +222,14 @@ export default function QueryWindow({
           </div>
           <div className="grow-0 shrink-0">
             <Separator />
-            <div className="flex gap-1 p-1">
+            <div className="flex gap-1 p-2">
               <Button
-                variant={"ghost"}
+                variant={"default"}
                 size="sm"
                 onClick={() => onRunClicked()}
               >
                 <LucidePlay className="w-4 h-4 mr-2" />
-                Run Current{" "}
-                <span className="text-xs ml-2 px-2 bg-secondary py-1 rounded">
-                  {KEY_BINDING.run.toString()}
-                </span>
+                Run Current
               </Button>
 
               <Button
diff --git a/src/drivers/saved-doc/indexdb-saved-doc.ts b/src/drivers/saved-doc/indexdb-saved-doc.ts
new file mode 100644
index 00000000..4de3e8f0
--- /dev/null
+++ b/src/drivers/saved-doc/indexdb-saved-doc.ts
@@ -0,0 +1,198 @@
+import { localDb } from "@/indexdb";
+import {
+  SavedDocData,
+  SavedDocDriver,
+  SavedDocInput,
+  SavedDocNamespace,
+  SavedDocType,
+} from "./saved-doc-driver";
+
+export default class IndexdbSavedDoc implements SavedDocDriver {
+  protected cb: (() => void)[] = [];
+  protected databaseId: string;
+
+  constructor(databaseId: string) {
+    this.databaseId = databaseId;
+  }
+
+  async createNamespace(name: string): Promise<SavedDocNamespace> {
+    const now = Math.floor(Date.now() / 1000);
+    const id = window.crypto.randomUUID();
+
+    await localDb.namespace.add({
+      id,
+      database_id: this.databaseId,
+      name,
+      created_at: now,
+      updated_at: now,
+    });
+
+    this.triggerChange();
+
+    return {
+      createdAt: now,
+      id,
+      name,
+      updatedAt: now,
+    };
+  }
+
+  async removeNamespapce(id: string): Promise<void> {
+    await localDb.namespace.delete(id);
+    await localDb.saved_doc.where({ namespace_id: id }).delete();
+    this.triggerChange();
+  }
+
+  async updateNamespace(id: string, name: string): Promise<SavedDocNamespace> {
+    const namespaceData = await localDb.namespace.get(id);
+    if (!namespaceData) throw new Error("Namespace does not exist");
+
+    const now = Math.floor(Date.now() / 1000);
+
+    await localDb.namespace.update(id, {
+      database_id: namespaceData.database_id,
+      created_at: namespaceData.created_at,
+      name,
+      updated_at: now,
+    });
+
+    this.triggerChange();
+
+    return {
+      id,
+      createdAt: namespaceData.created_at,
+      name,
+      updatedAt: now,
+    };
+  }
+
+  async getNamespaces(): Promise<SavedDocNamespace[]> {
+    const namespaceList = await localDb.namespace
+      .where({
+        database_id: this.databaseId,
+      })
+      .toArray();
+
+    if (namespaceList.length === 0) {
+      return [await this.createNamespace("Workplace")];
+    }
+
+    return namespaceList.map((n) => ({
+      createdAt: n.created_at,
+      id: n.id,
+      name: n.name,
+      updatedAt: n.updated_at,
+    }));
+  }
+
+  async createDoc(
+    type: SavedDocType,
+    namespace: string,
+    data: SavedDocInput
+  ): Promise<SavedDocData> {
+    const now = Math.floor(Date.now() / 1000);
+    const id = window.crypto.randomUUID();
+
+    const namespaceData = await localDb.namespace.get(namespace);
+    if (!namespaceData) throw new Error("Namespace does not exist");
+
+    await localDb.saved_doc.add({
+      content: data.content,
+      name: data.name,
+      created_at: now,
+      updated_at: now,
+      database_id: this.databaseId,
+      namespace_id: namespace,
+      type,
+      id,
+    });
+
+    this.triggerChange();
+
+    return {
+      content: data.content,
+      createdAt: now,
+      id,
+      updatedAt: now,
+      name: data.name,
+      namespace: {
+        id: namespace,
+        name: namespaceData.name,
+      },
+      type,
+    };
+  }
+
+  async removeDoc(id: string): Promise<void> {
+    await localDb.saved_doc.delete(id);
+    this.triggerChange();
+  }
+
+  async updateDoc(id: string, data: SavedDocInput): Promise<SavedDocData> {
+    const doc = await localDb.saved_doc.get(id);
+    if (!doc) throw new Error("Document does not exist");
+
+    const namespaceData = await localDb.namespace.get(doc.namespace_id);
+    if (!namespaceData) throw new Error("Namespace does not exist");
+
+    const now = Math.floor(Date.now() / 1000);
+    await localDb.saved_doc.update(id, {
+      content: data.content,
+      updated_at: now,
+      created_at: doc.created_at,
+      name: data.name,
+      database_id: doc.database_id,
+      namespace_id: doc.namespace_id,
+      type: doc.type,
+    });
+
+    this.triggerChange();
+
+    return {
+      content: data.content,
+      createdAt: doc.created_at,
+      id,
+      name: data.name,
+      namespace: {
+        id: namespaceData.id,
+        name: namespaceData.name,
+      },
+      type: doc.type as SavedDocType,
+      updatedAt: now,
+    };
+  }
+
+  async getDocs(namespaceId: string): Promise<SavedDocData[]> {
+    const namespaceData = await localDb.namespace.get(namespaceId);
+    if (!namespaceData) return [];
+
+    const docs = await localDb.saved_doc
+      .where({ namespace_id: namespaceId })
+      .toArray();
+
+    return docs.map((d) => ({
+      content: d.content,
+      createdAt: d.created_at,
+      id: d.id,
+      name: d.name,
+      namespace: {
+        id: namespaceData.id,
+        name: namespaceData.name,
+      },
+      type: d.type as SavedDocType,
+      updatedAt: d.updated_at,
+    }));
+  }
+
+  addChangeListener(cb: () => void): void {
+    this.cb.push(cb);
+  }
+
+  removeChangeListener(cb: () => void): void {
+    this.cb = this.cb.filter((c) => c !== cb);
+  }
+
+  protected triggerChange() {
+    this.cb.forEach((c) => c());
+  }
+}
diff --git a/src/indexdb.ts b/src/indexdb.ts
new file mode 100644
index 00000000..6fced921
--- /dev/null
+++ b/src/indexdb.ts
@@ -0,0 +1,32 @@
+import Dexie, { EntityTable } from "dexie";
+
+interface IndexDbNamespace {
+  id: string;
+  database_id: string;
+  name: string;
+  created_at: number;
+  updated_at: number;
+}
+
+interface IndexDbDoc {
+  id: string;
+  database_id: string;
+  namespace_id: string;
+  name: string;
+  type: string;
+  content: string;
+  created_at: number;
+  updated_at: number;
+}
+
+const localDb = new Dexie("libstudio") as Dexie & {
+  namespace: EntityTable<IndexDbNamespace, "id">;
+  saved_doc: EntityTable<IndexDbDoc, "id">;
+};
+
+localDb.version(1).stores({
+  namespace: "++id, database_id",
+  saved_doc: "++id, database_id, namespace_id",
+});
+
+export { localDb };

From 7f46cbc517ccb86a316ed4a4261d6eec62276219 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 16 Jul 2024 18:02:14 +0700
Subject: [PATCH 009/124] bump version to 0.6.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 79856bd4..8f19a4e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "private": false,
   "scripts": {
     "dev": "next dev",

From e4b60a1f721cdd2b3b3ba643fbfdcaeddfb4ef40 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 10:46:38 +0700
Subject: [PATCH 010/124] add dummy new frontend design

---
 src/app/globals.css |  37 +++++++
 src/app/page.tsx    | 242 ++++++++++++++++++++------------------------
 2 files changed, 149 insertions(+), 130 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 4bc4f0b0..02fd3b03 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -258,3 +258,40 @@ For Markdown Side
 .mdx-content a {
   @apply text-blue-500 underline;
 }
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.fade-view {
+  animation:
+    fadeIn ease-in-out both,
+    fadeOut ease-in forwards;
+  animation-range:
+    cover 30% contain 50%,
+    contain 90% cover 100%;
+  animation-timeline: view();
+}
+
+.fade-sticky {
+  position: sticky;
+  bottom: 0;
+  background-image: linear-gradient(to top, var(--background) 40%, transparent);
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 306388f7..5f2cd0cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,6 @@ import WebsiteLayout from "@/components/website-layout";
 import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import Link from "next/link";
-import type { PropsWithChildren } from "react";
 
 export const metadata: Metadata = {
   title: "LibSQL Studio - LibSQL and rqlite client on your browser",
@@ -24,24 +23,31 @@ function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
   );
 }
 
-function Screenshot() {
+function TestimonyItem() {
   return (
-    <div className="my-2 mx-4">
-      <div className="max-w-[800px] mx-auto border-2 border-gray-200 bg-gray-200 rounded-lg overflow-hidden">
-        <div className="h-6 flex items-center">
-          <div className="grow" />
-          <div className="px-2 flex gap-1">
-            <div className="rounded-full h-3 w-3 bg-red-500" />
-            <div className="rounded-full h-3 w-3 bg-yellow-400" />
-            <div className="rounded-full h-3 w-3 bg-green-600" />
-          </div>
-        </div>
-        <img
-          src="/screenshot2.png"
-          className="w-full"
-          alt="LibSQL Studio Powerful Browser Database GUI"
-          style={{ aspectRatio: 1134 / 649 }}
-        />
+    <div className="bg-secondary p-4 rounded-lg">
+      <div className="font-bold">Review Name</div>
+      <div>Company Name</div>
+      <div className="text-red-500 text-xl">★★★★★</div>
+      <p>
+        Lorem Ipsum is simply dummy text of the printing and typesetting
+        industry. Lorem Ipsum has been the industry standard dummy text ever
+        since the 1500s, when an unknown printer took a galley of type and
+        scrambled it to make a type specimen book
+      </p>
+    </div>
+  );
+}
+
+function TestimonyList() {
+  return (
+    <div className="mx-auto max-w-[800px]">
+      <div className="grid grid-cols-2 gap-4">
+        <TestimonyItem />
+        <TestimonyItem />
+      </div>
+      <div className="text-xl mt-4 px-4">
+        and thousands of happy developers use our tools.
       </div>
     </div>
   );
@@ -49,12 +55,12 @@ function Screenshot() {
 
 function HeroSection() {
   return (
-    <div className="mx-auto container py-16">
-      <div className="flex flex-col gap-4 justify-center mb-8 md:flex-row">
+    <div className="mx-auto max-w-[800px] px-4 py-16">
+      <div className="flex flex-col gap-4 justify-center mb-12 md:flex-row">
         <LinkButton title="Open LibSQL Studio" url="/connect" />
       </div>
 
-      <h2 className="text-center text-4xl font-bold">
+      <h2 className="text-center text-6xl font-bold">
         Powerful SQLite-based Database Client
       </h2>
 
@@ -67,40 +73,9 @@ function HeroSection() {
   );
 }
 
-function FeatureItem({
-  children,
-  image,
-  reverse,
-}: PropsWithChildren<{ reverse?: boolean; image?: string }>) {
-  return (
-    <div className="flex flex-col md:flex-row gap-8">
-      <div
-        className={
-          reverse
-            ? "md:w-1/2 lg:w-1/2 text-gray-300 flex flex-col justify-center order-1"
-            : "md:w-1/2 lg:w-1/2 text-gray-300 flex flex-col justify-center order-1 lg:order-3"
-        }
-      >
-        {children}
-      </div>
-      <div className="md:w-1/2 lg:w-1/2 order-2">
-        {image ? (
-          <img
-            src={image}
-            className="w-full rounded shadow-lg"
-            alt="Data Editor"
-          />
-        ) : (
-          <div className="h-[300px] bg-gray-500" />
-        )}
-      </div>
-    </div>
-  );
-}
-
 function SupportDriver() {
   return (
-    <div className="bg-secondary mt-12">
+    <div className="mt-12">
       <div className="container mx-auto py-12">
         <h2 className="text-center font-semibold text-2xl">
           Supports a wide range of{" "}
@@ -120,88 +95,95 @@ function SupportDriver() {
   );
 }
 
+function FeatureList() {
+  return (
+    <div className="mx-auto max-w-[800px] p-4 mt-12">
+      <div className="py-12">
+        <h1 className="text-3xl font-semibold mb-2">Powerful Data Editor</h1>
+
+        <p className="text-xl mb-4">
+          The handy data editor allows you to add, delete, and edit information.
+          Any changes you make in the data editor are saved on your device and
+          can be submitted all at once.
+        </p>
+      </div>
+
+      <div>
+        <div className="fade-view">
+          <video muted autoPlay loop className="rounded-lg">
+            <source
+              src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
+              type="video/mp4"
+            />
+          </video>
+        </div>
+
+        <div className="fade-sticky py-12">
+          <h1 className="text-3xl font-semibold mb-2">Create and Edit Table</h1>
+
+          <p className="text-xl mb-4">
+            LibSQL Studio allows you to quickly create, modify, and remove table
+            columns with just a few clicks without writing any SQL.
+          </p>
+        </div>
+      </div>
+
+      <div>
+        <div className="fade-view">
+          <video muted autoPlay loop className="rounded-lg">
+            <source
+              src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
+              type="video/mp4"
+            />
+          </video>
+        </div>
+
+        <div className="fade-sticky py-12">
+          <h1 className="text-3xl font-semibold mb-2">
+            Writing and Running SQL
+          </h1>
+
+          <p className="text-xl mb-4">
+            LibSQL Studio offers a simple query editor with auto-completion
+            features. You can run multiple queries and view their results
+          </p>
+        </div>
+      </div>
+
+      <div>
+        <div className="fade-view">
+          <video muted autoPlay loop className="rounded-lg">
+            <source
+              src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
+              type="video/mp4"
+            />
+          </video>
+        </div>
+
+        <div className="fade-sticky py-12">
+          <div className="text-3xl font-semibold mb-2">
+            and much much more...
+          </div>
+
+          <p className="text-xl mb-4">
+            LibSQL Studio has many features and is regularly updated. Since it
+            is an open-source project, you can request new features or even
+            extend them yourself.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 export default async function MainPage() {
   return (
     <WebsiteLayout>
       <HeroSection />
-      <Screenshot />
+      <TestimonyList />
+      <FeatureList />
       <SupportDriver />
-      <div className="bg-zinc-800 py-12">
-        <div className="max-w-[900px] px-4 mx-auto flex flex-col gap-12">
-          <FeatureItem reverse image="/data-editor.png">
-            <h2 className="text-xl mb-4 font-semibold text-white">
-              Powerful Data Editor
-            </h2>
-
-            <div className="flex flex-col gap-4">
-              <p>
-                The handy data editor allows you to add, delete, and edit
-                information.
-              </p>
-
-              <p>
-                Any changes you make in the data editor are saved on your device
-                and can be submitted all at once.
-              </p>
-
-              <p>
-                You can export any table or result set in various formats such
-                as CSV, JSON, and SQL.
-              </p>
-            </div>
-          </FeatureItem>
-
-          <FeatureItem image="/sql-editor.png">
-            <h2 className="text-xl mb-4 font-semibold text-white">
-              Writing and Running SQL
-            </h2>
-
-            <div className="flex flex-col gap-4">
-              <p>
-                LibSQL Studio offers a simple query editor with auto-completion
-                features. You can run multiple queries and view their results
-              </p>
-              <p>Enjoy unlimited query tab.</p>
-            </div>
-          </FeatureItem>
-
-          <FeatureItem reverse image="/edit-table.png">
-            <h2 className="text-xl mb-4 font-semibold text-white">
-              Create and Edit Table
-            </h2>
-            <p>
-              LibSQL Studio allows you to quickly create, modify, and remove
-              table columns with just a few clicks without writing any SQL.
-            </p>
-
-            <p className="mt-4">
-              Before executing, you have the option to preview the SQL script
-              for creating or modifying a table.
-            </p>
-          </FeatureItem>
-
-          <FeatureItem image="/open-source.png">
-            <h2 className="text-xl mb-4 font-semibold text-white">
-              No Download
-            </h2>
-            <p>
-              There is no need to download anything. LibSQL Studio runs directly
-              in your favorite web browser, making it compatible across
-              different platforms.
-            </p>
-
-            <h2 className="text-xl mb-4 font-semibold text-white mt-8">
-              Open Source and Free
-            </h2>
-
-            <p>
-              LibSQL Studio is open source and completely free to use. You have
-              the opportunity to suggest new features or even contribute to
-              adding them yourself.
-            </p>
-          </FeatureItem>
-        </div>
-      </div>
+      <div className="h-32"></div>
     </WebsiteLayout>
   );
 }

From 302383c5a9ad647444cb9e359553c456e8937bf3 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 10:56:00 +0700
Subject: [PATCH 011/124] fixing the responsive

---
 src/app/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5f2cd0cb..52ef0463 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,8 +41,8 @@ function TestimonyItem() {
 
 function TestimonyList() {
   return (
-    <div className="mx-auto max-w-[800px]">
-      <div className="grid grid-cols-2 gap-4">
+    <div className="mx-auto max-w-[800px] p-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
         <TestimonyItem />
         <TestimonyItem />
       </div>
@@ -110,7 +110,7 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg">
+          <video muted autoPlay loop className="rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
               type="video/mp4"
@@ -130,7 +130,7 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg">
+          <video muted autoPlay loop className="rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
               type="video/mp4"
@@ -152,7 +152,7 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg">
+          <video muted autoPlay loop className="rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
               type="video/mp4"

From 35ec3f9c9af9e0d1c1a63ece1c64e0af68b6aa07 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 11:07:21 +0700
Subject: [PATCH 012/124] fix safari not support animate view

---
 src/app/globals.css | 32 +++++++++++++++++++-------------
 src/app/page.tsx    |  8 +++++---
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 02fd3b03..9c49b491 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -280,18 +280,24 @@ For Markdown Side
   }
 }
 
-.fade-view {
-  animation:
-    fadeIn ease-in-out both,
-    fadeOut ease-in forwards;
-  animation-range:
-    cover 30% contain 50%,
-    contain 90% cover 100%;
-  animation-timeline: view();
-}
+@supports (animation-timeline: view()) {
+  .fade-view {
+    animation:
+      fadeIn ease-in-out both,
+      fadeOut ease-in forwards;
+    animation-range:
+      cover 30% contain 50%,
+      contain 90% cover 100%;
+    animation-timeline: view();
+  }
 
-.fade-sticky {
-  position: sticky;
-  bottom: 0;
-  background-image: linear-gradient(to top, var(--background) 40%, transparent);
+  .fade-sticky {
+    position: sticky;
+    bottom: 0;
+    background-image: linear-gradient(
+      to top,
+      var(--background) 40%,
+      transparent
+    );
+  }
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52ef0463..8fb81fd5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,8 +46,10 @@ function TestimonyList() {
         <TestimonyItem />
         <TestimonyItem />
       </div>
-      <div className="text-xl mt-4 px-4">
-        and thousands of happy developers use our tools.
+      <div className="text-xl mt-4 pl-4 pr-2">
+        and thousands of{" "}
+        <span className="border-b-4 border-b-yellow-500">happy developers</span>{" "}
+        use our tools.
       </div>
     </div>
   );
@@ -60,7 +62,7 @@ function HeroSection() {
         <LinkButton title="Open LibSQL Studio" url="/connect" />
       </div>
 
-      <h2 className="text-center text-6xl font-bold">
+      <h2 className="text-center text-4xl lg:text-6xl font-bold">
         Powerful SQLite-based Database Client
       </h2>
 

From c50cd360b6f583c36e6a76e9cd0754ec15c4ddf1 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 13:05:01 +0700
Subject: [PATCH 013/124] feat: add correct video

---
 src/app/page.tsx                  | 30 ++++++++--------
 src/components/website-layout.tsx | 59 ++++++++++++++-----------------
 2 files changed, 42 insertions(+), 47 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fb81fd5..2e4a55ed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -57,11 +57,7 @@ function TestimonyList() {
 
 function HeroSection() {
   return (
-    <div className="mx-auto max-w-[800px] px-4 py-16">
-      <div className="flex flex-col gap-4 justify-center mb-12 md:flex-row">
-        <LinkButton title="Open LibSQL Studio" url="/connect" />
-      </div>
-
+    <div className="mx-auto max-w-[800px] px-4 pb-8 pt-16">
       <h2 className="text-center text-4xl lg:text-6xl font-bold">
         Powerful SQLite-based Database Client
       </h2>
@@ -71,6 +67,10 @@ function HeroSection() {
         SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely
         in your browser, so there&apos;s no need to download anything.
       </p>
+
+      <div className="flex gap-4 justify-center mt-12">
+        <LinkButton title="Open LibSQL Studio" url="/connect" />
+      </div>
     </div>
   );
 }
@@ -99,8 +99,8 @@ function SupportDriver() {
 
 function FeatureList() {
   return (
-    <div className="mx-auto max-w-[800px] p-4 mt-12">
-      <div className="py-12">
+    <div className="mx-auto max-w-[800px] mt-12">
+      <div className="py-12 px-4">
         <h1 className="text-3xl font-semibold mb-2">Powerful Data Editor</h1>
 
         <p className="text-xl mb-4">
@@ -112,7 +112,7 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg" playsInline>
+          <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
               type="video/mp4"
@@ -120,7 +120,7 @@ function FeatureList() {
           </video>
         </div>
 
-        <div className="fade-sticky py-12">
+        <div className="fade-sticky py-12 px-4">
           <h1 className="text-3xl font-semibold mb-2">Create and Edit Table</h1>
 
           <p className="text-xl mb-4">
@@ -132,15 +132,15 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg" playsInline>
+          <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
-              src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
+              src="https://r2.invisal.com/libsqlstudio-schema-editor.mp4"
               type="video/mp4"
             />
           </video>
         </div>
 
-        <div className="fade-sticky py-12">
+        <div className="fade-sticky py-12 px-4">
           <h1 className="text-3xl font-semibold mb-2">
             Writing and Running SQL
           </h1>
@@ -154,15 +154,15 @@ function FeatureList() {
 
       <div>
         <div className="fade-view">
-          <video muted autoPlay loop className="rounded-lg" playsInline>
+          <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
-              src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
+              src="https://r2.invisal.com/libsqlstudio-sql-query.mp4"
               type="video/mp4"
             />
           </video>
         </div>
 
-        <div className="fade-sticky py-12">
+        <div className="fade-sticky py-12 px-4">
           <div className="text-3xl font-semibold mb-2">
             and much much more...
           </div>
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 389c5d93..803bf766 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -17,7 +17,7 @@ async function Topbar() {
     <header className="border-b">
       <div className="mx-auto container flex">
         <Link href="/">
-          <h1 className="text-lg p-2">
+          <h1 className="text-lg py-2">
             LibSQL <strong>Studio</strong>
           </h1>
         </Link>
@@ -63,38 +63,31 @@ async function Topbar() {
 function Footer() {
   return (
     <div className="border-t py-4 text-sm">
-      <div className="mx-auto container flex">
-        <div className="flex-grow">
-          <ul className="flex flex-wrap gap-4 mb-2">
-            <li>
-              <Link
-                href="/playground"
-                className="font-semibold hover:underline"
-              >
-                Playground
-              </Link>
-            </li>
-            <li>
-              <Link href="/docs" className="font-semibold hover:underline">
-                Document
-              </Link>
-            </li>
-            <li>
-              <Link href="/terms" className="font-semibold hover:underline">
-                Terms and Condition
-              </Link>
-            </li>
-            <li>
-              <Link href="/privacy" className="font-semibold hover:underline">
-                Privacy
-              </Link>
-            </li>
-          </ul>
-
-          <p>© 2024 Visal .In. | LibSQL Studio</p>
-        </div>
+      <div className="mx-auto container">
+        <ul className="flex flex-wrap gap-4 mb-2">
+          <li>
+            <Link href="/playground" className="font-semibold hover:underline">
+              Playground
+            </Link>
+          </li>
+          <li>
+            <Link href="/docs" className="font-semibold hover:underline">
+              Document
+            </Link>
+          </li>
+          <li>
+            <Link href="/terms" className="font-semibold hover:underline">
+              Terms and Condition
+            </Link>
+          </li>
+          <li>
+            <Link href="/privacy" className="font-semibold hover:underline">
+              Privacy
+            </Link>
+          </li>
+        </ul>
 
-        <div className="flex gap-4">
+        <div className="flex gap-4 my-4">
           <Link href="https://x.com/invisal89" target="blank">
             <svg
               className="w-6 h-6"
@@ -128,6 +121,8 @@ function Footer() {
             </svg>
           </Link>
         </div>
+
+        <p>© 2024 Visal .In. | LibSQL Studio</p>
       </div>
     </div>
   );

From 81803e7cf12b5809af25e6ee95df295ba26efb01 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 14:14:05 +0700
Subject: [PATCH 014/124] feat: add more meta icon

---
 public/sqlite-icon.svg              |   1 +
 src/app/apple-icon.png              | Bin 0 -> 11281 bytes
 src/app/connect/driver-dropdown.tsx |  21 +++++++++++++++++++++
 src/app/icon.png                    | Bin 0 -> 553 bytes
 src/app/icon2.png                   | Bin 0 -> 1160 bytes
 src/app/layout.tsx                  |  20 +++++++++++++++++++-
 6 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 public/sqlite-icon.svg
 create mode 100644 src/app/apple-icon.png
 create mode 100644 src/app/icon.png
 create mode 100644 src/app/icon2.png

diff --git a/public/sqlite-icon.svg b/public/sqlite-icon.svg
new file mode 100644
index 00000000..e5e0d013
--- /dev/null
+++ b/public/sqlite-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 6.554 6.555" preserveAspectRatio="xMidYMid"><defs><linearGradient x1="2.983" y1=".53" x2="2.983" y2="4.744" id="A" gradientUnits="userSpaceOnUse"><stop stop-color="#97d9f6" offset="0%"/><stop stop-color="#0f80cc" offset="92.024%"/><stop stop-color="#0f80cc" offset="100%"/></linearGradient></defs><path d="M4.96.29H.847c-.276 0-.5.226-.5.5v4.536c0 .276.226.5.5.5h2.71c-.03-1.348.43-3.964 1.404-5.54z" fill="#0f80cc"/><path d="M4.81.437H.847c-.196 0-.355.16-.355.355v4.205c.898-.345 2.245-.642 3.177-.628A28.93 28.93 0 0 1 4.811.437z" fill="url(#A)"/><path d="M5.92.142c-.282-.25-.623-.15-.96.148l-.15.146c-.576.61-1.1 1.742-1.276 2.607a2.38 2.38 0 0 1 .148.426l.022.1.022.102s-.005-.02-.026-.08l-.014-.04a.461.461 0 0 0-.009-.022c-.038-.087-.14-.272-.187-.352a8.789 8.789 0 0 0-.103.321c.132.242.212.656.212.656s-.007-.027-.04-.12c-.03-.083-.176-.34-.21-.4-.06.22-.083.368-.062.404.04.07.08.2.115.324a7.52 7.52 0 0 1 .132.666l.005.062a6.11 6.11 0 0 0 .015.75c.026.313.075.582.137.726l.042-.023c-.09-.284-.128-.655-.112-1.084.025-.655.175-1.445.454-2.268C4.548 1.938 5.2.94 5.798.464c-.545.492-1.282 2.084-1.502 2.673-.247.66-.422 1.28-.528 1.873.182-.556.77-.796.77-.796s.29-.356.626-.865l-.645.172-.208.092s.53-.323.987-.47c.627-.987 1.31-2.39.622-3.002" fill="#003b57"/></svg>
\ No newline at end of file
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a3ea9df4ecd274a8e08fdd97d3f156d11c31d35
GIT binary patch
literal 11281
zcmX9^cOcaN|G%>eN6B6Z83`R{WYd}1*?Yh3j0=%*2$_+LJ0qivY=`U-S>18=3K55_
zGP8d^-`^ka_v??>`}KZ4->>)UIUkQ$JsmYF3Kj|w2t=i!uKetJto!e}Np^jg!;y(z
z4`9SIwI`s;A+`+==pINzS;_FF^>#>LHrqttcInQBlLRh7Y?i0aOVvIN35vF@j_pcf
zOvs_<3mkYg@X9PVwbf&Ya6jpnPzy$;CTeDD`tdZmL@%Z7xgdA-Z6Z!`4Rv)ET>ByR
z#j#evYCzd<<N43cMt)^y#sPl1!wL{|Ztl)+gW{op_Wh7gg0Fn_j0_dQKM!q66eG^r
zKo<+=l7xVPx3mXW1BDyAr7L`=!_$4$SE`o{N0JGB)m1T<ch64y9R~IhHedeAw)QpV
zem`obKifZHqwV<R)ULC(D`QjjYt6c^SGK5kcP<I@IYfZqBdNf#(81iX>j!zAlyP!m
z{&Go<V;6==LfPBlcA0LlJ=$@`U-jhqt4Ao}<W<QsHx{`$qA9UhB?n!iqZ<A28IC`_
z<aB#4U3cpvZuL=H_6?M^McYEN`cPmP5AQb2FZ-OggeoGxFI!gUW@BsL%)+Y|w!DyH
zK|bV>ZF7I-j8An$CQ6j<mERxf&Vv<iqISDXl$3-%6mdIqgZ`bIwFCjs0XUIU5bVl|
zVSf2PV-Wm%I&-LPB{%HVAW3>6Hvr^X+A^mP%F_VpL3@3cfQt#uUNm{0$sNTTF8anY
zn733FD4y^p0jmBHtWO5>R@yTXY^|dzJ}s3eJjfMbz_R3-gp5VzJHaq;i&)Fvb%*J`
zK{AA3CdvSc5s&7Pix5ZfVA)KIN$C1~z!<Wf2@<?Ksb(1nVgmg_q1f<pf>JRtS$Ty;
zZT974!0W_%=ZQ~bPHs*($rsT{<)9TP=7ac}QGysHtnV9ozxj8prBtcRorgdXOOOy)
zYz>>-h4n}=s1Way!9QttC3XYO)@TG_j;@608p30&NA1CE)veDdV%qoVk=DK?ZqO-=
z>oaHfBy+S*wD^?*VKUnQn7-e4S~bU`mYvyT=15lc;F~*Ic^>RxjIxtrNBWY3#XL(z
zx1CQpU)K{H{XrI@-87Q6g``+#)lX0K#*`fh(OV#MdD!>fqus+NdQB@nR=(<X1d4Jg
z=gs;w+|5aBnknMFi!5c6YAu0nD0(M<-MO*$?_VV&vdo8efb+D*Yu8}7W(84l77lOu
zDOp@w7R?*%KJ*P6?O9acE*XmBrzq3F871RNRPZI%+Nq7E2&GsRiR}AZ-s6w6mP|mi
znW$O+tPa4d{PhIZZa8=tAFqZec9ZNLE@u=ugR3e=Q7ZDjv-s}c0QKHPqiLtGXsj(y
ze|lf}WPnhor2&e@#J!Tt_UI|@M7(~P6Gqa7?T2J}en|t((zH(5?<g&uCyPcNre=v`
zdpQuKonZ{x;Qj~HX`VLh<3HJe(U0$ll8aGJXILLy+(a3%izd#8tJx0Kls*H=6<>SD
zteQ^D4<~-X1U2}B0Z}z4h$GyDbx3UuJ`v8#rFMn~gA`r+OdwQ3_h6192*>R$X$It0
zjgJm`JRZeb2%@Valnig(0PN?s$3a3iut%TAEg=}@#9Xw)+zc?*!-!Qa_MS3{_DG~R
ze%1(_*h}Dle>-S+?m%pYu#-VPA+Dfe6I(vP`scBVc8}u)-dnw;-f)$vG9u=b(GovK
zxqINm-w(G=cWN!{etJti;~`VU)d#8n2hoyf!M=$XXOs}{YkBugB-^GGi+`e_nhT$~
zuz?qOuF<<fXosAgC?sF5OcRd`0;aLjDT49I*koIr)ZB7qYC(Y<w=bolfX1}GAQirR
zzVHg)Zm9h7G-EJzQk6TO2Wlt2Z;u83h+|SJF*te_l_jSuSCP63A@%}LxvR`88Vf}H
z1M#)zCEgT@EUZrPPl(nVTbNr%?s3L&uh%mDL0HJqz}<%kut#x3$$i-9EW7G@-)|W)
z9tMj)sBPT~Q>5Z{J<!!-dt9YW>DcNj_L6?|FA<m!Mb&*|(Jxsc)KXjcgv0p*Y>@E&
z;~3LyCVtp`C_-!|;rBCyG@jInj1*?)O5~!uJH2Zw?h0mNbQksjH)fVgrB0Z&Bnf9V
zooWW@GxeeoL8BGp*;k>2r<o{8ynu}ORLNxaSmhY;W%PF?&^8e)24xk+jhOk!NAe0O
zkR#@rs6E5jjd6q@yOIPR<7UP3hhi#Hz9P-ej@#Z&TP(JEc;Mz{{OSnPDYb5tie}g!
zOr=svIKfQxFLCYjOjLwr6M?4ekev*hGLXRH40~PCl<Z(2D;aru*!mD<BO}A_rSqXm
zDs$#}cMZI@9qVB^_}=}h8;|F7jNXz(v^hq5<NFET>urX)0XB((?os=RH$gcIM;Jo3
zXrw4<7Zm)02}q|ROisVA;r_%a$)fTBcRPhyOyKkOYGV@k#cj?0bml{QfVF$lC$ByY
zT_}$Ukbo-#E^d*cXSag&cj=_Nemuq11hi75Gy4dE3SH4XNR%0>OQ+WIO6ApTk~^)2
zH4%m>bEXOenG;*GV$LcAL56^Jh$np<uLEnEXp5uj*-YZCS0A^z_E5j_P)_Cu`W9wR
zzVMfR)Cz@ct0ACYcDNce>aa*#@$3YfQeNkI$Gy@X)n$hHrb#F92xj7ZJv}o+W@3Fs
zY6WjmEk`Q@b+ycwU)q4TZ>J37*cB(Kg1!oek9<(G2KVD${5U6d|DDxfY(;A4?lDM^
z8@m;{8Yf}tqhh?M=@G2+VmT)CdEJKHYpS}d%&XoXQ`z#D|GH#*Z!jDTgmmbCMtg$k
z1wm5i$<g*D1B66%5FN5^<B9GaTtmyre$eI|mRyV+rsj!DiEQ+AXYmTOkfdXcGh2^7
zvo;FnQ;<wVJYuY0aYXom3Y`GVVaWG2zi5JWkU19X1XSEMe4)7bfElk#qsSqICNWTu
zgeRl8hk$<!$X+L0dPB?V;<kL<*faO_am&{Z1{xrXFQ0s392LW|z%MR31=oR_0|^ur
zQc5U0aqEMQ!q#w5v&QuakbtY=)l+V{Jn^T)#|g{G@wzZHiLdFKy0M%#44Z+&m;(uq
z|6#Y(%?xSue9IedM~Ak^QdNLYF=LN)d2X0cG<0q~Z-7>K5v{9cFdtSE-bC{vLlGp%
zc14hO{8w}nbA%{d9cE$*G8TYMPad->xc|df5aBVPk7kUM=tATr=K%6@2yP9rI%DlJ
zA;8q8#Qr(}ztbLi6(En8f(|oo&vIF3+5C1Iif8&)+4p)TOaIq6+k^Bk9=gAdZi2Rf
zb=4GRdQq4VL*_VJmFuzqh#4rdHF?g5tR%wvOkw?{ctpgDL0Q+EaVE3kwtjVm7ZYxE
zoc5n3XXnXuu*H!NLS88j_^drN_C3eL&wJx;!X6P4RaX$xt#XNy8e|6n9NE#|@cI!_
zZn&-VyLQhI=WKO$IG^iuquI9)zH_}GbCVuS-$3BHo5jU~2Aw9-fP#L03N+cAGZ-YT
zkojdAX6RMBAJp*bqQ*yiEd+%7a1yn@8g8ZxnC_A2?YzWO@Qp0@5yEDv-&CR)E3nY}
zT=VI5fod#YuBC_HD9#6?T|@d9v4=vS?GgQpxWXSAAok>tNi(0n49HfNNa#V)w(E~0
zohFvk&PXZC;1Rd~J^cveiPhTf`6Bys@f7I#VGsP8WLHgh7)ug+o(5Upl}qkcvCv<i
z5TbjLfo+S5AkEX0X?X&qTY}IHT>I#>FY>mFo_+q5tSKmrE2$fE=7)?9H)Pwpl-KjU
z*W!XQETcoCiO_SVOGt~KMe4%1a*!u8>FSB-_&bN5(h)J3_9Szm`QY5n+L!iUy;v>>
zgAEB%$sKn!HHmP>xAahGHFA_F*koxB&0F{9#XR&ql?-^gkvmaRo$R3N3=VxkYO4d#
z9qg#vZR|jLZ3Z2-^cMOXe;W=xqAtV2C{MAWliAJ&-)uupTUhc=lA;Ph2`AHZ;KklU
z*B>EjlA_F{2!uec!n;09%wFa|niVI<h#lDi``7-zPX#)oufJeVxCx>Sl2gC0b{if;
z0&6O8Jfk%|?xhx-PgUZouqD(7vRxgJ#L-d)-Htm%SUp#*a8#`pFK#o21CPTiTQB5a
zZOTxK7QXXPHF<R>U|}|P+hVjg^Ol}KDHDtE(w`I}oeu(Bl12^M>4q5R*PxJY>JwyW
zI`kl3<$?s#UwY<egERJiqSBxc>y+`SCfJ5y#z}*}_c<|_<d9r?cPA}OZ;hN1^UG+3
zd1V(@Qb*kX5M*V`s~C2Jv@Y-u%NTmDjXP4ZBcFCA;Z^WQQ$z8Szvua_WFFelc>94G
zrcqr$?+cum#crM5^*qlpI`pWWE&80v{0-`m2#NxqRy}oC72jSrO;zSvm6te4A#L^D
zeGClIGp7SxmYgunWac4yQi4$rXQE(LGh{V~1Wyf}Dsz2eT}@thdnRGXpEO{8CQ);;
zNVYG(|D{2G-g3`hF6+nd`~JC*Q>t7<2Dkx}?#Jjid=2d21Kd0C1shnbep|o;eIKJZ
zHGAK9F;iuCNbJq?qf;(Hxqk<cp-|U5{04uF2e1*(Ro9DR3qfKnk+YJ$?(Lhfx|-2U
z?2mMk=hJiH9Mc&ppK)iAg&ZzT5H0OApJf-Y+FLrPxb<j~%59ho>r)bZ#@72=>${5?
z-S<-1bf|<nu}`0<^!>hXY@O9rE64n?nYO6)kFpqY*^#{XE?f6_ERk4z|M-~Uuz4<q
zU3n?J^JUfH-ViYDn0yPCRkdkFg7<Mlzh=ua$Fx%I2DwWHrQ<)DgmUB@!oE&B6!Nfz
z0@Qpq!uIlB|LU@NX#*t5!3Wni)@<=yUmYa(q9;E;va=jiN=^E`YQXmJ(9AJ|cfB3d
z6$#e5`{?KR1$X9fnyfL^cumf=q5#hOxUHLDoz%(if)95RUL+u*8a?7n5p^y+UiZ=r
zy*Crt8&CHH?=1cC2*pRW#!*(`eoZeCkqu!tJBv0+vws36)NtqZDNV8iP70TlNl7U(
zc8Z`c#nrwxWb;|G!K+am&6-i7L-MjoDUmRc)SRbeJsk+)f?8VG<#hWmSo(c?d9A{v
zcBGpJj{HWVEC8CSe7bDqWff6bNipIP{B>pD!c@;^?-N%NTV{998)3MIXm^c57F`q_
zzNmt$H)i4Ov+y;AZfM=&T0Y3i{hjG6O_}s<9Zsbc<Lc$Tkf^a@ikGVf-KLpl)ip2L
zoXCc8dFYwYW$@suBUXr&E;NQ8<hnGSYxJl4OMu<?qPp=mrZHNc*1ad-;v~8h)<>@I
z-Z{TbF>tvM&dDz$eHSZAjOSLHmaUs_=Qb%gy1Z{}nbsTE#_SjbAEe|^&sa0E{P+8@
zu)N4Ox;Op}m10CJDqt7a5CX*>HwoUawK#TBvCQPL0tzJDAr?RPd`B_PLB&Y(J>|Xt
zZ?xv)zZXP9?Uu@+s>fBHNijs_i>Thj-E_+J?qdQJ`;fxu-h57H+(Yu@v31j~FH4_8
zcE8n-W}jnk14E|l$~pg}Nb~Zrx2e`*gh7c@PF6~W{0f6a(ytc|Wy#&35)&==!@vAk
zxVEBtqqCEf%g`p0Y#IHY8s|MGnGWPhL}it@H!HGTNi@%<QSt^KyjYZ?S+dS<n~M2h
zTMN#qsl;{8aydjd6cPye6k&9)Hy7n<u-+%nUce6_3dRr1eI*PT5r;Y$kf@(kVwa0H
z3+<fwbl$Y*eoyncd`ZLiLCDtE8%(mU>{~vUrfP`fZLq3MTwjqWZ<mPt)bfl4u9+$+
z&!_AY46c$Fd%Z!6sCNRY{2PwU6IFN`>?cB2^+K~j%|!Q_UpO%V)ULQ1tG3He8m(*W
zn)opTD^4c#Ps4i(CcUx5f!RR~$S0KvellZ?mvX*5eJK}G3GJrJ%?4ec+nCE+q~Z;o
zJ(1YEsj=NsRO73`vFStU`(3e_qZ^E0WbKstnt8VFAi87xNfLiNkDjk0G_;2;8&F3l
zp~U+lP|EN{Z-X1cbEy-;Cx`#IJojt%_aDD%L@Gb&N(*=~=%7vi`0qEf63WlU2SPK7
zKjMR0HS-JwfBoq0W|DbKYP5NeMZOJ`>23@XEwm@Z9;A}sLsjf<zq)Z@sR!uYLLZ{c
zptSM}ts;ps3*%<>+I+-ZA3d!zjYc#q$zp9z{?-zN&g#o}E~OTW(NbA`Wye%`&}U-V
z_uB(3jc({gW1;bI`a!uXUfa1qusliTz@np<R*&ZRNw`$1vG-X;&U8JD8&_0D4`n&r
zeXminSwjO+5Fs;iZ)kjUGDMc(xAd`6{XjG_O=j@bgS@taxI3MevEpj%oP%K@avH7s
zp7W*)96qs&CF}7&{b+B6E}uMTJvxc!Uyb!E)x34_efUFqCJuVVPz+jWOZvctOosr2
zy$2o@(WnhXisHrZ3C~8rOJ=gd3(lMBBH~AKZ_?I)jKP;O^Q9e2x9;0Qs8%h{f^B6n
z;BUnldTJx*Aw!O3lgL^c$8N<c=}M1s{%GV(oPQ;1im9aXBqDElBY#{JJUeR1oT`Rk
zdIj8pITQ4Rjfb$Jwaf=@wia$fb^zwVK8yrkkV;cqE=7KZBCihE8vOa&eQtzZ)OG5;
zdijxdY3J67ELpom+{UjL5#MZJ7WW)h6+OjaY4YfH6GQ&1U#Ss^X;4yIdU@CcR=9!C
zBRzLV@hVQD^|>w?>z5+&<H#h&Yl9L_U*rQ{o$Jy38eW55UOb@dQ&0LRLZL{D1$0>S
zLeoLgH_Me280!e<(nzJf*T4gp8g)MHn}0N_!@m8Nung2@*p&E`>@jdVf4@e|ViYNR
zen7GZC*@A2gAmLCnBc&Yu(CF)%REfs_!0P8A<@F8?nA~}(h>z^RCRZNVSwH<Yozia
z#<W2+_I~Mo3!5YEyx-cXKQ^Qw3gY2E2FyGaV*EeaFNiHU)y-^pZLeLWg3O<Q`Mc4-
z=H<V}qc%D}4{WW-m4KKB%tup6X58ww;~?n=<_1IY>~qT2*xc`tuiw7WvCb4$GWtFu
zuKjrK^5W}BK82zxFde*pbvS%CF^x$CV*pg!0<2;>47)Zn(eqPIHK7(1r79l#G#auB
zO~}9SF{U6lqW#&sNxiPllp>g=V15N%FplW)Yk+#R{e=M^%3|dyh5u+4H|)IAW9anc
z$IV>99J983s<}$6{X{R_>}b4tbh1YF%pKk&tnI;1I$)SkpRK-Xn*?|W(7|NVv5mp&
zHusR!V8T5;^eFd7@xDuIeiWxS_sctuPo3#JOAbd_XGgTtE5xKKHS$~t6GUWpImQlZ
z&Fhvk>>^at7?5_oMgQKe4vRO7VY*X|FOL;ORP305N(b;dAM8BB`1QyullwI%dkG8|
zTU+k(wzN620r_ug;8F=3gZYm|yz0u?g_U4*$ZWFsy|9~ki4lY8J`8VC_M`*#O%X#x
zdS`;cj$~&nFL!RD7;Kt(V=K;TP20GsL}^C<*eLU@J!O)5oLCb%#t#{W3ylbK5EDvz
zi)3|fU-VN%@3%=K?~>-hbPGf-9$h+A-||dlrs~1ULNQm9>CdX4tFdHN;qtt+S>MrM
z`BXy-Zs%k_vO7(ajn2Kl{kye+Yii#Ad4en=lPLLY+U7Lo5BMrb1VbQ_%0&J4bStc-
z%IFM(F=PZB^40`7Q)F1CsSFQ(Z0!u~apC1G*f1f88Rtq%#5~hk<T9tqd^mv}x}Qr2
zP+!+Ts#EgrU-2DUpzS3%B_s0Ab3E+|fCrMNDy3|!a4nA#Dy;ESd47*HZ8sCQO~X{s
zEz?l@;OL+ru1C?inLYhoY=q($tV7we-m0>sPO9tU*?Nx^UV6mwv6ov-P;c+Psc5#|
zuR0I$?o@Dd9~$^rAP?JBhP-2LkX9nD_lYqkU0>I>-OhzH{K%XDPVLWB$O3M}H~vc`
z*J_uI8Pz((dUOPzMJCsB&TDV!d^IXX!C^4s(<@CddvYvc0FqMkplXrQ33oz|OiEPc
z6743crv^s3Z0fnAaE{uY%@QG$`ozI$lulIm$VHYuta~6gX3JI#ELr#rrT@r%D82f+
zk@Q(_K@GGG1}Id8`FZ*i?g79J;&q3>c-r~$P19fBLc-$GKkb<1^z>fGpxHFl=C)Hm
z^LqJPb;3V;h<bB#zD^?y_!F3RR1HPBdzO`1?%p{<bvH5-!W$Sn2dge~!a6%p6pHC6
z4TMwo0%USWr?9Q~uS4-iVs-mG?i;-IH4j96?4L$vzSaKw3{gpa@7e{^UoWIlWJPT~
zO;5Z*pVaUtd01P<>I{`r_9fxr13!^<Bc23+H;j8e7r*i?eRED+t#D><jAVL@&spT4
zhaa%Xfd{rb{`@u{h<R-kLT2tc8vXzp*@Ybx=u7xj6&5j!$Ms@2>LM-^A9(!87`ZGH
zH(-Ga#2AZw+_pkLu-p5@rg|%ZTOoN0i3?Ebxna&dg1znq`F$G!<1BQGZY#!P_h!I%
z?eOaNvN*ToSid<=joxoq%$x`&^l-7V@Nr(|^Ql7pZM9N4eb}-JM)L&#iTkm8tYKxa
zx+-x-A8<cIP;D@<mu(fIQQjh!cxd8?pI;2#d-A?n0~xkcFO?AL1!-~^Yi>8rQU@|m
zubprzXx1ByRsoV7=Ra3G@My_rmn(Z$ks=sb{RWpIlh%!wj7e6Iq)c0P-`QhwpR%-+
zMz#_qujRNS(`zKVd-t-#jT<sCW?t5B577m7a0BYVcTZFC`m7SxX<b3ShyfMeN6O4u
z9_t)o03GdcQX%v`pX3X%(6j*=R*sT@v5#M=ZN;@|Z++>NeGq&1YP*AZazQ0CtwAXV
zK2oGnUn;e)Y>3Rgyf3kfv&RjI&1Q(TQ}Iy@J>^jQk^EI1oI0Fnzucsc)ny5wdZX!<
zltPm`L)T1;_UxinYynQVCb4$=SnJ7b|CYrelF1z{hqFVo<mIZF$g?z}>CNN1^8*xH
zbVnc!qDrUmW5sa2%*~@beOc5DHnR1qYP-RzZFc7CP?S&YCk%zLm$pOqs%!bZGD;Sa
z(+8|MMzS`p{@^h+K9Rp$P=byw+zRiNW?40!T>?n#`gyh*uLh9kx$2unUYpW5+r@F`
zI2%gZEVrjJYqkb>#o~#(Jyb>X=2=*pW0^BSB+#40VexL~SGp8VBeKLN|F9l~d<ocU
z9;&e2D#)BLAli+3#EA%3=Ckp2WnmTmo`<Q=RTM~{;p0vfjtakav`jtN@4qrX2sWmR
zQ|zKsC%}#sQoOp$zS5x|K(hpX5=m`=yDk;>9&Q>oL{sw<iS0)BsTgORXM*erH{Vn8
zXmvp2y3};?W&7TijP5v0r1B<>vvthaclbrkH9UlKA{*kq+CpP+K=rKYN7v=2m&_(f
zS}_ru3o}t^7OV3a)lt@0+=?#_rVSXOducGN=Yt;sX@22S0;r{KtmAY2)UvRD8Fl;+
zGK?TVZ2@wVFQl-n<x4Ev*-~zX?|9x505>$i0~-<y(*kPzE<I~;{4>mND}kkDL9)BD
zN#`foG5h*6pTQlnh)-A#h7^u_$RuC#gr0Fr-m;&+uj`cU&CxVly`f!~?-qkh($JWb
zjXM(Of9?cw^3gv&?oTFLU!6M4tH5Y4AYy`#dxls8w;;Xkes|qw<mH5Qfn>&27+y03
zP{4WUyx$!DbUtE}FwOF?wMfGhwNyXS-;1T!LMN|TwTncx1q8U_QqiHV?nHx33h2K6
z<GoBN8|C34NW<b7->nw{-fmZ<S{zwQXS0y>ZL5gfDZl)RvffVKmI7Vv<*&qj)ru5P
zvf7=LTtYYiGQF1Nr=wT~vKPCS#C3YJNv`^15|ULp?DUzXIcmM1{1--(wk7MQ1ix#o
zd>h~35|+*FJ}Bktm#fi83c7B~G_(bjzEIS?iyG~=e~{;nxM937`*uisThDD=oGbUB
zb1jKGz|jzb&7YgG)*Pu&vY|a7tR(I`Z}IYPlIUNq46DhG`P0KNdDuS!pi%&kbG@iJ
zh1d?q-LGtJp_OwlsFxX}6aXHjL-(+3z0_;^+2buPEUXU%(szbbLF@aOvZ9`tfoF1_
z>n*|Lr$<LzEnLJr%c#B$cz5H!KM(nbhgeDaBL*(pj?5;e(S@Y<s!j@m{|u`cn$0Be
z9|6@41_vbSyx~Gq&Ncgq+j?BnU~R%d94!xo1M9HTBul|fN!Vl9A9W)NLODju$CPr9
z5g0-~i_mJ2qE=l6=cnQq9tNeDzk7Eaz`U)>@{p0^aWv}JuU_{*V8l&HcstgXQH|vk
zrJi&vG+3Dm!FrRqv<d29APB>RwG{G&mxb0*hHUcu)_nE{SDGnn-P36R%aq@qrgRQP
zN^5RHgc$L~#~+B(*o?azrz)&0q(`n!Ltl7qKjGr`5}|%T!q*{#?0S?#g5B1<i<Wwh
z)uQab74pNH&e$F|@D%sAc-Rls6@d!vaC4@3we$O3Ej)64d4P7G>2!guNQXh358jc+
z9EOo=!XCLIcQX3k3wQ@zxuaL`yNKl)Syk{eD~)Sms*B>9BQ>S8<i6b~fsQwF0ZR*o
znH--aE2`Q-b!;^8DsmN4x*JcZMQmU#5r)^rljJ&$0Ep*0=s8AP=n{KAusxP(t|r92
z_?E{-Y7<)bx~q5%8tkn@T)V&LV)W;z)%yjKSB3KyR*?T->Iqx&rzv6hqTl!A9iG0f
zr^>IpBwY(23a0|SAEcen<|YC_GpP|_V>*9{@FC9{{o{iFIV2T83%uJQs4il^t4X?}
z))rb+vcz4^&aW=yg)x*&C!t`>ng)1f(#aCaT0Z}!Mea^?uC(X?YTQ3^#*vTI#bz<Q
zy(}aDY}EQ=(AN(?PhbX(e>%Uj$n*_39|?gx!^0fD%&XnZL)Eb##zkgI=>dj6VKOL`
zwQ?K7QgRp{>&cgnCgROXO*khxZ+O)+{cqDLTx7Y~-CI$lFacKwKnFi>FQw+?2m(=d
z{Ko}|to2vHgWFn{%OW>FeeNtf8)jjdm6~9a&B^KKUpHNhz2vZrN~+L&?R2wdgRH}w
zsHwZVXuPyNN5}=Ik<2`~R`legUoEi!$^}%8qY<va2P3DP?{}v6Q|H&Mw{7mFQ3&`t
zGeTe5QvZ5{YuT~!YzeL*&8wiXRlh@wx8Meg*|`Wv1!tPcaBqpeX^nAoW=*$jplf?|
zmSQyz=2@+%8W@b+Sc~!boA02gF|6391iW?v_8$jt6*hbF4Ps^8bz0t17%1pNRe4}9
z`36omG1I<kGViiqmD~<g%6$2!g*1UfC=Xis$j0u5B0PNNvF+>pFYN(Q*9H{%prXcp
z-eT@T+Dz!T2p$a*y<irc!O+Q_8Q*IY{NCm-q(u+)zWSaiBgILMjlc?y4-qU7#`+tV
zkhHfU%2RlyV=yEOUB;71-ic`=w>)*QTAy(gw@~j=o1Nf}p=kV<L$ud@`cM8<>>UA6
z{bJs?g0499HTKr_?7D>_4q{J2we=Rgfqbvr?i|gUEI_=v^=`X|AodYOkr1{ftI8pl
z=-bu)Zp!0cAa&8+`NnU`&Zj6;d)VqPj+z!W`Y#w}_lil|Nu36g>g8IohWUxuhVp`w
z0f$EnA_rRFCfGhd;|0^(i1GOP`Jo$KB;bSeevpv6SM=v4NtAYhgZr(ZDzm5~AvyJr
zclfDswm%mN`7J-XN>e7!#@_u*Y-$5Y@buXPPy0#*cVVw<vA5b%t8Wl9js1f};jAnv
z7Fr%*x_q^A<gG{l*m!MFG19u>mO?NY-%b{IfHKLt#v(aQF^(RXP^^`U-I2Rke|2H5
z6?#m>n=8*jiSszY5>003@0T7x7ZsWU+sIsQ<h{&F_)NaWDx9&v7JCzW5QqsO&m*BL
zc5zT9gJCkB#p4P=2dE2WU#)5L#UB^AXexR#>_N?a)3o2;^WHyndlp&0@%1A?P`9-C
zrc1qOw|Ofyf7pq$G~A%NsR8-4y*SootY_>qZL<s`pJI3RL_Vcrx3+iapO6-rPq6D3
z7w4bhpAU42A__gle07{Hb`nf)B-<RDW`v&3@Q0~@aX-F^Z&fy#n<5G%axW519>N}D
zwYn-al5{*mcLhpS@~K^N{-axrC1G;%^2HGsl!|T50d&P-+8`V;q6aHDDpsTMz7dKc
zcX>vq3SKwJoMb|GTT**j&MqV{75xXg|L**wqqpiM@90&o*Wf2bpZ&Gs?(^sjy4YM)
zpb97Wz^xP#;(zr(6+V~6Ydy&(o;fet^B3(fDwbjlVp;hrk?~$P_{{(uu|v!hQxt2n
znZ>|68Dmy~{TbQ$xg=4*Qh%hS<sp~im|$&)M@MczR_#jcT$Fbet!*uxmc1Td&Y&1(
z+tI%tl8$|^dtMs0Ip=6cJ_FHb$0o*~{+KQy*h(~8wxL%{xl#GL_P=j}Uj%oS6Bh;H
zEFZw;DrMzuC#}~OFG`)}V*3-mnS!qKU0(S28wYh{F7c}ZH3SAYxE~?^KI~s!2uVD{
zo5LZ1<U2&kU6@~d4XxM^@Vym&BoK7`!eL*|7kn{$X#zdu>c&^bZkq3+X}3U6b#ODC
zZb3V;Qv<>x;)?Om{cCV-{>G4BBulNkmoB5kBF6ahN;PP{^P#79;FI<dNftBlH&f*H
zZ`t3t0gRegV;|PJO>=jm)w~Dx@7oq(3P-MOTB{h-L`AP7(XB7?>Ke84y`y;R0mUcc
zQ<5U_Xn%%cBT<CQ2eWHn^C?b$?dvKGkxjK<vx4D70wFGZH(B4IuKmdI>UTygc7@nS
zN@5<PBMQeL{db&?>_oD%em>rS|HJ0b&O8zA-j4e>ABW2Mx<sh8B2m$mb+BLka5e1`
z@<`x=86N#hg>Pe^pk#e!o}DJIFB2J7fockpESwbW2IfNET|;0!-A~`XiBvTt8}LM{
zgD@hidBi~>BoH~^<F*?W;pHGCH_L7Sa`gGrlam#WnQo08<!o`>SGVmF1H=dt#Ru!5
zP@F4C&1WqHANZ_T--l>-vB6MFg{U$BNXnw2z`jntO1tj%JnmS+Fss&dwag3WJVLOX
z=demw?=^&ekP);v9TGgyX70Yz@-2berUTgoo4lEB6En21RXvxO$TW1z3N(wBi#EQJ
zB*Rmgfhd~(LqXf_`*`VW$VIGVltP({<7D^kJ<->?GE9FsMILJ{6*Le^vS>g+N8CKQ
zhYxg4(sK{4A!axXy-ruUo8Pxsy)k!$VI64A0TRKa^Mf0Y6X|o0e<YLIMonhlgIU-D
zN;LS#F4uuaEKA>YtjCqQaqmY@bL;V~?L_*$yi*ZOoBb*y37LB25#W80hC|*eLrINj
z2Hf!Yi){K$guh31m*0xCQ6E{&DR#N5bfeBoe>xc}IDp<~TB<Sx>UxXHPjsBY>$?C+
zKSW}852aA;(L!(n!0tMFfa$5P&tO8MDCVdsx$G!}EN}A$(B%>RKhQGiGiari5R{-D
zMX^R%kC}PRT2*o|-Ob1)UR(xI0szs`!Hck;sSWY6F5{!vL{SO)0ASMZ3&m>JVgOx~
z5N>PsFE3q@NIbq#8$Di?W7U+!*^iCJ=GjgfUI$DCt=$@_MQ6$q7t3+ij+f2MHSd@s
z(5NOy%@1J65==74ZOGBGx1u(1?QWszAiQHueNMa;>q3t_y)k_EM*OF4F>MwVpjy#H
zUK4~%VU8EhTKa>sn6z{nn+YYZ2+hTKgZopNi#$!D_nH=+n5D@?xd%O>^Rj3jx(f@S
zX!ggmwHYz;m=k8{9EM+n!z&#SdlU9{9pQDSWxhDyI_yhklYS<uts9(UVVEC$dGR`*
z6@{7yF(x4!W@i#6fsD?^HYdAcJ{PZOPx?yk>|G-e*#M+aywb|7<Iko3l(g0Jej8f_
z%$N|3Kdiu!fEVp<3micC!xl|!@g+0{2>J-A7j8Q8nf1dPON-3)6=R+PP&Gl=znY=R
zX}U+2j$ZdvNPy*?;1nY1ejDl<CmUf{i|6B6hQpj81`<R$MJK+DjG<V3t&Z07@xNO{
zE~U0fN??9|n7t7w+8gFUMJBYXhZ?rrSXS=v4%IG~DtfqCdv^E46YfhAZtkLh7@tWn
z9&;3t{EzfPWN~r_Tt^3`6h)NJ&RCZPnDt^7sXkwBdvtlICK@2l{}C<PA5yHfz(#}J
zlb-4<Bv<dPE>hU8n?f<N?v>&aP8Dk2jP*&hGrP|XEaMZ`ZmXDpn)mM__dbx|uUQBP
zsM?&ED?PH_Dtle*hAc|z_3+j_m*iIO)v5Na=yY;II<{nQ(luTK&{O3D)k`BoMY~T?
z6s!6~>&=qd=9Ae0mbFeepHERSY|q;FSgE5K?13&K=pc1o-Z0zs53L&(?8o|8xVpzz
zn)7}9{=AMf@hc-z5SFzVmIjhG)}{?7(!)C^r2*7Suo#LpNmsX|DOm*26sS_MH+@Cx
z74m%>q-p`8h;dCQdVTb-q?TFxEB0BrR6Y^3e`kLvi{GXYN&TmQl@`0jY9p&@yWBX^
z|DFUKNO+1eJCl2N@ah_}DY7NdBZW{S@0g|E2Y#zrWFb2m{A_o+*|D=|>T?=;{ypjM
z6QU`^gf8$;NXNrdY;VEE@Yo}o+}8`$RVicKt^~45%`$H&Z%P;M<H%ZuA@BtOk!<X8
z)T>z?z0Uvb^#32;*I7%oHE4Npz5z5wN+wB2dyxz253Tz_RQ&`exDM+ZL{n}9)qO>?
zH%o?jP=3DC;RdH6IekS$b2E3VP<&x&e4!IVc;7Cz3V^Va`LpdL(+rXCk5j>m)tr3M
zCIPmuArO$Zkm+1QP?d|510(V;Q`Tn=*x5Gj&o!Mb3%##J6hw%Cw8|gK=j5-7BFaD>
z^hi63&OAH&Q1H4exIXpg+%Bt86lEuw4o<}$7sU^PUo)v<_CJ{-az~>&g@fIaq&b8?
hpvZatN_@GL95E|CGZji`yyp0VG*onyE1%d#{2z`%%m4rY

literal 0
HcmV?d00001

diff --git a/src/app/connect/driver-dropdown.tsx b/src/app/connect/driver-dropdown.tsx
index 5c2074dd..50f5a927 100644
--- a/src/app/connect/driver-dropdown.tsx
+++ b/src/app/connect/driver-dropdown.tsx
@@ -4,8 +4,10 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { useRouter } from "next/navigation";
 
 interface Props {
   onSelect: (driver: SupportedDriver) => void;
@@ -15,6 +17,8 @@ export default function DriverDropdown({
   children,
   onSelect,
 }: PropsWithChildren<Props>) {
+  const router = useRouter();
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
@@ -60,6 +64,23 @@ export default function DriverDropdown({
             </div>
           </div>
         </DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem
+          onClick={() => {
+            router.push("/playground/client");
+          }}
+        >
+          <div className="flex gap-4 px-2 items-center h-16">
+            <img src="/sqlite-icon.svg" alt="rqlite" className="w-9 h-9" />
+            <div>
+              <div className="font-bold">SQLite</div>
+              <div className="text-xs opacity-50">
+                Open an SQLite file or start a new SQLite database directly in
+                your browser.
+              </div>
+            </div>
+          </div>
+        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   );
diff --git a/src/app/icon.png b/src/app/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..98c6755c68fe8c88a8fcdb6a6fba8014d9daaafd
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$<4Ht8R5(walD%sbK@`A$Z|^JT<|G$Tk$A*PQ>5@Cm7q;JLD0g&Dq5s4f`UaF
zn}iS)5o`hh5w1vz*aZ9lwXjJ30R=T87&QTn$zI5@8ZWndcOx_FUUtI?>Nc~(%<sM5
zoA;#fVpZ8b*uJ3GcJsfzx4rm2dY-K{ke+8c!2iK1<s-)*uNi}X&8*>sRFPA&YwAyM
z2ZCLL%;t6(T04Z3RFTsU0)w!OXw8?0@>mL<-r6wdJ7HsRep&|z-ax}gyVEqv3U|52
zz_lR2+*p~tT?w*w9e2S+XV!2+8(b_pfq@5k5w2d!lWnv3^twvnP#RINzTmO%SO))l
zowqj^vHUFq8-pwN92M2>J(%W1|1NT!38LSY<MH*;DnH(BG+|>fJn`Eg(#pfV8T!t(
zBUTVX)fG!K-*8_#G1wT4-qituH|Vg0{tG$wbf-{ClLiL?5n=O#%a`IC#H$#6(}g>?
zOR+gPIk20w1xpXh^bB^I0H5!Fr0eW{8WoR~;;SZX3?|1*u{p>k6;kocr6VH+ga+?N
z11Qy2L#jXHU6>jP3|jU1z?nQEbxKbbo3%$<Xbfg==m4#UBy3f<?u1Pjo)539RulF&
ra8eu0Uw2e=w!;aFuB|d_SSR@f!cjz<Wx@n600000NkvXXu0mjfqJ;L{

literal 0
HcmV?d00001

diff --git a/src/app/icon2.png b/src/app/icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1195bff80db7171bf51e7c19b942d7930732752
GIT binary patch
literal 1160
zcmV;31b6$1P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(LP<nHR9HvFR%?hGRTTbiCX;m1ZnE2E6SEr8ZlP6|QuK$^NAbrhBE{m5Dl9^`
z*!>}bPzVK4L=o{p)52O@5T7VM5Q@4gR%{gu`omHwwk|$*v)bl0yPC)5vGcfc?_?&E
z*-SPS+6;u@CX@Nj`ObH~bI286XQ`+IJ`FJLq;WUTfKLZR&AgMAGyk9U8+(R0&h~e+
zcM=Or)F?>&c$W4GT!02L{H4jj<;|Rfv(J_<7z4cl_Yf6i>t{KK1}<&Q&CEGCW8kLg
zoJ|9l7u*9CWcx==1}>%AotZOm4`X1*QG<bt1rPcO{M2YwuL|fTYHQ!tR&xbsWf=W1
zM=utf_5Ggl5W<6Au<PHfieoPq8vWfpIA`FV4|4SXn9SJT5H>`N018<ZCtfP7Fqux7
zb8x1CUGJI<xI0|5Pe6H5Z*jQ$_l2;&5kN7c;@in$i^HuA19f>BrrNEVlSb`L4eWl0
zG2jj!=@anqgZ-GFSMc5O3d(tn>*c<Q5C)<K1Eq|L?++Kb27-eEHr^{Cc&&(^UPwbJ
zEW-_)2RHUszC{C0Z+~EC5SusoIFP1M%$%y>=WnXGYdnblMgZlsiXW#+*m$Rep<DbQ
z0^!fgr^-mZmoe1t$lUUQ@i+382Atqm4~p0`76LKeXI=G*4v&XGTx0y8Rw<}PA+GbZ
zJV$k4=HM)ra}^_q2JQB;kcn3f2HH(E_WgC6e7Nn70Q&lc)+kmvvHG8%&Y^g&;114$
zdgPV7;e;JVs^lTqcJmtCaH|Bb&q0SH5Ur*o^VK5qCl>)t=?Ko5*gw@Qff0oJJP(Hj
z?ARBAD76nlDQo!U$lp-%HP@PR`-Nt82RU%WF2eTUJ_-zP^J8Q*0KcQo&Ppf+6&F6w
zqHuZvgc>c^Qgi3|iAj@z_TaI&7dPI$76U^@%XNEIQcK8ul0tpHU}Wsb+-l9I4>JbZ
zgGXatj83fV0$rh?6c8GE(3f?903OlV1r&3KPD9C-T4=ZX0(mYe+pO3aO3f7wxP5OB
z;bGB8oC5Nh8vgpUh|LcTAP_UYucqsmeLaOMcSaD}+RuYwSNWWb3vZrv1?R1K@I`s0
z5m`YHtd9uT{%8nG=T*#oTtfNJ8n5X{B8ouFFsN#}hToFE@;+ZT96)SW9R7%ex#SN}
z<#I<mCX>%M8L($=-(EMw1uUiNAhao{k;D)rD}X9~PtG(2=g|?kN<w}9pVeo<)UyTy
zZs2TnZa3AgPsAa`{G5SWx{5!NXFICh)sA0#Ms8WjoO`?5NZpdS#uh*Yvxm-fR=e9Q
zc>5{Ywv=|iOh{2L1d(!3s0x&9*}c_Vz<F!F|D?%4_u#IB#bGj?rl9Ey<mls!f!=^~
zhn#+F!P0=6;JV3VwaurU9rO1dJFvht&=YW`ffI=Z+ADC*z{&kG?PhyjZK`!!CcA*y
an)V;&l2<wAHl`8)0000<MNUMnLSTX<i7m?j

literal 0
HcmV?d00001

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 433d5f69..eb3997e4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,9 +13,27 @@ import Script from "next/script";
 
 const inter = Inter({ subsets: ["latin"] });
 
+const siteDescription =
+  "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
+
 export const metadata: Metadata = {
   title: "LibSQL Studio",
-  description: "",
+  keywords: [
+    "libsql",
+    "rqlite",
+    "sqlite",
+    "studio",
+    "browser",
+    "editor",
+    "gui",
+    "online",
+    "client",
+  ],
+  description: siteDescription,
+  openGraph: {
+    siteName: "LibSQL Studio",
+    description: siteDescription,
+  },
 };
 
 export default async function RootLayout({

From 3dc79d6b8681be25785cb68d235df7bcd413ede8 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 14:19:53 +0700
Subject: [PATCH 015/124] feat: add software review and pricing

---
 src/app/layout.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index eb3997e4..c6e81592 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -46,6 +46,30 @@ export default async function RootLayout({
 
   return (
     <html lang="en">
+      <head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              "@context": "https://schema.org/",
+              "@type": "DeveloperApplication",
+              name: "LibSQL Studio",
+              description: siteDescription,
+              operatingSystem: "Web",
+              aggregateRating: {
+                "@type": "AggregateRating",
+                ratingValue: 5,
+                reviewCount: 2,
+              },
+              offers: {
+                "@type": "Offer",
+                price: 0,
+                priceCurrency: "USD",
+              },
+            }),
+          }}
+        ></script>
+      </head>
       <body className={inter.className} suppressHydrationWarning>
         <ThemeProvider defaultTheme={theme}>
           <Fragment>{children}</Fragment>

From 00d8f7c1d93d5b46669317786113e96c00ec7358 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 17 Jul 2024 17:05:38 +0700
Subject: [PATCH 016/124] feat: change the design of the testimony

---
 src/app/layout.tsx |  24 ---------
 src/app/page.tsx   | 127 +++++++++++++++++++++++++++++++++++++--------
 2 files changed, 105 insertions(+), 46 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c6e81592..eb3997e4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -46,30 +46,6 @@ export default async function RootLayout({
 
   return (
     <html lang="en">
-      <head>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify({
-              "@context": "https://schema.org/",
-              "@type": "DeveloperApplication",
-              name: "LibSQL Studio",
-              description: siteDescription,
-              operatingSystem: "Web",
-              aggregateRating: {
-                "@type": "AggregateRating",
-                ratingValue: 5,
-                reviewCount: 2,
-              },
-              offers: {
-                "@type": "Offer",
-                price: 0,
-                priceCurrency: "USD",
-              },
-            }),
-          }}
-        ></script>
-      </head>
       <body className={inter.className} suppressHydrationWarning>
         <ThemeProvider defaultTheme={theme}>
           <Fragment>{children}</Fragment>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e4a55ed..2a08ba70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,54 @@ import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import Link from "next/link";
 
+const siteDescription =
+  "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
+
 export const metadata: Metadata = {
-  title: "LibSQL Studio - LibSQL and rqlite client on your browser",
-  description: "LibSQL Studio - LibSQL and rqlite client on your browser",
+  title: "LibSQL Studio",
+  keywords: [
+    "libsql",
+    "rqlite",
+    "sqlite",
+    "studio",
+    "browser",
+    "editor",
+    "gui",
+    "online",
+    "client",
+  ],
+  description: siteDescription,
+  openGraph: {
+    siteName: "LibSQL Studio",
+    description: siteDescription,
+  },
 };
 
+interface Review {
+  id: number;
+  name: string;
+  picture?: string;
+  initial?: string;
+  content: string;
+}
+
+const review: Review[] = [
+  {
+    id: 1,
+    name: "Jamie Barton",
+    picture: "https://github.com/notrab.png",
+    content:
+      "libSQL Studio is a fantastic all-in-one tool for editing data and executing SQL queries that comes with a great DX. Its auto-completion feature boosts productivity and reduces errors, while saved queries make managing and reusing SQL a breeze.",
+  },
+  {
+    id: 2,
+    name: "Achille Lacoin",
+    initial: "AL",
+    content:
+      "libSQL Studio is a fantastic all-in-one tool for editing data and executing SQL queries that comes with a great DX. Its auto-completion feature boosts productivity and reduces errors, while saved queries make managing and reusing SQL a breeze.",
+  },
+];
+
 function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
   return (
     <Link
@@ -23,18 +66,28 @@ function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
   );
 }
 
-function TestimonyItem() {
+function TestimonyItem({ data }: { data: Review }) {
   return (
-    <div className="bg-secondary p-4 rounded-lg">
-      <div className="font-bold">Review Name</div>
-      <div>Company Name</div>
-      <div className="text-red-500 text-xl">★★★★★</div>
-      <p>
-        Lorem Ipsum is simply dummy text of the printing and typesetting
-        industry. Lorem Ipsum has been the industry standard dummy text ever
-        since the 1500s, when an unknown printer took a galley of type and
-        scrambled it to make a type specimen book
-      </p>
+    <div className="bg-secondary p-6 rounded-lg">
+      <div className="flex gap-2 mb-2">
+        {data.picture && (
+          <img
+            src={data.picture}
+            className="w-12 h-12 rounded-full"
+            alt={data.name}
+          />
+        )}
+        {data.initial && (
+          <div className="w-12 h-12 rounded-full bg-yellow-500 text-xl font-bold flex justify-center items-center text-white">
+            {data.initial}
+          </div>
+        )}
+        <div>
+          <div className="font-bold">{data.name}</div>
+          <div className="text-red-500 text-xl">★★★★★</div>
+        </div>
+      </div>
+      <p>{data.content}</p>
     </div>
   );
 }
@@ -43,8 +96,9 @@ function TestimonyList() {
   return (
     <div className="mx-auto max-w-[800px] p-4">
       <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-        <TestimonyItem />
-        <TestimonyItem />
+        {review.map((r) => (
+          <TestimonyItem data={r} key={r.id} />
+        ))}
       </div>
       <div className="text-xl mt-4 pl-4 pr-2">
         and thousands of{" "}
@@ -88,6 +142,11 @@ function SupportDriver() {
         </h2>
 
         <div className="flex justify-center gap-4 mt-8">
+          <img
+            src="/sqlite-icon.svg"
+            className="h-16 rounded-xl"
+            alt="rqlite"
+          />
           <img src="/turso.jpeg" className="h-16 rounded-xl" alt="rqlite" />
           <img src="/rqlite.png" className="h-16 rounded-xl" alt="rqlite" />
           <img src="/valtown.svg" className="h-16 rounded-xl" alt="rqlite" />
@@ -180,12 +239,36 @@ function FeatureList() {
 
 export default async function MainPage() {
   return (
-    <WebsiteLayout>
-      <HeroSection />
-      <TestimonyList />
-      <FeatureList />
-      <SupportDriver />
-      <div className="h-32"></div>
-    </WebsiteLayout>
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            "@context": "https://schema.org/",
+            "@type": "DeveloperApplication",
+            name: "LibSQL Studio",
+            description: siteDescription,
+            operatingSystem: "Web",
+            aggregateRating: {
+              "@type": "AggregateRating",
+              ratingValue: 5,
+              reviewCount: review.length,
+            },
+            offers: {
+              "@type": "Offer",
+              price: 0,
+              priceCurrency: "USD",
+            },
+          }),
+        }}
+      />
+      <WebsiteLayout>
+        <HeroSection />
+        <TestimonyList />
+        <FeatureList />
+        <SupportDriver />
+        <div className="h-32"></div>
+      </WebsiteLayout>
+    </>
   );
 }

From 0ea7f29a6dd8025e8b9f51bc048fc05acfceefcc Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 18 Jul 2024 23:22:15 +0900
Subject: [PATCH 017/124] finish the front page

---
 src/app/page.tsx | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a08ba70..6003d753 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,10 +45,10 @@ const review: Review[] = [
   },
   {
     id: 2,
-    name: "Achille Lacoin",
-    initial: "AL",
+    name: "Kim Thean",
+    initial: "KT",
     content:
-      "libSQL Studio is a fantastic all-in-one tool for editing data and executing SQL queries that comes with a great DX. Its auto-completion feature boosts productivity and reduces errors, while saved queries make managing and reusing SQL a breeze.",
+      "libSQL Studio offers everything I need to work with Turso. The best part is that there's no need to download anything, and it continues to improve with regular updates.",
   },
 ];
 
@@ -205,8 +205,9 @@ function FeatureList() {
           </h1>
 
           <p className="text-xl mb-4">
-            LibSQL Studio offers a simple query editor with auto-completion
-            features. You can run multiple queries and view their results
+            LibSQL Studio features a user-friendly query editor equipped with
+            auto-completion and function hint tooltips. It allows you to execute
+            multiple queries simultaneously and view their results efficiently.
           </p>
         </div>
       </div>
@@ -228,8 +229,21 @@ function FeatureList() {
 
           <p className="text-xl mb-4">
             LibSQL Studio has many features and is regularly updated. Since it
-            is an open-source project, you can request new features or even
-            extend them yourself.
+            is an{" "}
+            <Link
+              href="https://github.com/invisal/libsql-studio"
+              className="border-b-4 inline-block hover:border-yellow-500"
+            >
+              open-source
+            </Link>{" "}
+            project, you can{" "}
+            <Link
+              href="https://github.com/invisal/libsql-studio/issues"
+              className="border-b-4 inline-block hover:border-yellow-500"
+            >
+              request new features
+            </Link>{" "}
+            or even extend them yourself.
           </p>
         </div>
       </div>

From 3e4dd23abb9a494038a905a1704b891b3e9b60f0 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 19 Jul 2024 16:06:57 +0900
Subject: [PATCH 018/124] Update README.md

---
 README.md | 33 ++++++++++-----------------------
 1 file changed, 10 insertions(+), 23 deletions(-)

diff --git a/README.md b/README.md
index 35b74faa..158ae755 100644
--- a/README.md
+++ b/README.md
@@ -1,31 +1,18 @@
 # LibSQL Studio
 
-LibSQL Studio is a lightweight LibSQL graphical client on your browser written using NextJS.
+LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything.
 
-Try [LibSQL Studio](https://libsqlstudio.com/) online here.
+[![LibSQL Studio, sqlite online editor](https://github.com/user-attachments/assets/5d92ce58-9ce6-4cd7-9c65-4763d2d3b231)](https://libsqlstudio.com)
+[![Libsql studio playground](https://github.com/user-attachments/assets/dcf7e246-fe72-4351-ab10-ae2d1658087d)](https://libsqlstudio.com/playground/client?template=chinook)
 
-![LibSQL Studo Screenshot](https://github.com/invisal/libsql-web-viewer/assets/4539653/82014129-2ea3-4619-9287-2dc756baba6c)
 
-**Features**
+## Features
 
-- Optimize table result to view large query result
-- Edit your table data in spreadsheet-like editor
-- Query editor with basic syntax highlighting and basic auto complete
-- Basic connection management
+![libsqlstudio-git-preview (7)](https://github.com/user-attachments/assets/1d7a3d90-61e3-4a77-83a5-4bb096bbfb4b)
 
-## How to contribute
+- **Query Editor**: It features a user-friendly query editor equipped with auto-completion and function hint tooltips. It allows you to execute multiple queries simultaneously and view their results efficiently.
+- **Data Editor**:  It comes with a powerful data editor, allowing you to stage all your changes and preview them before committing. The data table is highly optimized and lightweight, capable of rendering thousands of rows and columns efficiently.
+- **Schema Editor**: It allows you to quickly create, modify, and remove table columns with just a few clicks without writing any SQL.
+- **Connection Manager**: It includes a flexible connection manager, allowing you to store your connections locally in your browser. You can also store them on a server and share your connections across multiple devices.
 
-To run the project
-
-```
-pnpm install
-cd studio
-pnpm run dev
-```
-
-**Folder structure**
-
-| Folder    | Description                                                                                                                                                                   |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `/gui`    | This is standalone database GUI React component. It is not tied to any specific database driver, allowing users to extend and integrate it into their own projects with ease. |
-| `/studio` | It is complete database GUI client as seen in https://libsqlstudio.com. Come with database drivers and many other features                                                    |
+The features mentioned above are just a few of the many we offer. Give it a try to explore everything we have in store.

From 1840d48a8693a3ec8dc02de110e2ba7381049200 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 20 Jul 2024 12:15:06 +0900
Subject: [PATCH 019/124] feat: add cloudflare d1 support (#116)

* feat: add cloudflare d1 support

* fix all the lint and type error
---
 drizzle/0011_brief_nick_fury.sql              |    1 +
 drizzle/meta/0011_snapshot.json               | 1064 +++++++++++++++++
 drizzle/meta/_journal.json                    |    7 +
 public/cloudflare.png                         |  Bin 0 -> 39856 bytes
 src/app/api/database/[database_id]/route.ts   |    8 +-
 src/app/api/database/route.ts                 |    8 +-
 .../ops/[database_id]/turso-edge-client.ts    |   11 +-
 src/app/api/temp_ops/[session_id]/route.ts    |    1 +
 src/app/client/[[...driver]]/page-client.tsx  |    7 +
 .../client/s/[[...driver]]/page-client.tsx    |    7 +
 src/app/connect/connection-string-input.tsx   |    2 +-
 src/app/connect/driver-dropdown.tsx           |   15 +
 src/app/connect/quick-connect.tsx             |    1 +
 src/app/connect/saved-connection-storage.ts   |   44 +-
 src/app/playground/client/page-client.tsx     |    1 -
 src/app/proxy/d1/route.ts                     |   61 +
 src/db/schema-database.ts                     |    1 +
 src/drivers/base-driver.ts                    |   11 +-
 src/drivers/cloudflare-d1-driver.ts           |  101 ++
 src/drivers/remote-driver.ts                  |    5 +-
 src/drivers/rqlite-driver.ts                  |    9 +-
 src/drivers/sqlite-base-driver.ts             |   17 +-
 src/hooks/use-connect.ts                      |    1 +
 src/lib/api/api-request-types.ts              |    5 +-
 src/lib/test-helper.ts                        |    1 +
 25 files changed, 1345 insertions(+), 44 deletions(-)
 create mode 100644 drizzle/0011_brief_nick_fury.sql
 create mode 100644 drizzle/meta/0011_snapshot.json
 create mode 100644 public/cloudflare.png
 create mode 100644 src/app/proxy/d1/route.ts
 create mode 100644 src/drivers/cloudflare-d1-driver.ts

diff --git a/drizzle/0011_brief_nick_fury.sql b/drizzle/0011_brief_nick_fury.sql
new file mode 100644
index 00000000..e4315935
--- /dev/null
+++ b/drizzle/0011_brief_nick_fury.sql
@@ -0,0 +1 @@
+ALTER TABLE database ADD `database_name` text;
\ No newline at end of file
diff --git a/drizzle/meta/0011_snapshot.json b/drizzle/meta/0011_snapshot.json
new file mode 100644
index 00000000..88d0c8fd
--- /dev/null
+++ b/drizzle/meta/0011_snapshot.json
@@ -0,0 +1,1064 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "270b8ac4-367a-427c-a238-a5fbb58ed6d8",
+  "prevId": "85ccba53-a7fa-480a-b0e9-2716a61dbc74",
+  "tables": {
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "picture": {
+          "name": "picture",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "storage_usage": {
+          "name": "storage_usage",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_file": {
+      "name": "user_file",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "hashed": {
+          "name": "hashed",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "path": {
+          "name": "path",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "filename": {
+          "name": "filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "size_in_byte": {
+          "name": "size_in_byte",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_file_index": {
+          "name": "user_file_index",
+          "columns": [
+            "user_id",
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_auth": {
+      "name": "user_auth",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {
+        "user_auth_provider_provider_id_unique": {
+          "name": "user_auth_provider_provider_id_unique",
+          "columns": [
+            "provider",
+            "provider_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_session": {
+      "name": "user_session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "auth_id": {
+          "name": "auth_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "blob",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_session_expire_idx": {
+          "name": "user_session_expire_idx",
+          "columns": [
+            "expires_at"
+          ],
+          "isUnique": false
+        },
+        "user_session_auth_id_idx": {
+          "name": "user_session_auth_id_idx",
+          "columns": [
+            "auth_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "user_session_user_id_user_id_fk": {
+          "name": "user_session_user_id_user_id_fk",
+          "tableFrom": "user_session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database": {
+      "name": "database",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "color": {
+          "name": "color",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'gray'"
+        },
+        "driver": {
+          "name": "driver",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'turso'"
+        },
+        "host": {
+          "name": "host",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "database_name": {
+          "name": "database_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "deleted_at": {
+          "name": "deleted_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "database_user_idx": {
+          "name": "database_user_idx",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_user_id_user_id_fk": {
+          "name": "database_user_id_user_id_fk",
+          "tableFrom": "database",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_role": {
+      "name": "database_role",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "can_execute_query": {
+          "name": "can_execute_query",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "is_owner": {
+          "name": "is_owner",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_by": {
+          "name": "updated_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "database_role_idx": {
+          "name": "database_role_idx",
+          "columns": [
+            "database_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_role_database_id_database_id_fk": {
+          "name": "database_role_database_id_database_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_created_by_user_id_fk": {
+          "name": "database_role_created_by_user_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_updated_by_user_id_fk": {
+          "name": "database_role_updated_by_user_id_fk",
+          "tableFrom": "database_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "updated_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_role_permission": {
+      "name": "database_role_permission",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "access": {
+          "name": "access",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "table_name": {
+          "name": "table_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "column_name": {
+          "name": "column_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_by": {
+          "name": "updated_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "role_permission_table_idx": {
+          "name": "role_permission_table_idx",
+          "columns": [
+            "role_id",
+            "table_name"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "database_role_permission_role_id_database_role_id_fk": {
+          "name": "database_role_permission_role_id_database_role_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "database_role",
+          "columnsFrom": [
+            "role_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_permission_created_by_user_id_fk": {
+          "name": "database_role_permission_created_by_user_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_role_permission_updated_by_user_id_fk": {
+          "name": "database_role_permission_updated_by_user_id_fk",
+          "tableFrom": "database_role_permission",
+          "tableTo": "user",
+          "columnsFrom": [
+            "updated_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "database_user_role": {
+      "name": "database_user_role",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "role_id": {
+          "name": "role_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_by": {
+          "name": "created_by",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "database_user_role_user_id_user_id_fk": {
+          "name": "database_user_role_user_id_user_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_database_id_database_id_fk": {
+          "name": "database_user_role_database_id_database_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_role_id_database_role_id_fk": {
+          "name": "database_user_role_role_id_database_role_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "database_role",
+          "columnsFrom": [
+            "role_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "database_user_role_created_by_user_id_fk": {
+          "name": "database_user_role_created_by_user_id_fk",
+          "tableFrom": "database_user_role",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "database_user_role_database_id_user_id_pk": {
+          "columns": [
+            "database_id",
+            "user_id"
+          ],
+          "name": "database_user_role_database_id_user_id_pk"
+        }
+      },
+      "uniqueConstraints": {}
+    },
+    "dataset": {
+      "name": "dataset",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "source": {
+          "name": "source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "summary": {
+          "name": "summary",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "used": {
+          "name": "used",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "dataset_user_id_user_id_fk": {
+          "name": "dataset_user_id_user_id_fk",
+          "tableFrom": "dataset",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "temp_session": {
+      "name": "temp_session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "driver": {
+          "name": "driver",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "credential": {
+          "name": "credential",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "exired_at": {
+          "name": "exired_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "doc": {
+      "name": "doc",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "namespace_id": {
+          "name": "namespace_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "last_used_at": {
+          "name": "last_used_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "doc_namespace_idx": {
+          "name": "doc_namespace_idx",
+          "columns": [
+            "namespace_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "doc_namespace_id_doc_namespace_id_fk": {
+          "name": "doc_namespace_id_doc_namespace_id_fk",
+          "tableFrom": "doc",
+          "tableTo": "doc_namespace",
+          "columnsFrom": [
+            "namespace_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "doc_user_id_user_id_fk": {
+          "name": "doc_user_id_user_id_fk",
+          "tableFrom": "doc",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "doc_namespace": {
+      "name": "doc_namespace",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "database_id": {
+          "name": "database_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "doc_namespace_database_idx": {
+          "name": "doc_namespace_database_idx",
+          "columns": [
+            "database_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "doc_namespace_database_id_database_id_fk": {
+          "name": "doc_namespace_database_id_database_id_fk",
+          "tableFrom": "doc_namespace",
+          "tableTo": "database",
+          "columnsFrom": [
+            "database_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "doc_namespace_user_id_user_id_fk": {
+          "name": "doc_namespace_user_id_user_id_fk",
+          "tableFrom": "doc_namespace",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index bab9bb38..48794d15 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -71,6 +71,13 @@
       "when": 1720357960659,
       "tag": "0010_mature_sumo",
       "breakpoints": true
+    },
+    {
+      "idx": 11,
+      "version": "5",
+      "when": 1721439112769,
+      "tag": "0011_brief_nick_fury",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/public/cloudflare.png b/public/cloudflare.png
new file mode 100644
index 0000000000000000000000000000000000000000..9064d870d5ee20533ab2b657771ee1570e23746c
GIT binary patch
literal 39856
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

literal 0
HcmV?d00001

diff --git a/src/app/api/database/[database_id]/route.ts b/src/app/api/database/[database_id]/route.ts
index a3583901..7f243a50 100644
--- a/src/app/api/database/[database_id]/route.ts
+++ b/src/app/api/database/[database_id]/route.ts
@@ -19,6 +19,7 @@ const databaseSchema = zod.object({
     token: zod.string().optional(),
     username: zod.string().optional(),
     password: zod.string().optional(),
+    database: zod.string().optional(),
   }),
 });
 
@@ -32,6 +33,8 @@ export const GET = withDatabaseOperation(async ({ database: databaseInfo }) => {
     label: databaseInfo.color,
     config: {
       url: databaseInfo.host,
+      username: databaseInfo.username,
+      database: databaseInfo.databaseName,
       token: "",
     },
   } as SavedConnectionItemConfig);
@@ -88,9 +91,8 @@ export const PUT = withDatabaseOperation(
         token: data.config.token
           ? await encrypt(env.ENCRYPTION_KEY, data.config.token)
           : undefined,
-        username: data.config.username
-          ? await encrypt(env.ENCRYPTION_KEY, data.config.username)
-          : undefined,
+        username: data.config.username,
+        databaseName: data.config.database,
         password: data.config.password
           ? await encrypt(env.ENCRYPTION_KEY, data.config.password)
           : undefined,
diff --git a/src/app/api/database/route.ts b/src/app/api/database/route.ts
index 4ed5e720..18436e40 100644
--- a/src/app/api/database/route.ts
+++ b/src/app/api/database/route.ts
@@ -14,12 +14,13 @@ const databaseSchema = zod.object({
   name: zod.string().min(3).max(50),
   description: zod.string(),
   label: zod.enum(["gray", "red", "yellow", "green", "blue"]),
-  driver: zod.enum(["turso", "rqlite", "valtown"]),
+  driver: zod.enum(["turso", "rqlite", "valtown", "cloudflare-d1"]),
   config: zod.object({
     url: zod.string().optional(),
     token: zod.string().optional(),
     username: zod.string().optional(),
     password: zod.string().optional(),
+    database: zod.string().optional(),
   }),
 });
 
@@ -54,12 +55,11 @@ export const POST = withUser(async ({ user, req }) => {
         driver: data.driver,
         name: data.name,
         host: data.config.url,
+        databaseName: data.config.database,
         token: data.config.token
           ? await encrypt(env.ENCRYPTION_KEY, data.config.token)
           : undefined,
-        username: data.config.username
-          ? await encrypt(env.ENCRYPTION_KEY, data.config.username)
-          : undefined,
+        username: data.config.username,
         password: data.config.password
           ? await encrypt(env.ENCRYPTION_KEY, data.config.password)
           : undefined,
diff --git a/src/app/api/ops/[database_id]/turso-edge-client.ts b/src/app/api/ops/[database_id]/turso-edge-client.ts
index b45faf91..2387ed80 100644
--- a/src/app/api/ops/[database_id]/turso-edge-client.ts
+++ b/src/app/api/ops/[database_id]/turso-edge-client.ts
@@ -1,4 +1,5 @@
 import { database } from "@/db/schema";
+import CloudflareD1Driver from "@/drivers/cloudflare-d1-driver";
 import RqliteDriver from "@/drivers/rqlite-driver";
 import TursoDriver from "@/drivers/turso-driver";
 import ValtownDriver from "@/drivers/valtown-driver";
@@ -11,13 +12,21 @@ export async function createTursoEdgeDriver(db: typeof database.$inferSelect) {
   if (db.driver === "rqlite") {
     return new RqliteDriver(
       url,
-      db.username ? await decrypt(env.ENCRYPTION_KEY, db.username) : "",
+      db.username ?? "",
       db.password ? await decrypt(env.ENCRYPTION_KEY, db.password) : ""
     );
   } else if (db.driver === "valtown") {
     return new ValtownDriver(
       db.token ? await decrypt(env.ENCRYPTION_KEY, db.token) : ""
     );
+  } else if (db.driver === "cloudflare-d1") {
+    return new CloudflareD1Driver(
+      `https://api.cloudflare.com/client/v4/accounts/${db.username}/d1/database/${db.databaseName}/raw`,
+      {
+        Authorization:
+          "Bearer " + (await decrypt(env.ENCRYPTION_KEY, db.token ?? "")),
+      }
+    );
   }
 
   const token = db.token
diff --git a/src/app/api/temp_ops/[session_id]/route.ts b/src/app/api/temp_ops/[session_id]/route.ts
index a361d48d..d91ea89c 100644
--- a/src/app/api/temp_ops/[session_id]/route.ts
+++ b/src/app/api/temp_ops/[session_id]/route.ts
@@ -54,6 +54,7 @@ export const POST = withErrorHandler<{ params: { session_id: string } }>(
       body,
       permission: { canExecuteQuery: true, isOwner: true, roles: [] },
       database: {
+        databaseName: "",
         driver: session.driver,
         host: config.url,
         password: config.password ?? null,
diff --git a/src/app/client/[[...driver]]/page-client.tsx b/src/app/client/[[...driver]]/page-client.tsx
index 9e118b7c..60f8e4bb 100644
--- a/src/app/client/[[...driver]]/page-client.tsx
+++ b/src/app/client/[[...driver]]/page-client.tsx
@@ -9,6 +9,7 @@ import RqliteDriver from "@/drivers/rqlite-driver";
 import ValtownDriver from "@/drivers/valtown-driver";
 
 import MyStudio from "@/components/my-studio";
+import CloudflareD1Driver from "@/drivers/cloudflare-d1-driver";
 
 export default function ClientPageBody() {
   const driver = useMemo(() => {
@@ -20,6 +21,12 @@ export default function ClientPageBody() {
       return new RqliteDriver(config.url, config.username, config.password);
     } else if (config.driver === "valtown") {
       return new ValtownDriver(config.token);
+    } else if (config.driver === "cloudflare-d1") {
+      return new CloudflareD1Driver("/proxy/d1", {
+        Authorization: "Bearer " + config.token ?? "",
+        "x-account-id": config.username ?? "",
+        "x-database-id": config.database ?? "",
+      });
     }
     return new TursoDriver(config.url, config.token as string, true);
   }, []);
diff --git a/src/app/client/s/[[...driver]]/page-client.tsx b/src/app/client/s/[[...driver]]/page-client.tsx
index bd0ab603..61a9352f 100644
--- a/src/app/client/s/[[...driver]]/page-client.tsx
+++ b/src/app/client/s/[[...driver]]/page-client.tsx
@@ -7,6 +7,7 @@ import { useSearchParams } from "next/navigation";
 import { useMemo } from "react";
 import MyStudio from "@/components/my-studio";
 import IndexdbSavedDoc from "@/drivers/saved-doc/indexdb-saved-doc";
+import CloudflareD1Driver from "@/drivers/cloudflare-d1-driver";
 
 export default function ClientPageBody() {
   const params = useSearchParams();
@@ -28,6 +29,12 @@ export default function ClientPageBody() {
       );
     } else if (conn.driver === "valtown") {
       return new ValtownDriver(conn.config.token);
+    } else if (conn.driver === "cloudflare-d1") {
+      return new CloudflareD1Driver("/proxy/d1", {
+        Authorization: "Bearer " + conn.config.token,
+        "x-account-id": conn.config.username ?? "",
+        "x-database-id": conn.config.database ?? "",
+      });
     }
 
     return new TursoDriver(conn.config.url, conn.config.token, true);
diff --git a/src/app/connect/connection-string-input.tsx b/src/app/connect/connection-string-input.tsx
index e5bc29a2..41319a62 100644
--- a/src/app/connect/connection-string-input.tsx
+++ b/src/app/connect/connection-string-input.tsx
@@ -68,7 +68,7 @@ export default function ConnectionStringInput({
         }
 
         return (
-          <div key={driverDetail.name}>
+          <div key={field.name}>
             <div className="text-xs mb-2 font-semibold">
               {field.title} {field.required && <span>(*)</span>}
             </div>
diff --git a/src/app/connect/driver-dropdown.tsx b/src/app/connect/driver-dropdown.tsx
index 50f5a927..64783bd1 100644
--- a/src/app/connect/driver-dropdown.tsx
+++ b/src/app/connect/driver-dropdown.tsx
@@ -36,6 +36,21 @@ export default function DriverDropdown({
             </div>
           </div>
         </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={() => {
+            onSelect("cloudflare-d1");
+          }}
+        >
+          <div className="flex gap-4 px-2 items-center h-12">
+            <img src="/cloudflare.png" alt="rqlite" className="w-9 h-9" />
+            <div>
+              <div className="font-bold">Cloudflare D1</div>
+              <div className="text-xs opacity-50">
+                D1 is Cloudflare’s native serverless database
+              </div>
+            </div>
+          </div>
+        </DropdownMenuItem>
         <DropdownMenuItem
           onClick={() => {
             onSelect("rqlite");
diff --git a/src/app/connect/quick-connect.tsx b/src/app/connect/quick-connect.tsx
index 1a829712..5afafa59 100644
--- a/src/app/connect/quick-connect.tsx
+++ b/src/app/connect/quick-connect.tsx
@@ -34,6 +34,7 @@ export default function QuickConnect({
       url: connectionConfig.url,
       password: connectionConfig.password,
       username: connectionConfig.username,
+      database: connectionConfig.database,
     });
   }, [connect, driver, connectionConfig]);
 
diff --git a/src/app/connect/saved-connection-storage.ts b/src/app/connect/saved-connection-storage.ts
index 9896c335..44c0d766 100644
--- a/src/app/connect/saved-connection-storage.ts
+++ b/src/app/connect/saved-connection-storage.ts
@@ -64,6 +64,33 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
         },
       ],
     },
+    "cloudflare-d1": {
+      name: "cloudflare-d1",
+      icon: "/cloudflare.png",
+      fields: [
+        {
+          name: "username",
+          type: "text",
+          title: "Account ID",
+          required: true,
+          placeholder: "Account ID",
+        },
+        {
+          name: "database",
+          type: "text",
+          title: "Database ID",
+          required: true,
+          placeholder: "Database ID",
+        },
+        {
+          name: "token",
+          title: "API Token",
+          required: true,
+          type: "text",
+          secret: true,
+        },
+      ],
+    },
     rqlite: {
       name: "rqlite",
       icon: "/rqlite.png",
@@ -92,7 +119,6 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
           name: "username",
           type: "text",
           title: "Username",
-          secret: true,
           placeholder: "Username",
         },
         {
@@ -137,6 +163,10 @@ export function prefillConnectionString(
       defaultValue?.token ??
       driver.fields.find((f) => f.name === "token")?.prefill ??
       "",
+    database:
+      defaultValue?.database ??
+      driver.fields.find((f) => f.name === "database")?.prefill ??
+      "",
     username:
       defaultValue?.username ??
       driver.fields.find((f) => f.name === "username")?.prefill ??
@@ -148,7 +178,7 @@ export function prefillConnectionString(
   };
 }
 
-export type SupportedDriver = "turso" | "rqlite" | "valtown";
+export type SupportedDriver = "turso" | "rqlite" | "valtown" | "cloudflare-d1";
 export type SavedConnectionStorage = "remote" | "local";
 export type SavedConnectionLabel = "gray" | "red" | "yellow" | "green" | "blue";
 
@@ -177,6 +207,7 @@ export interface SavedConnectionItemConfigConfig {
   url: string;
   username?: string;
   password?: string;
+  database?: string;
 }
 
 export interface SavedConnectionItemConfig {
@@ -200,6 +231,9 @@ interface SavedConnectionRawLocalStorage {
   name: string;
   url: string;
   token: string;
+  username: string;
+  password: string;
+  database: string;
   driver?: SupportedDriver;
   label?: SavedConnectionLabel;
   description?: string;
@@ -216,6 +250,9 @@ function configToRaw(
     driver: data.driver ?? "turso",
     url: data.config?.url ?? "",
     token: data.config?.token ?? "",
+    username: data.config?.username ?? "",
+    password: data.config?.password ?? "",
+    database: data.config?.database ?? "",
     label: data.label,
     last_used: Date.now(),
     description: data.description ?? "",
@@ -246,6 +283,9 @@ function mapDetailRaw(
     config: {
       token: data.token,
       url: data.url,
+      password: data.password,
+      username: data.username,
+      database: data.database,
     },
   };
 }
diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index cd4a37b4..1f66d39a 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -82,7 +82,6 @@ export default function PlaygroundEditorBody({
           size="sm"
           onClick={() => {
             if (rawDb) {
-              console.log("hello world");
               saveAs(
                 new Blob([rawDb.export()], {
                   type: "application/x-sqlite3",
diff --git a/src/app/proxy/d1/route.ts b/src/app/proxy/d1/route.ts
new file mode 100644
index 00000000..8c4163b1
--- /dev/null
+++ b/src/app/proxy/d1/route.ts
@@ -0,0 +1,61 @@
+import { HttpStatus } from "@/constants/http-status";
+import { headers } from "next/headers";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  // Get the account id and database id from header
+  const accountId = headers().get("x-account-id");
+  const databaseId = headers().get("x-database-id");
+
+  if (!accountId || !databaseId) {
+    return NextResponse.json(
+      {
+        error: "Please provide account id or database id",
+      },
+      { status: HttpStatus.BAD_REQUEST }
+    );
+  }
+
+  const authorizationHeader = headers().get("Authorization");
+  if (!authorizationHeader) {
+    return NextResponse.json(
+      {
+        error: "Please provide authorization header",
+      },
+      { status: HttpStatus.BAD_REQUEST }
+    );
+  }
+
+  try {
+    const url = `https://api.cloudflare.com/client/v4/accounts/${accountId}/d1/database/${databaseId}/raw`;
+
+    const response: { errors: { message: string }[] } = await (
+      await fetch(url, {
+        method: "POST",
+        headers: {
+          Authorization: authorizationHeader,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(await req.json()),
+      })
+    ).json();
+
+    if (response.errors && response.errors.length > 0) {
+      return NextResponse.json(
+        {
+          error: response.errors[0].message,
+        },
+        { status: HttpStatus.INTERNAL_SERVER_ERROR }
+      );
+    }
+
+    return NextResponse.json(response);
+  } catch (e) {
+    return NextResponse.json(
+      {
+        error: (e as Error).message,
+      },
+      { status: HttpStatus.BAD_REQUEST }
+    );
+  }
+}
diff --git a/src/db/schema-database.ts b/src/db/schema-database.ts
index 8a5bdcd5..cce0a4e7 100644
--- a/src/db/schema-database.ts
+++ b/src/db/schema-database.ts
@@ -32,6 +32,7 @@ export const database = sqliteTable(
     token: text("token"),
     username: text("username"),
     password: text("password"),
+    databaseName: text("database_name"),
     createdAt: int("created_at"),
     deletedAt: int("deleted_at"),
   },
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 803e9f8c..fc3965d4 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -8,13 +8,6 @@ export type InValue =
   | Uint8Array
   | Date;
 
-export type Statement =
-  | string
-  | {
-      sql: string;
-      args: InValue[] | Record<string, InValue>;
-    };
-
 export enum TableColumnDataType {
   TEXT = 1,
   INTEGER = 2,
@@ -189,8 +182,8 @@ export abstract class BaseDriver {
   // Methods
   abstract close(): void;
 
-  abstract query(stmt: Statement): Promise<DatabaseResultSet>;
-  abstract transaction(stmts: Statement[]): Promise<DatabaseResultSet[]>;
+  abstract query(stmt: string): Promise<DatabaseResultSet>;
+  abstract transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
 
   abstract schemas(): Promise<DatabaseSchemaItem[]>;
   abstract tableSchema(tableName: string): Promise<DatabaseTableSchema>;
diff --git a/src/drivers/cloudflare-d1-driver.ts b/src/drivers/cloudflare-d1-driver.ts
new file mode 100644
index 00000000..33119609
--- /dev/null
+++ b/src/drivers/cloudflare-d1-driver.ts
@@ -0,0 +1,101 @@
+import {
+  DatabaseHeader,
+  DatabaseResultSet,
+  DatabaseRow,
+  TableColumnDataType,
+} from "./base-driver";
+import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
+
+interface CloudflareResult {
+  results: {
+    columns: string[];
+    rows: unknown[][];
+  };
+  meta: {
+    duration: number;
+    changes: number;
+    last_row_id: number;
+    rows_read: number;
+    rows_written: number;
+  };
+}
+
+interface CloudflareResponse {
+  result: CloudflareResult[];
+}
+
+function transformRawResult(raw: CloudflareResult): DatabaseResultSet {
+  const columns = raw.results.columns ?? [];
+  const values = raw.results.rows;
+  const headerSet = new Set();
+
+  const headers: DatabaseHeader[] = columns.map((colName) => {
+    let renameColName = colName;
+
+    for (let i = 0; i < 20; i++) {
+      if (!headerSet.has(renameColName)) break;
+      renameColName = `__${colName}_${i}`;
+    }
+
+    return {
+      name: renameColName,
+      displayName: colName,
+      originalType: "text",
+      type: TableColumnDataType.TEXT,
+    };
+  });
+
+  const rows = values
+    ? values.map((r) =>
+        headers.reduce((a, b, idx) => {
+          a[b.name] = r[idx];
+          return a;
+        }, {} as DatabaseRow)
+      )
+    : [];
+
+  return {
+    rows,
+    stat: {
+      rowsAffected: raw.meta.changes,
+      rowsRead: raw.meta.rows_read,
+      rowsWritten: raw.meta.rows_written,
+      queryDurationMs: raw.meta.duration,
+    },
+    headers,
+    lastInsertRowid:
+      raw.meta.last_row_id === undefined ? undefined : raw.meta.last_row_id,
+  };
+}
+
+export default class CloudflareD1Driver extends SqliteLikeBaseDriver {
+  protected headers: Record<string, string> = {};
+  protected url: string;
+
+  constructor(url: string, headers: Record<string, string>) {
+    super();
+    this.headers = headers;
+    this.url = url;
+  }
+
+  supportBigInt(): boolean {
+    return false;
+  }
+
+  async transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
+    const r = await fetch(this.url, {
+      method: "POST",
+      headers: { ...this.headers, "Content-Type": "application/json" },
+      body: JSON.stringify({
+        sql: stmts.join(";"),
+      }),
+    });
+
+    const json: CloudflareResponse = await r.json();
+    return json.result.map(transformRawResult);
+  }
+
+  async query(stmt: string): Promise<DatabaseResultSet> {
+    return (await this.transaction([stmt]))[0];
+  }
+}
diff --git a/src/drivers/remote-driver.ts b/src/drivers/remote-driver.ts
index 520314df..7eb3a55c 100644
--- a/src/drivers/remote-driver.ts
+++ b/src/drivers/remote-driver.ts
@@ -1,4 +1,3 @@
-import { InStatement } from "@libsql/client/web";
 import {
   BaseDriver,
   DatabaseResultSet,
@@ -54,7 +53,7 @@ export default class RemoteDriver implements BaseDriver {
     return json as T;
   }
 
-  async query(stmt: InStatement) {
+  async query(stmt: string) {
     const r = await this.request<ApiOpsQueryResponse>({
       type: "query",
       statement: stmt,
@@ -63,7 +62,7 @@ export default class RemoteDriver implements BaseDriver {
     return r.data;
   }
 
-  async transaction(stmt: InStatement[]) {
+  async transaction(stmt: string[]) {
     const r = await this.request<ApiOpsBatchResponse>({
       type: "batch",
       statements: stmt,
diff --git a/src/drivers/rqlite-driver.ts b/src/drivers/rqlite-driver.ts
index 8dec8664..19146d42 100644
--- a/src/drivers/rqlite-driver.ts
+++ b/src/drivers/rqlite-driver.ts
@@ -1,4 +1,3 @@
-import { InStatement } from "@libsql/client";
 import {
   DatabaseHeader,
   DatabaseResultSet,
@@ -80,7 +79,7 @@ export default class RqliteDriver extends SqliteLikeBaseDriver {
     this.password = password;
   }
 
-  async transaction(stmts: InStatement[]): Promise<DatabaseResultSet[]> {
+  async transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
     let headers: HeadersInit = {
       "Content-Type": "application/json",
     };
@@ -98,9 +97,7 @@ export default class RqliteDriver extends SqliteLikeBaseDriver {
       headers,
       body: JSON.stringify(
         stmts.map((s) => {
-          if (typeof s === "string") return [s];
-          else if (Array.isArray(s.args)) return [s.sql, ...s.args];
-          return [s.sql, s.args];
+          return [s];
         })
       ),
     });
@@ -118,7 +115,7 @@ export default class RqliteDriver extends SqliteLikeBaseDriver {
     return false;
   }
 
-  async query(stmt: InStatement): Promise<DatabaseResultSet> {
+  async query(stmt: string): Promise<DatabaseResultSet> {
     return (await this.transaction([stmt]))[0];
   }
 
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index 79dec709..6a24923d 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -1,6 +1,5 @@
 import { validateOperation } from "@/components/lib/validation";
 import type {
-  Statement,
   DatabaseResultSet,
   DatabaseSchemaItem,
   DatabaseTableColumn,
@@ -28,10 +27,8 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
     return `"${id.replace(/"/g, '""')}"`;
   }
 
-  abstract override query(stmt: Statement): Promise<DatabaseResultSet>;
-  abstract override transaction(
-    stmts: Statement[]
-  ): Promise<DatabaseResultSet[]>;
+  abstract override query(stmt: string): Promise<DatabaseResultSet>;
+  abstract override transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
 
   async schemas(): Promise<DatabaseSchemaItem[]> {
     const result = await this.query("SELECT * FROM sqlite_schema;");
@@ -85,9 +82,8 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
   protected async legacyTableSchema(
     tableName: string
   ): Promise<DatabaseTableSchema> {
-    const sql = "SELECT * FROM pragma_table_info(?);";
-    const binding = [tableName];
-    const result = await this.query({ sql, args: binding });
+    const sql = `SELECT * FROM pragma_table_info(${this.escapeId(tableName)});`;
+    const result = await this.query(sql);
 
     const rows = result.rows as Array<{
       name: string;
@@ -161,11 +157,10 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
 
     const sql = `SELECT * FROM ${this.escapeId(tableName)}${
       whereRaw ? ` WHERE ${whereRaw} ` : ""
-    } ${orderPart ? ` ORDER BY ${orderPart}` : ""} LIMIT ? OFFSET ?;`;
+    } ${orderPart ? ` ORDER BY ${orderPart}` : ""} LIMIT ${escapeSqlValue(options.limit)} OFFSET ${escapeSqlValue(options.offset)};`;
 
-    const binding = [options.limit, options.offset];
     return {
-      data: await this.query({ sql, args: binding }),
+      data: await this.query(sql),
       schema: await this.tableSchema(tableName),
     };
   }
diff --git a/src/hooks/use-connect.ts b/src/hooks/use-connect.ts
index 121e4b4b..c9b085aa 100644
--- a/src/hooks/use-connect.ts
+++ b/src/hooks/use-connect.ts
@@ -19,6 +19,7 @@ export default function useConnect() {
           token: config.token,
           username: config.username,
           password: config.password,
+          database: config.database,
         })
       );
 
diff --git a/src/lib/api/api-request-types.ts b/src/lib/api/api-request-types.ts
index 8d26020b..662b0537 100644
--- a/src/lib/api/api-request-types.ts
+++ b/src/lib/api/api-request-types.ts
@@ -2,16 +2,15 @@ import {
   DatabaseTableOperation,
   SelectFromTableOptions,
 } from "@/drivers/base-driver";
-import { InStatement } from "@libsql/client/web";
 
 export interface RequestOperationBatch {
   type: "batch";
-  statements: InStatement[];
+  statements: string[];
 }
 
 export interface RequestOperationQuery {
   type: "query";
-  statement: InStatement;
+  statement: string;
 }
 
 export interface RequestOperationSchemas {
diff --git a/src/lib/test-helper.ts b/src/lib/test-helper.ts
index 41f48166..a3379fa7 100644
--- a/src/lib/test-helper.ts
+++ b/src/lib/test-helper.ts
@@ -111,6 +111,7 @@ export async function makeTestDatabase(
     createdAt: now,
     description: "",
     driver: "turso",
+    databaseName: "",
     host: "http://localhost:8080",
     name: "hello",
     id: id,

From e8cf7c5a27ba4c86e0c0c52d0aaf50c4b6c5c0f4 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 20 Jul 2024 15:07:37 +0900
Subject: [PATCH 020/124] feat: add cloudflare warning

---
 package-lock.json                    |  4 ++--
 package.json                         |  2 +-
 src/app/connect/quick-connect.tsx    |  3 ++-
 src/app/connect/saved-connection.tsx | 13 +++++++++++++
 src/app/page.tsx                     | 15 +++++++++++----
 5 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c3f9f2f5..fabae454 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.5.1",
+      "version": "0.6.1",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/package.json b/package.json
index 8f19a4e2..d1b8641d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": false,
   "scripts": {
     "dev": "next dev",
diff --git a/src/app/connect/quick-connect.tsx b/src/app/connect/quick-connect.tsx
index 5afafa59..69102fd3 100644
--- a/src/app/connect/quick-connect.tsx
+++ b/src/app/connect/quick-connect.tsx
@@ -9,7 +9,7 @@ import {
   prefillConnectionString,
   validateConnectionString,
 } from "./saved-connection-storage";
-import { RqliteInstruction } from "./saved-connection";
+import { CloudflareWarning, RqliteInstruction } from "./saved-connection";
 import ConnectionStringInput from "./connection-string-input";
 
 export default function QuickConnect({
@@ -45,6 +45,7 @@ export default function QuickConnect({
       onClose={onClose}
     >
       {driver === "rqlite" && <RqliteInstruction />}
+      {driver === "cloudflare-d1" && <CloudflareWarning />}
 
       <ConnectionStringInput
         autoFocus
diff --git a/src/app/connect/saved-connection.tsx b/src/app/connect/saved-connection.tsx
index 603de2e4..19c460ce 100644
--- a/src/app/connect/saved-connection.tsx
+++ b/src/app/connect/saved-connection.tsx
@@ -27,6 +27,16 @@ export function RqliteInstruction() {
   );
 }
 
+export function CloudflareWarning() {
+  return (
+    <div className="bg-secondary p-4 mb-4 text-sm">
+      To bypass CORS (Cross-Origin Resource Sharing) restrictions, we will route
+      your request through our server. If you are fine with this, please
+      proceed.
+    </div>
+  );
+}
+
 export default function SaveConnection({
   user,
   driver,
@@ -95,6 +105,9 @@ export default function SaveConnection({
       {step === "config" && (
         <>
           {driver === "rqlite" && storage === "local" && <RqliteInstruction />}
+          {driver === "cloudflare-d1" && storage === "local" && (
+            <CloudflareWarning />
+          )}
           <SavedConnectionConfig
             driver={driver}
             onClose={onClose}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6003d753..71c3aa30 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,6 +13,7 @@ export const metadata: Metadata = {
     "libsql",
     "rqlite",
     "sqlite",
+    "cloudflare d1",
     "studio",
     "browser",
     "editor",
@@ -118,8 +119,9 @@ function HeroSection() {
 
       <p className="text-center max-w-[700px] mx-auto mt-6 text-lg">
         LibSQL Studio is a fully-featured, lightweight GUI client for managing
-        SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely
-        in your browser, so there&apos;s no need to download anything.
+        SQLite-based databases like Turso, LibSQL, Cloudflare D1 and rqlite. It
+        runs entirely in your browser, so there&apos;s no need to download
+        anything.
       </p>
 
       <div className="flex gap-4 justify-center mt-12">
@@ -147,9 +149,14 @@ function SupportDriver() {
             className="h-16 rounded-xl"
             alt="rqlite"
           />
-          <img src="/turso.jpeg" className="h-16 rounded-xl" alt="rqlite" />
+          <img src="/turso.jpeg" className="h-16 rounded-xl" alt="turso" />
+          <img
+            src="/cloudflare.png"
+            className="h-16 rounded-xl"
+            alt="cloudflare d1"
+          />
           <img src="/rqlite.png" className="h-16 rounded-xl" alt="rqlite" />
-          <img src="/valtown.svg" className="h-16 rounded-xl" alt="rqlite" />
+          <img src="/valtown.svg" className="h-16 rounded-xl" alt="valtown" />
         </div>
       </div>
     </div>

From 992af63b5b845f5f8897495c97356970aa01e257 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 20 Jul 2024 15:42:12 +0900
Subject: [PATCH 021/124] feat: make the proxy running on edge

---
 src/app/proxy/d1/route.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/proxy/d1/route.ts b/src/app/proxy/d1/route.ts
index 8c4163b1..629c2cfa 100644
--- a/src/app/proxy/d1/route.ts
+++ b/src/app/proxy/d1/route.ts
@@ -2,6 +2,8 @@ import { HttpStatus } from "@/constants/http-status";
 import { headers } from "next/headers";
 import { NextRequest, NextResponse } from "next/server";
 
+export const runtime = "edge";
+
 export async function POST(req: NextRequest) {
   // Get the account id and database id from header
   const accountId = headers().get("x-account-id");

From 3736a1f0d6a264d1c2623074c6381e8b6de95742 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 20 Jul 2024 15:59:15 +0900
Subject: [PATCH 022/124] feat: disable prefetch the logout

---
 src/app/connect/page-client.tsx | 4 ++--
 src/app/login/page.tsx          | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/connect/page-client.tsx b/src/app/connect/page-client.tsx
index 4a61c3c0..5aa0c7d1 100644
--- a/src/app/connect/page-client.tsx
+++ b/src/app/connect/page-client.tsx
@@ -65,11 +65,11 @@ function Header({ user }: Readonly<{ user: User | null }>) {
         </Button>
 
         {user ? (
-          <Link href="/logout">
+          <Link prefetch={false} href="/logout">
             <Button>Sign Out</Button>
           </Link>
         ) : (
-          <Link href="/login">
+          <Link prefetch={false} href="/login">
             <Button>Sign In</Button>
           </Link>
         )}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index e6160ab1..8380d390 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -18,13 +18,17 @@ export default async function LoginPage() {
           <CardContent className="grid gap-4">
             {GITHUB_LOGIN_SUPPORT && (
               <Button asChild>
-                <Link href="/login/github">Continue with Github</Link>
+                <Link prefetch={false} href="/login/github">
+                  Continue with Github
+                </Link>
               </Button>
             )}
 
             {GOOGLE_LOGIN_SUPPORT && (
               <Button asChild>
-                <Link href="/login/google">Continue with Google</Link>
+                <Link prefetch={false} href="/login/google">
+                  Continue with Google
+                </Link>
               </Button>
             )}
           </CardContent>

From b6b2e77194d82a007460ecc2030410daa784fff8 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 20 Jul 2024 16:05:32 +0900
Subject: [PATCH 023/124] fix: remove prefetch for login and logout

---
 src/components/topbar-profile.tsx | 2 +-
 src/components/website-layout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/topbar-profile.tsx b/src/components/topbar-profile.tsx
index dbc265bb..0bd7bf35 100644
--- a/src/components/topbar-profile.tsx
+++ b/src/components/topbar-profile.tsx
@@ -34,7 +34,7 @@ export default function TopbarProfile({ user }: Readonly<{ user: User }>) {
         </Link>
         <DropdownMenuSeparator />
 
-        <Link href="/logout">
+        <Link href="/logout" prefetch={false}>
           <DropdownMenuItem inset>Logout</DropdownMenuItem>
         </Link>
       </DropdownMenuContent>
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 803bf766..b66cd570 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -50,7 +50,7 @@ async function Topbar() {
           <TopbarProfile user={user} />
         ) : (
           <div className="flex items-center">
-            <Link href="/login">
+            <Link href="/login" prefetch={false}>
               <Button>Sign In</Button>
             </Link>
           </div>

From 347dd8a357d76f4748a6bf1fc6f5709cfe3849dd Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 20 Jul 2024 19:18:11 +0900
Subject: [PATCH 024/124] feat: fixing the review snippet

---
 src/app/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71c3aa30..6a89d2da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -266,7 +266,8 @@ export default async function MainPage() {
         dangerouslySetInnerHTML={{
           __html: JSON.stringify({
             "@context": "https://schema.org/",
-            "@type": "DeveloperApplication",
+            "@type": "SoftwareApplication",
+            applicationCategory: "DeveloperApplication",
             name: "LibSQL Studio",
             description: siteDescription,
             operatingSystem: "Web",

From d129ba523d3a401412a3ebae0aea3361b1435950 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Tue, 23 Jul 2024 08:04:18 +0900
Subject: [PATCH 025/124] fix: add line clamp for result header

---
 src/components/gui/query-result-table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index a0842f6b..df83f4c7 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -75,7 +75,7 @@ function Header({
           }}
         >
           {header.icon ? <div className="mr-2">{header.icon}</div> : null}
-          <div className="grow">{header.displayName}</div>
+          <div className="grow line-clamp-1">{header.displayName}</div>
           <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
         </div>
       </DropdownMenuTrigger>

From 63ccb2c1016903d2b147213a5fdb05220902024d Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 23 Jul 2024 21:13:38 +0900
Subject: [PATCH 026/124] feat: add save sqlite directly back (#118)

* feat: add save sqlite directly back

* fixing the lint problem
---
 package-lock.json                         |   7 +
 package.json                              |   1 +
 src/app/playground/client/layout.tsx      |   7 -
 src/app/playground/client/page-client.tsx | 180 ++++++++++++++--------
 src/components/screen-dropzone.tsx        |  23 ++-
 src/drivers/sqljs-driver.ts               |  13 ++
 6 files changed, 149 insertions(+), 82 deletions(-)
 delete mode 100644 src/app/playground/client/layout.tsx

diff --git a/package-lock.json b/package-lock.json
index fabae454..7c4188ed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -88,6 +88,7 @@
         "@types/react-dom": "^18",
         "@types/showdown": "^2.0.6",
         "@types/sql.js": "^1.4.9",
+        "@types/wicg-file-system-access": "^2023.10.5",
         "@typescript-eslint/eslint-plugin": "^6.21.0",
         "@typescript-eslint/parser": "^6.21.0",
         "autoprefixer": "^10.4.19",
@@ -8399,6 +8400,12 @@
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
       "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
     },
+    "node_modules/@types/wicg-file-system-access": {
+      "version": "2023.10.5",
+      "resolved": "https://registry.npmjs.org/@types/wicg-file-system-access/-/wicg-file-system-access-2023.10.5.tgz",
+      "integrity": "sha512-e9kZO9kCdLqT2h9Tw38oGv9UNzBBWaR1MzuAavxPcsV/7FJ3tWbU6RI3uB+yKIDPGLkGVbplS52ub0AcRLvrhA==",
+      "dev": true
+    },
     "node_modules/@types/ws": {
       "version": "8.5.10",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
diff --git a/package.json b/package.json
index d1b8641d..15e8db34 100644
--- a/package.json
+++ b/package.json
@@ -107,6 +107,7 @@
     "@types/react-dom": "^18",
     "@types/showdown": "^2.0.6",
     "@types/sql.js": "^1.4.9",
+    "@types/wicg-file-system-access": "^2023.10.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.19",
diff --git a/src/app/playground/client/layout.tsx b/src/app/playground/client/layout.tsx
deleted file mode 100644
index 944d16d9..00000000
--- a/src/app/playground/client/layout.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default async function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return <>{children}</>;
-}
diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index 1f66d39a..9bb280f3 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -3,22 +3,24 @@ import { saveAs } from "file-saver";
 import MyStudio from "@/components/my-studio";
 import { Button } from "@/components/ui/button";
 import SqljsDriver from "@/drivers/sqljs-driver";
-import { LucideLoader } from "lucide-react";
+import { LucideFile, LucideLoader } from "lucide-react";
 import Script from "next/script";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Database, SqlJsStatic } from "sql.js";
 import ScreenDropZone from "@/components/screen-dropzone";
+import { toast } from "sonner";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
 }: {
   preloadDatabase?: string | null;
 }) {
-  const fileInput = useRef<HTMLInputElement>(null);
   const [sqlInit, setSqlInit] = useState<SqlJsStatic>();
   const [databaseLoading, setDatabaseLoading] = useState(!!preloadDatabase);
   const [rawDb, setRawDb] = useState<Database>();
   const [db, setDb] = useState<SqljsDriver>();
+  const [handler, setHandler] = useState<FileSystemFileHandle>();
+  const [fileName, setFilename] = useState("");
 
   const onReady = useCallback(() => {
     window
@@ -47,66 +49,118 @@ export default function PlaygroundEditorBody({
     }
   }, [sqlInit, preloadDatabase]);
 
-  const onFileChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      if (e.currentTarget.files && sqlInit) {
-        const file = e.currentTarget.files[0];
-        if (file) {
-          file.arrayBuffer().then((buffer) => {
-            const sqljsDatabase = new sqlInit.Database(new Uint8Array(buffer));
-            setRawDb(sqljsDatabase);
-            setDb(new SqljsDriver(sqljsDatabase));
-          });
-        }
-      }
-    },
-    [sqlInit]
-  );
-
-  const onFileDrop = useCallback(
-    (buffer: ArrayBuffer) => {
-      if (sqlInit) {
-        const sqljsDatabase = new sqlInit.Database(new Uint8Array(buffer));
-        setRawDb(sqljsDatabase);
-        setDb(new SqljsDriver(sqljsDatabase));
-      }
-    },
-    [sqlInit]
-  );
+  useEffect(() => {
+    if (handler && sqlInit) {
+      handler.getFile().then((file) => {
+        setFilename(file.name);
+        file.arrayBuffer().then((buffer) => {
+          const sqljsDatabase = new sqlInit.Database(new Uint8Array(buffer));
+          setRawDb(sqljsDatabase);
+          setDb(new SqljsDriver(sqljsDatabase));
+        });
+      });
+    }
+  }, [handler, sqlInit]);
 
   const sidebarMenu = useMemo(() => {
     return (
-      <div className="flex flex-row gap-2 px-2 pb-2">
-        <Button
-          className="flex-grow"
-          size="sm"
-          onClick={() => {
-            if (rawDb) {
-              saveAs(
-                new Blob([rawDb.export()], {
-                  type: "application/x-sqlite3",
-                }),
-                "sqlite-dump.db"
-              );
-            }
-          }}
-        >
-          Save
-        </Button>
-        <Button
-          className="flex-grow"
-          size="sm"
-          onClick={() => {
-            if (fileInput.current) {
-              fileInput.current.click();
-            }
-          }}
-        >
-          Open
-        </Button>
+      <div>
+        {fileName && (
+          <div className="p-2 text-sm rounded m-2 bg-yellow-300 text-black flex gap-2">
+            <div className="flex justify-center items-center">
+              <LucideFile />
+            </div>
+            <div>
+              <div className="text-xs">Editing File</div>
+              <strong>{fileName}</strong>
+            </div>
+          </div>
+        )}
+        <div className="flex flex-row gap-2 px-2 pb-2">
+          <Button
+            className="flex-grow"
+            size="sm"
+            onClick={() => {
+              if (rawDb) {
+                if (handler) {
+                  handler
+                    .createWritable()
+                    .then((writable) => {
+                      writable.write(rawDb.export());
+                      writable.close();
+                      toast.success(
+                        <div>
+                          Successfully save <strong>{fileName}</strong>
+                        </div>
+                      );
+                      db?.resetChange();
+                    })
+                    .catch(console.error);
+                } else {
+                  saveAs(
+                    new Blob([rawDb.export()], {
+                      type: "application/x-sqlite3",
+                    }),
+                    "sqlite-dump.db"
+                  );
+                }
+              }
+            }}
+          >
+            Save
+          </Button>
+          <Button
+            className="flex-grow"
+            size="sm"
+            onClick={() => {
+              window
+                .showOpenFilePicker({
+                  types: [
+                    {
+                      description: "SQLite Files",
+                      accept: {
+                        "application/x-sqlite3": [
+                          ".db",
+                          ".sdb",
+                          ".sqlite",
+                          ".db3",
+                          ".s3db",
+                          ".sqlite3",
+                          ".sl3",
+                          ".db2",
+                          ".s2db",
+                          ".sqlite2",
+                          ".sl2",
+                        ],
+                      },
+                    },
+                  ],
+                })
+                .then(([fileHandler]) => {
+                  setHandler(fileHandler);
+                });
+            }}
+          >
+            Open
+          </Button>
+        </div>
       </div>
     );
-  }, [rawDb, fileInput]);
+  }, [rawDb, handler, db, fileName]);
+
+  useEffect(() => {
+    if (handler && db) {
+      const onBeforeClose = (e: Event) => {
+        if (db.hasChanged()) {
+          e.preventDefault();
+          return "Are you sure you want to close without change?";
+        }
+      };
+
+      window.addEventListener("beforeunload", onBeforeClose);
+      return () => window.removeEventListener("beforeunload", onBeforeClose);
+    }
+  }, [db, handler]);
 
   const dom = useMemo(() => {
     if (databaseLoading) {
@@ -140,15 +194,7 @@ export default function PlaygroundEditorBody({
   return (
     <>
       <Script src="/sqljs/sql-wasm.js" onReady={onReady} />
-      <input
-        type="file"
-        ref={fileInput}
-        className="hidden"
-        accept=".db,.sdb,.sqlite,.db3,.s3db,.sqlite3,.sl3,.db2,.s2db,.sqlite2,.sl2"
-        onChange={onFileChange}
-        multiple={false}
-      />
-      <ScreenDropZone onFileDrop={onFileDrop} />
+      <ScreenDropZone onFileDrop={setHandler} />
       {dom}
     </>
   );
diff --git a/src/components/screen-dropzone.tsx b/src/components/screen-dropzone.tsx
index e5cd47fa..5488d8f7 100644
--- a/src/components/screen-dropzone.tsx
+++ b/src/components/screen-dropzone.tsx
@@ -3,27 +3,34 @@
 import { useEffect } from "react";
 
 interface Props {
-  onFileDrop: (buffer: ArrayBuffer) => void;
+  onFileDrop: (handler: FileSystemFileHandle) => void;
 }
 
 export default function ScreenDropZone({ onFileDrop }: Props) {
   useEffect(() => {
     const dropEventHandler = (e: DragEvent) => {
+      e.preventDefault();
+
       if (!e.dataTransfer) return;
-      const file = e.dataTransfer.files[0];
+      const fileList = e.dataTransfer.items;
+
+      if (!fileList) return;
+      if (fileList.length === 0) return;
 
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = (loadEvent) => {
-        onFileDrop(loadEvent.target?.result as ArrayBuffer);
-      };
+      (fileList[0] as any).getAsFileSystemHandle().then(onFileDrop);
+    };
 
-      reader.readAsArrayBuffer(file);
+    const dragEventHandler = (e: DragEvent) => {
+      e.preventDefault();
     };
 
     window.document.addEventListener("drop", dropEventHandler);
+    window.document.addEventListener("dragover", dragEventHandler);
+    window.document.addEventListener("dragenter", dragEventHandler);
 
     return () => {
+      window.document.removeEventListener("dragenter", dragEventHandler);
+      window.document.removeEventListener("dragover", dragEventHandler);
       window.document.removeEventListener("drop", dropEventHandler);
     };
   }, [onFileDrop]);
diff --git a/src/drivers/sqljs-driver.ts b/src/drivers/sqljs-driver.ts
index 379b876b..d50647f8 100644
--- a/src/drivers/sqljs-driver.ts
+++ b/src/drivers/sqljs-driver.ts
@@ -12,6 +12,7 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
   protected db: Database;
   protected username?: string;
   protected password?: string;
+  protected hasRowsChanged: boolean = false;
 
   constructor(sqljs: Database) {
     super();
@@ -72,6 +73,10 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
       );
     }
 
+    if (this.db.getRowsModified() > 0) {
+      this.hasRowsChanged = true;
+    }
+
     return {
       headers,
       rows,
@@ -90,6 +95,14 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
     };
   }
 
+  resetChange() {
+    this.hasRowsChanged = false;
+  }
+
+  hasChanged() {
+    return this.hasRowsChanged;
+  }
+
   close(): void {
     // do nothing
   }

From f0ed2d2118953b071cafab5013b1ce27ff9c66c7 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 24 Jul 2024 22:50:42 +0900
Subject: [PATCH 027/124] feat: add multi-line editor and json (#119)

* experiment with making our own markdown editor

* feat: add json and multi-line editor

* fixing the lint and type
---
 package-lock.json                             |  12 ++
 package.json                                  |   2 +
 src/app/testing/page.tsx                      |  27 ++++
 src/components/gui/json-editor/index.tsx      | 102 +++++++++++++
 .../gui/providers/full-editor-provider.tsx    | 138 ++++++++++++++++++
 src/components/gui/query-result-table.tsx     |  90 +++++++++---
 src/components/gui/studio.tsx                 |   5 +-
 ...{BigNumberCell.tsx => big-number-cell.tsx} |   2 +-
 ...tableCell.tsx => create-editable-cell.tsx} |  25 +++-
 .../{GenericCell.tsx => generic-cell.tsx}     |   0
 .../{NumberCell.tsx => number-cell.tsx}       |   2 +-
 .../{TextCell.tsx => text-cell.tsx}           |   2 +-
 .../table-optimized/OptimizeTableState.tsx    |   7 +-
 13 files changed, 389 insertions(+), 25 deletions(-)
 create mode 100644 src/app/testing/page.tsx
 create mode 100644 src/components/gui/json-editor/index.tsx
 create mode 100644 src/components/gui/providers/full-editor-provider.tsx
 rename src/components/gui/table-cell/{BigNumberCell.tsx => big-number-cell.tsx} (88%)
 rename src/components/gui/table-cell/{createEditableCell.tsx => create-editable-cell.tsx} (84%)
 rename src/components/gui/table-cell/{GenericCell.tsx => generic-cell.tsx} (100%)
 rename src/components/gui/table-cell/{NumberCell.tsx => number-cell.tsx} (89%)
 rename src/components/gui/table-cell/{TextCell.tsx => text-cell.tsx} (67%)

diff --git a/package-lock.json b/package-lock.json
index 7c4188ed..4c4d52c0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
         "@blocknote/react": "^0.12.2",
+        "@codemirror/lang-json": "^6.0.1",
         "@codemirror/lang-sql": "^6.5.5",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
@@ -42,6 +43,7 @@
         "@radix-ui/react-toggle": "^1.0.3",
         "@radix-ui/react-toggle-group": "^1.0.4",
         "@radix-ui/react-tooltip": "^1.0.7",
+        "@replit/codemirror-indentation-markers": "^6.5.3",
         "@silevis/reactgrid": "^4.1.3",
         "@t3-oss/env-nextjs": "^0.9.2",
         "@tiptap/core": "^2.3.0",
@@ -6802,6 +6804,16 @@
       "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
       "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ=="
     },
+    "node_modules/@replit/codemirror-indentation-markers": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/@replit/codemirror-indentation-markers/-/codemirror-indentation-markers-6.5.3.tgz",
+      "integrity": "sha512-hL5Sfvw3C1vgg7GolLe/uxX5T3tmgOA3ZzqlMv47zjU1ON51pzNWiVbS22oh6crYhtVhv8b3gdXwoYp++2ilHw==",
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
     "node_modules/@replit/codemirror-lang-csharp": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/@replit/codemirror-lang-csharp/-/codemirror-lang-csharp-6.2.0.tgz",
diff --git a/package.json b/package.json
index 15e8db34..ef8b543e 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@aws-sdk/client-s3": "^3.540.0",
     "@blocknote/core": "^0.12.1",
     "@blocknote/react": "^0.12.2",
+    "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-sql": "^6.5.5",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -61,6 +62,7 @@
     "@radix-ui/react-toggle": "^1.0.3",
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@replit/codemirror-indentation-markers": "^6.5.3",
     "@silevis/reactgrid": "^4.1.3",
     "@t3-oss/env-nextjs": "^0.9.2",
     "@tiptap/core": "^2.3.0",
diff --git a/src/app/testing/page.tsx b/src/app/testing/page.tsx
new file mode 100644
index 00000000..6a2973a1
--- /dev/null
+++ b/src/app/testing/page.tsx
@@ -0,0 +1,27 @@
+"use client";
+import JsonEditor from "@/components/gui/json-editor";
+import ThemeProvider from "@/context/theme-provider";
+import { useState } from "react";
+
+export default function TestingPage() {
+  const [code, setCode] = useState(
+    JSON.stringify(
+      {
+        name: "Visal",
+        country: {
+          id: 1,
+          verified: true,
+          name: "Cambodia",
+        },
+      },
+      undefined,
+      2
+    )
+  );
+
+  return (
+    <ThemeProvider defaultTheme="dark">
+      <JsonEditor value={code} onChange={setCode} />
+    </ThemeProvider>
+  );
+}
diff --git a/src/components/gui/json-editor/index.tsx b/src/components/gui/json-editor/index.tsx
new file mode 100644
index 00000000..60d87391
--- /dev/null
+++ b/src/components/gui/json-editor/index.tsx
@@ -0,0 +1,102 @@
+import CodeMirror, { ReactCodeMirrorRef } from "@uiw/react-codemirror";
+import { json } from "@codemirror/lang-json";
+import { forwardRef, useMemo } from "react";
+import { tags as t } from "@lezer/highlight";
+import createTheme from "@uiw/codemirror-themes";
+import { useTheme } from "@/context/theme-provider";
+import { indentationMarkers } from "@replit/codemirror-indentation-markers";
+
+interface JsonEditorProps {
+  value: string;
+  readOnly?: boolean;
+  onChange?: (value: string) => void;
+}
+
+function useJsonTheme() {
+  const { theme } = useTheme();
+
+  return useMemo(() => {
+    if (theme === "light") {
+      return createTheme({
+        theme: "light",
+        settings: {
+          background: "#FFFFFF",
+          foreground: "#000000",
+          caret: "#FBAC52",
+          selection: "#FFD420",
+          selectionMatch: "#FFD420",
+          gutterBackground: "#fff",
+          gutterForeground: "#4D4D4C",
+          gutterBorder: "transparent",
+          lineHighlight: "#00000012",
+          fontFamily:
+            'Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+        },
+        styles: [
+          { tag: [t.propertyName], color: "#4078F2" },
+          { tag: [t.bool, t.null], color: "#696C77" },
+          { tag: [t.number], color: "#FF0080" },
+          { tag: [t.string], color: "#50A14F" },
+          { tag: [t.separator], color: "#383A42" },
+          { tag: [t.squareBracket], color: "#383A42" },
+          { tag: [t.brace], color: "#A626A4" },
+        ],
+      });
+    } else {
+      return createTheme({
+        theme: "dark",
+        settings: {
+          background: "var(--background)",
+          foreground: "#9cdcfe",
+          caret: "#c6c6c6",
+          selection: "#6199ff2f",
+          selectionMatch: "#72a1ff59",
+          lineHighlight: "#ffffff0f",
+          gutterBackground: "var(--background)",
+          gutterForeground: "#838383",
+          gutterActiveForeground: "#fff",
+          fontFamily:
+            'Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+        },
+        styles: [
+          { tag: [t.propertyName], color: "#4078F2" },
+          { tag: [t.bool, t.null], color: "#696C77" },
+          { tag: [t.number], color: "#f39c12" },
+          { tag: [t.string], color: "#50A14F" },
+          { tag: [t.separator], color: "#383A42" },
+          { tag: [t.squareBracket], color: "#383A42" },
+          { tag: [t.brace], color: "#A626A4" },
+        ],
+      });
+    }
+  }, [theme]);
+}
+
+const JsonEditor = forwardRef<ReactCodeMirrorRef, JsonEditorProps>(
+  function SqlEditor({ value, onChange, readOnly }: JsonEditorProps, ref) {
+    const theme = useJsonTheme();
+
+    return (
+      <CodeMirror
+        ref={ref}
+        autoFocus
+        readOnly={readOnly}
+        basicSetup={{
+          drawSelection: false,
+          lineNumbers: false,
+        }}
+        theme={theme}
+        value={value}
+        height="100%"
+        onChange={onChange}
+        style={{
+          fontSize: 20,
+          height: "100%",
+        }}
+        extensions={[json(), indentationMarkers()]}
+      />
+    );
+  }
+);
+
+export default JsonEditor;
diff --git a/src/components/gui/providers/full-editor-provider.tsx b/src/components/gui/providers/full-editor-provider.tsx
new file mode 100644
index 00000000..e02c27df
--- /dev/null
+++ b/src/components/gui/providers/full-editor-provider.tsx
@@ -0,0 +1,138 @@
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { Sheet, SheetContent } from "@/components/ui/sheet";
+import { noop } from "@/lib/utils";
+import {
+  createContext,
+  Fragment,
+  PropsWithChildren,
+  useContext,
+  useMemo,
+  useState,
+} from "react";
+import JsonEditor from "../json-editor";
+
+interface FullEditorContextValue {
+  openEditor: (option: FullEditorOption) => void;
+  closeEditor: () => void;
+}
+
+interface FullEditorOption {
+  initialValue: string;
+  format: string;
+  readOnly?: boolean;
+  onSave: (value: string) => void;
+  onCancel: () => void;
+}
+
+const FullEditorContext = createContext<FullEditorContextValue>({
+  openEditor: noop,
+  closeEditor: noop,
+});
+
+function FullEditorSheet({ option }: { option: FullEditorOption }) {
+  const [value, setValue] = useState(() => {
+    if (option.format === "json") {
+      try {
+        return JSON.stringify(JSON.parse(option.initialValue), undefined, 2);
+      } catch {
+        return option.initialValue;
+      }
+    }
+
+    return option.initialValue;
+  });
+
+  return (
+    <Sheet open>
+      <SheetContent
+        hideCloseButton
+        className="border-none sm:max-w-[1000px] sm:w-[70vw] overflow-hidden flex p-0"
+      >
+        <div className="flex flex-col grow overflow-hidden">
+          <div className="p-4 flex gap-2">
+            <div className="grow" />
+            <Button onClick={option.onCancel} variant={"secondary"}>
+              Close
+            </Button>
+            <Button
+              onClick={() => {
+                if (option.format === "json") {
+                  try {
+                    option.onSave(JSON.stringify(JSON.parse(value)));
+                  } catch {
+                    option.onSave(value);
+                  }
+                } else {
+                  option.onSave(value);
+                }
+              }}
+            >
+              Save Change
+            </Button>
+          </div>
+          <Separator />
+
+          {option.format === "text" && (
+            <textarea
+              autoFocus
+              className="flex-grow p-4 w-full outline-none bg-inherit font-mono"
+              value={value}
+              onChange={(e) => setValue(e.currentTarget.value)}
+              readOnly={option.readOnly}
+            />
+          )}
+
+          {option.format === "json" && (
+            <div className="flex-grow overflow-hidden">
+              <JsonEditor
+                value={value}
+                onChange={setValue}
+                readOnly={option.readOnly}
+              />
+            </div>
+          )}
+        </div>
+      </SheetContent>
+    </Sheet>
+  );
+}
+
+export function useFullEditor() {
+  return useContext(FullEditorContext);
+}
+
+export function FullEditorProvider({ children }: PropsWithChildren) {
+  const [option, setOption] = useState<FullEditorOption | null>(null);
+
+  const props = useMemo(() => {
+    return {
+      openEditor: (opt: FullEditorOption) => {
+        console.log(opt);
+        setOption({
+          initialValue: opt.initialValue,
+          format: opt.format,
+          readOnly: opt.readOnly,
+          onCancel: () => {
+            if (opt.onCancel) opt.onCancel();
+            setOption(null);
+          },
+          onSave: (value: string) => {
+            if (opt.onSave) opt.onSave(value);
+            setOption(null);
+          },
+        });
+      },
+      closeEditor: () => {
+        setOption(null);
+      },
+    };
+  }, [setOption]);
+
+  return (
+    <FullEditorContext.Provider value={props}>
+      {option && <FullEditorSheet option={option} />}
+      <Fragment>{children}</Fragment>
+    </FullEditorContext.Provider>
+  );
+}
diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index df83f4c7..69f4d809 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -1,6 +1,6 @@
-import GenericCell from "@/components/gui/table-cell/GenericCell";
-import NumberCell from "@/components/gui/table-cell/NumberCell";
-import TextCell from "@/components/gui/table-cell/TextCell";
+import GenericCell from "@/components/gui/table-cell/generic-cell";
+import NumberCell from "@/components/gui/table-cell/number-cell";
+import TextCell from "@/components/gui/table-cell/text-cell";
 import OptimizeTable, {
   OptimizeTableCellRenderProps,
   OptimizeTableHeaderWithIndexProps,
@@ -37,9 +37,10 @@ import {
   DropdownMenuItem,
   DropdownMenuSeparator,
 } from "../ui/dropdown-menu";
-import BigNumberCell from "./table-cell/BigNumberCell";
+import BigNumberCell from "./table-cell/big-number-cell";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { useConfig } from "@/context/config-provider";
+import { useFullEditor } from "./providers/full-editor-provider";
 
 interface ResultTableProps {
   data: OptimizeTableState;
@@ -48,15 +49,27 @@ interface ResultTableProps {
   sortColumns?: ColumnSortOption[];
 }
 
-function isBlockNoteString(value: DatabaseValue<string>): boolean {
-  if (typeof value !== "string") return false;
-  if (!(value.startsWith("{") && value.endsWith("}"))) return false;
+function detectTextEditorType(
+  value: DatabaseValue<string>
+): "input" | "json" | "text" {
+  if (typeof value !== "string") return "input";
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const parsedJson = parseSafeJson<any>(value, null);
-  if (!parsedJson) return false;
+  // Check if it is JSON format
+  const trimmedText = value.trim();
+  if (
+    trimmedText.substring(0, 1) === "{" &&
+    trimmedText.substring(trimmedText.length - 1) === "}"
+  ) {
+    if (parseSafeJson(trimmedText, undefined) !== undefined) return "json";
+  }
 
-  return parsedJson?.format === "BLOCK_NOTE";
+  // Check if it is long string
+  if (value.length > 200) return "text";
+
+  // If it is multiple line
+  if (value.search(/[\n\r]/) >= 0) return "text";
+
+  return "input";
 }
 
 function Header({
@@ -96,6 +109,7 @@ export default function ResultTable({
   tableName,
   onSortColumnChange,
 }: ResultTableProps) {
+  const { openEditor } = useFullEditor();
   const [stickyHeaderIndex, setStickHeaderIndex] = useState<number>();
   const { databaseDriver } = useDatabaseDriver();
   const { extensions } = useConfig();
@@ -177,11 +191,7 @@ export default function ResultTable({
 
       if (header.dataType === TableColumnDataType.TEXT) {
         const value = state.getValue(y, x) as DatabaseValue<string>;
-        let editor: "input" | "blocknote" = "input"; // this is default editor
-
-        if (isBlockNoteString(value)) {
-          editor = "blocknote";
-        }
+        const editor = detectTextEditorType(value);
 
         return (
           <TextCell
@@ -342,6 +352,52 @@ export default function ResultTable({
             },
           ],
         },
+        {
+          title: "Open With",
+          sub: [
+            {
+              title: "Full Text Editor",
+              onClick: () => {
+                const focusValue = state.getFocusValue();
+                if (typeof focusValue === "string") {
+                  openEditor({
+                    initialValue: focusValue,
+                    format: "text",
+                    readOnly: state.getReadOnlyMode(),
+                    onCancel: () => {},
+                    onSave: (newValue) => {
+                      state.setFocusValue(newValue);
+                    },
+                  });
+                }
+              },
+            },
+            {
+              title: "JSON Editor",
+              onClick: () => {
+                const focusValue = state.getFocusValue();
+                if (typeof focusValue === "string") {
+                  openEditor({
+                    initialValue: focusValue,
+                    format: "json",
+                    readOnly: state.getReadOnlyMode(),
+                    onCancel: () => {},
+                    onSave: (newValue) => {
+                      state.setFocusValue(newValue);
+                    },
+                  });
+                }
+              },
+            },
+          ],
+        },
+        ...((extensionMenu ?? []).length > 0
+          ? [
+              {
+                separator: true,
+              },
+            ]
+          : []),
         ...extensionMenu,
         {
           separator: true,
@@ -415,7 +471,7 @@ export default function ResultTable({
         },
       ])(event);
     },
-    [data, tableName, copyCallback, pasteCallback, extensions]
+    [data, tableName, copyCallback, pasteCallback, extensions, openEditor]
   );
 
   const onKeyDown = useCallback(
diff --git a/src/components/gui/studio.tsx b/src/components/gui/studio.tsx
index ffc46236..80fe1c26 100644
--- a/src/components/gui/studio.tsx
+++ b/src/components/gui/studio.tsx
@@ -8,6 +8,7 @@ import OptimizeTableState from "@/components/gui/table-optimized/OptimizeTableSt
 import { StudioContextMenuItem } from "@/messages/open-context-menu";
 import { CollaborationBaseDriver } from "@/drivers/collaboration-driver-base";
 import { SavedDocDriver } from "@/drivers/saved-doc/saved-doc-driver";
+import { FullEditorProvider } from "./providers/full-editor-provider";
 
 export interface StudioExtension {
   contextMenu?: (state: OptimizeTableState) => StudioContextMenuItem[];
@@ -52,7 +53,9 @@ export function Studio({
         onBack={onBack}
         sideBarFooterComponent={sideBarFooterComponent}
       >
-        <MainScreen />
+        <FullEditorProvider>
+          <MainScreen />
+        </FullEditorProvider>
       </ConfigProvider>
     </DriverProvider>
   );
diff --git a/src/components/gui/table-cell/BigNumberCell.tsx b/src/components/gui/table-cell/big-number-cell.tsx
similarity index 88%
rename from src/components/gui/table-cell/BigNumberCell.tsx
rename to src/components/gui/table-cell/big-number-cell.tsx
index 8dc407d5..1acb2931 100644
--- a/src/components/gui/table-cell/BigNumberCell.tsx
+++ b/src/components/gui/table-cell/big-number-cell.tsx
@@ -1,4 +1,4 @@
-import createEditableCell from "./createEditableCell";
+import createEditableCell from "./create-editable-cell";
 
 const BigNumberCell = createEditableCell<bigint>({
   align: "right",
diff --git a/src/components/gui/table-cell/createEditableCell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
similarity index 84%
rename from src/components/gui/table-cell/createEditableCell.tsx
rename to src/components/gui/table-cell/create-editable-cell.tsx
index ec25918e..acd68841 100644
--- a/src/components/gui/table-cell/createEditableCell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -1,7 +1,8 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import GenericCell from "./GenericCell";
+import GenericCell from "./generic-cell";
 import { DatabaseValue } from "@/drivers/base-driver";
 import OptimizeTableState from "../table-optimized/OptimizeTableState";
+import { useFullEditor } from "../providers/full-editor-provider";
 
 export interface TableEditableCell<T = unknown> {
   value: DatabaseValue<T>;
@@ -10,7 +11,7 @@ export interface TableEditableCell<T = unknown> {
   editMode?: boolean;
   state: OptimizeTableState;
   onChange?: (newValue: DatabaseValue<T>) => void;
-  editor?: "input" | "blocknote";
+  editor?: "input" | "json" | "text";
 }
 
 interface TabeEditableCellProps<T = unknown> {
@@ -23,6 +24,7 @@ function InputCellEditor({
   value,
   align,
   discardChange,
+  readOnly,
   applyChange,
   onChange,
   state,
@@ -33,6 +35,7 @@ function InputCellEditor({
   value: DatabaseValue<string>;
   onChange: (v: string) => void;
   state: OptimizeTableState;
+  readOnly?: boolean;
 }>) {
   const inputRef = useRef<HTMLInputElement>(null);
   const shouldExit = useRef(true);
@@ -48,6 +51,7 @@ function InputCellEditor({
     <input
       ref={inputRef}
       autoFocus
+      readOnly={readOnly}
       onBlur={() => {
         applyChange(value, shouldExit.current);
       }}
@@ -102,11 +106,13 @@ export default function createEditableCell<T = unknown>({
     focus,
     onChange,
     state,
+    editor,
     editMode,
   }: TableEditableCell<T>) {
     const [editValue, setEditValue] = useState<DatabaseValue<string>>(
       toString(value)
     );
+    const { openEditor } = useFullEditor();
 
     useEffect(() => {
       setEditValue(toString(value));
@@ -135,11 +141,12 @@ export default function createEditableCell<T = unknown>({
       .filter(Boolean)
       .join(" ");
 
-    if (editMode) {
+    if (editMode && (editor === undefined || editor === "input")) {
       return (
         <div className={className}>
           <InputCellEditor
             state={state}
+            readOnly={state.getReadOnlyMode()}
             align={align}
             applyChange={applyChange}
             discardChange={discardChange}
@@ -157,6 +164,18 @@ export default function createEditableCell<T = unknown>({
         isChanged={isChanged}
         align={align}
         onDoubleClick={() => {
+          if (
+            typeof editValue === "string" &&
+            (editor === "json" || editor === "text")
+          ) {
+            openEditor({
+              format: editor,
+              initialValue: editValue,
+              readOnly: state.getReadOnlyMode(),
+              onCancel: () => state.exitEditMode(),
+              onSave: applyChange,
+            });
+          }
           state.enterEditMode();
         }}
       />
diff --git a/src/components/gui/table-cell/GenericCell.tsx b/src/components/gui/table-cell/generic-cell.tsx
similarity index 100%
rename from src/components/gui/table-cell/GenericCell.tsx
rename to src/components/gui/table-cell/generic-cell.tsx
diff --git a/src/components/gui/table-cell/NumberCell.tsx b/src/components/gui/table-cell/number-cell.tsx
similarity index 89%
rename from src/components/gui/table-cell/NumberCell.tsx
rename to src/components/gui/table-cell/number-cell.tsx
index 2c35a9e3..c5c86a31 100644
--- a/src/components/gui/table-cell/NumberCell.tsx
+++ b/src/components/gui/table-cell/number-cell.tsx
@@ -1,4 +1,4 @@
-import createEditableCell from "./createEditableCell";
+import createEditableCell from "./create-editable-cell";
 
 const NumberCell = createEditableCell<number>({
   align: "right",
diff --git a/src/components/gui/table-cell/TextCell.tsx b/src/components/gui/table-cell/text-cell.tsx
similarity index 67%
rename from src/components/gui/table-cell/TextCell.tsx
rename to src/components/gui/table-cell/text-cell.tsx
index 22ce3313..d51bca3c 100644
--- a/src/components/gui/table-cell/TextCell.tsx
+++ b/src/components/gui/table-cell/text-cell.tsx
@@ -1,4 +1,4 @@
-import createEditableCell from "./createEditableCell";
+import createEditableCell from "./create-editable-cell";
 
 const TextCell = createEditableCell<string>({
   toString: (v) => v,
diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index 68b609fe..c66e6046 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -123,6 +123,10 @@ export default class OptimizeTableState {
     this.readOnlyMode = readOnly;
   }
 
+  getReadOnlyMode() {
+    return this.readOnlyMode;
+  }
+
   setContainer(div: HTMLDivElement | null) {
     this.container = div;
   }
@@ -187,6 +191,8 @@ export default class OptimizeTableState {
   }
 
   changeValue(y: number, x: number, newValue: unknown) {
+    if (this.readOnlyMode) return;
+
     const oldValue = this.getOriginalValue(y, x);
 
     const row = this.data[y];
@@ -382,7 +388,6 @@ export default class OptimizeTableState {
   }
 
   enterEditMode() {
-    if (this.readOnlyMode) return;
     this.editMode = true;
     this.broadcastChange();
   }

From 9c141f639738ed180ab84de77899f9600708dfac Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 00:00:37 +0900
Subject: [PATCH 028/124] use mono font for table result

---
 src/components/gui/query-result-table.tsx              | 4 +++-
 src/components/gui/table-cell/create-editable-cell.tsx | 4 ++--
 src/components/gui/table-cell/generic-cell.tsx         | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 69f4d809..be013858 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -88,7 +88,9 @@ function Header({
           }}
         >
           {header.icon ? <div className="mr-2">{header.icon}</div> : null}
-          <div className="grow line-clamp-1">{header.displayName}</div>
+          <div className="grow line-clamp-1 font-mono">
+            {header.displayName}
+          </div>
           <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
         </div>
       </DropdownMenuTrigger>
diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index acd68841..1b15148d 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -87,8 +87,8 @@ function InputCellEditor({
       type="text"
       className={
         align === "right"
-          ? "bg-background w-full h-full outline-none pl-2 pr-2 border-0 text-right"
-          : "bg-background w-full h-full outline-none pl-2 pr-2 border-0"
+          ? "font-mono bg-background w-full h-full outline-none pl-2 pr-2 border-0 text-right"
+          : "font-mono bg-background w-full h-full outline-none pl-2 pr-2 border-0"
       }
       value={value ?? ""}
     />
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 4a542a58..4bc70fdd 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -21,7 +21,7 @@ export default function GenericCell({
   onDoubleClick,
 }: TableCellProps) {
   const className = [
-    "libsql-cell",
+    "libsql-cell font-mono",
     focus ? "libsql-focus" : null,
     "pl-2 pr-2",
     isChanged ? "libsql-change" : null,

From 6e4300091b2126c5b9eed2a334fed032741646cb Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 00:11:44 +0900
Subject: [PATCH 029/124] feat: add create script

---
 src/components/gui/schema-editor/index.tsx | 37 +++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/components/gui/schema-editor/index.tsx b/src/components/gui/schema-editor/index.tsx
index e03814d7..ad1248a1 100644
--- a/src/components/gui/schema-editor/index.tsx
+++ b/src/components/gui/schema-editor/index.tsx
@@ -1,4 +1,4 @@
-import { LucideCode, LucidePlus } from "lucide-react";
+import { LucideCode, LucideCopy, LucidePlus } from "lucide-react";
 import { Separator } from "../../ui/separator";
 import { Dispatch, SetStateAction, useCallback, useMemo } from "react";
 import { Button, buttonVariants } from "../../ui/button";
@@ -15,6 +15,7 @@ import SchemaEditorConstraintList from "./schema-editor-constraint-list";
 import { ColumnsProvider } from "./column-provider";
 import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
 import CodePreview from "../code-preview";
+import { toast } from "sonner";
 
 export interface DatabaseTableColumnChange {
   old: DatabaseTableColumn | null;
@@ -135,6 +136,40 @@ export default function SchemaEditor({
               </div>
             </PopoverContent>
           </Popover>
+
+          {value.createScript && (
+            <Popover>
+              <PopoverTrigger>
+                <div
+                  className={buttonVariants({ size: "sm", variant: "ghost" })}
+                >
+                  <LucideCode className="w-4 h-4 mr-1" />
+                  Create Script
+                </div>
+              </PopoverTrigger>
+              <PopoverContent style={{ width: 500 }}>
+                <Button
+                  variant={"outline"}
+                  size="sm"
+                  onClick={() => {
+                    toast.success("Copied create script successfully");
+                    window.navigator.clipboard.writeText(
+                      value.createScript ?? ""
+                    );
+                  }}
+                >
+                  <LucideCopy className="w-4 h-4 mr-2" />
+                  Copy
+                </Button>
+                <div
+                  style={{ maxHeight: 400 }}
+                  className="overflow-y-auto mt-2"
+                >
+                  <CodePreview code={value.createScript} />
+                </div>
+              </PopoverContent>
+            </Popover>
+          )}
         </div>
 
         <div className="flex items-center mx-3 mt-1 mb-2 ml-5 gap-2">

From db0525eb45e9fbc3b997ab64b6f367b0c2fec77b Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 00:23:03 +0900
Subject: [PATCH 030/124] feat: support open sqlite from url

---
 src/app/playground/client/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/playground/client/page.tsx b/src/app/playground/client/page.tsx
index 4f10b6b8..d595fef0 100644
--- a/src/app/playground/client/page.tsx
+++ b/src/app/playground/client/page.tsx
@@ -29,7 +29,7 @@ export const metadata: Metadata = {
 export default async function PlaygroundEditor({
   searchParams,
 }: {
-  searchParams: { template: string };
+  searchParams: { template?: string; url?: string };
 }) {
   const templateName = searchParams.template;
   let templateFile: string | null = null;
@@ -51,6 +51,8 @@ export default async function PlaygroundEditor({
         })
         .where(eq(dbDataset.id, templateName));
     }
+  } else if (searchParams.url) {
+    templateFile = searchParams.url;
   }
 
   return <PlaygroundEditorBody preloadDatabase={templateFile} />;

From 19d1d1af618dd5dde0ea3a40d7671bbb86ee7a2b Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 15:16:01 +0900
Subject: [PATCH 031/124] feat: improve table editor to provide better error
 and prevent empty table name

---
 src/components/gui/schema-editor/index.tsx    | 11 ++-
 .../schema-editor-column-list.tsx             | 12 +++
 .../gui/schema-editor/schema-save-dialog.tsx  | 97 +++++++++++++++++++
 src/components/gui/tabs/schema-editor-tab.tsx | 74 ++------------
 4 files changed, 126 insertions(+), 68 deletions(-)
 create mode 100644 src/components/gui/schema-editor/schema-save-dialog.tsx

diff --git a/src/components/gui/schema-editor/index.tsx b/src/components/gui/schema-editor/index.tsx
index ad1248a1..dc5a3d1c 100644
--- a/src/components/gui/schema-editor/index.tsx
+++ b/src/components/gui/schema-editor/index.tsx
@@ -1,4 +1,4 @@
-import { LucideCode, LucideCopy, LucidePlus } from "lucide-react";
+import { LucideCode, LucideCopy, LucidePlus, LucideSave } from "lucide-react";
 import { Separator } from "../../ui/separator";
 import { Dispatch, SetStateAction, useCallback, useMemo } from "react";
 import { Button, buttonVariants } from "../../ui/button";
@@ -94,9 +94,10 @@ export default function SchemaEditor({
           <Button
             variant="ghost"
             onClick={onSave}
-            disabled={!hasChange}
+            disabled={!hasChange || !value.name?.new}
             size={"sm"}
           >
+            <LucideSave className="w-4 h-4 mr-2" />
             Save
           </Button>
           <Button
@@ -192,7 +193,11 @@ export default function SchemaEditor({
         <Separator />
       </div>
       <div className="grow overflow-y-auto">
-        <SchemaEditorColumnList columns={value.columns} onChange={onChange} />
+        <SchemaEditorColumnList
+          columns={value.columns}
+          onChange={onChange}
+          onAddColumn={onAddColumn}
+        />
         <ColumnsProvider value={value.columns}>
           <SchemaEditorConstraintList
             constraints={value.constraints}
diff --git a/src/components/gui/schema-editor/schema-editor-column-list.tsx b/src/components/gui/schema-editor/schema-editor-column-list.tsx
index 9d9d2cc6..3d4f222a 100644
--- a/src/components/gui/schema-editor/schema-editor-column-list.tsx
+++ b/src/components/gui/schema-editor/schema-editor-column-list.tsx
@@ -31,6 +31,7 @@ import ColumnUniquePopup from "./column-unique-popup";
 import ColumnForeignKeyPopup from "./column-fk-popup";
 import ColumnGeneratingPopup from "./column-generate-popup";
 import ColumnCheckPopup from "./column-check-popup";
+import { Button } from "@/components/ui/button";
 
 export type ColumnChangeEvent = (
   newValue: Partial<DatabaseTableColumn> | null
@@ -292,9 +293,11 @@ function ColumnItem({
 export default function SchemaEditorColumnList({
   columns,
   onChange,
+  onAddColumn,
 }: Readonly<{
   columns: DatabaseTableColumnChange[];
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
+  onAddColumn: () => void;
 }>) {
   const headerStyle = "text-xs p-2 text-left bg-secondary border";
 
@@ -317,6 +320,15 @@ export default function SchemaEditorColumnList({
             <ColumnItem idx={idx} value={col} key={idx} onChange={onChange} />
           ))}
         </tbody>
+        <tfoot>
+          <tr>
+            <td colSpan={7} className="px-4 py-2 border">
+              <Button size="sm" onClick={onAddColumn}>
+                <LucidePlus className="w-4 h-4 mr-1" /> Add Column
+              </Button>
+            </td>
+          </tr>
+        </tfoot>
       </table>
     </div>
   );
diff --git a/src/components/gui/schema-editor/schema-save-dialog.tsx b/src/components/gui/schema-editor/schema-save-dialog.tsx
new file mode 100644
index 00000000..7d31192a
--- /dev/null
+++ b/src/components/gui/schema-editor/schema-save-dialog.tsx
@@ -0,0 +1,97 @@
+import {
+  AlertDialog,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogFooter,
+} from "@/components/ui/alert-dialog";
+import CodePreview from "../code-preview";
+import { Button } from "@/components/ui/button";
+import {
+  LucideAlertCircle,
+  LucideLoader,
+  LucideSave,
+  LucideTableProperties,
+} from "lucide-react";
+import { DatabaseTableSchemaChange } from ".";
+import { useTabsContext } from "../windows-tab";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { useSchema } from "@/context/schema-provider";
+import { useCallback, useState } from "react";
+import SchemaEditorTab from "../tabs/schema-editor-tab";
+
+export default function SchemaSaveDialog({
+  schema,
+  previewScript,
+  onClose,
+  fetchTable,
+}: {
+  schema: DatabaseTableSchemaChange;
+  previewScript: string[];
+  onClose: () => void;
+  fetchTable: (tableName: string) => Promise<void>;
+}) {
+  const { databaseDriver } = useDatabaseDriver();
+  const { refresh: refreshSchema } = useSchema();
+  const [isExecuting, setIsExecuting] = useState(false);
+  const [errorMessage, setErrorMessage] = useState("");
+  const { replaceCurrentTab } = useTabsContext();
+
+  const onSave = useCallback(() => {
+    setIsExecuting(true);
+    databaseDriver
+      .transaction(previewScript)
+      .then(() => {
+        if (schema.name.new !== schema.name.old) {
+          refreshSchema();
+          replaceCurrentTab({
+            component: <SchemaEditorTab tableName={schema.name.new} />,
+            key: "_schema_" + schema.name.new,
+            identifier: "_schema_" + schema.name.new,
+            title: "Edit " + schema.name.new,
+            icon: LucideTableProperties,
+          });
+        } else if (schema.name.old) {
+          fetchTable(schema.name?.new || schema.name?.old || "").then(onClose);
+        }
+      })
+      .catch((err) => setErrorMessage((err as Error).message))
+      .finally(() => {
+        setIsExecuting(false);
+      });
+  }, [
+    onClose,
+    databaseDriver,
+    schema,
+    fetchTable,
+    previewScript,
+    replaceCurrentTab,
+    refreshSchema,
+  ]);
+
+  return (
+    <AlertDialog open onOpenChange={onClose}>
+      <AlertDialogContent>
+        {errorMessage && (
+          <div className="text-sm text-red-500 font-mono flex gap-4 justify-end items-end">
+            <LucideAlertCircle className="w-12 h-12" />
+            <p>{errorMessage}</p>
+          </div>
+        )}
+
+        <p>Are you sure you want to run this change?</p>
+        <CodePreview code={previewScript.join(";\n")} />
+        <AlertDialogFooter>
+          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <Button onClick={onSave}>
+            {isExecuting ? (
+              <LucideLoader className="w-4 h-4 mr-2 animate-spin" />
+            ) : (
+              <LucideSave className="w-4 h-4 mr-2" />
+            )}
+            Continue
+          </Button>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}
diff --git a/src/components/gui/tabs/schema-editor-tab.tsx b/src/components/gui/tabs/schema-editor-tab.tsx
index e6d12ab2..1d2506ab 100644
--- a/src/components/gui/tabs/schema-editor-tab.tsx
+++ b/src/components/gui/tabs/schema-editor-tab.tsx
@@ -1,21 +1,11 @@
 import OpacityLoading from "@/components/gui/loading-opacity";
-import { useTabsContext } from "@/components/gui/windows-tab";
 import SchemaEditor, {
   DatabaseTableSchemaChange,
 } from "@/components/gui/schema-editor";
-import {
-  AlertDialog,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogFooter,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
 import generateSqlSchemaChange from "@/components/lib/sql-generate.schema";
-import { LucideLoader, LucideSave, LucideTableProperties } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useDatabaseDriver } from "@/context/driver-provider";
-import CodePreview from "../code-preview";
-import { useSchema } from "@/context/schema-provider";
+import SchemaSaveDialog from "../schema-editor/schema-save-dialog";
 
 interface SchemaEditorTabProps {
   tableName?: string;
@@ -35,12 +25,9 @@ export default function SchemaEditorTab({
   tableName,
 }: Readonly<SchemaEditorTabProps>) {
   const { databaseDriver } = useDatabaseDriver();
-  const { refresh: refreshSchema } = useSchema();
   const [schema, setSchema] = useState<DatabaseTableSchemaChange>(EMPTY_SCHEMA);
   const [loading, setLoading] = useState(!!tableName);
   const [isSaving, setIsSaving] = useState(false);
-  const [isExecuting, setIsExecuting] = useState(false);
-  const { replaceCurrentTab } = useTabsContext();
 
   const fetchTable = useCallback(
     async (name: string) => {
@@ -85,39 +72,6 @@ export default function SchemaEditorTab({
     [setIsSaving]
   );
 
-  const onSave = useCallback(() => {
-    setIsExecuting(true);
-    databaseDriver
-      .transaction(previewScript)
-      .then(() => {
-        if (schema.name.new !== schema.name.old) {
-          refreshSchema();
-          replaceCurrentTab({
-            component: <SchemaEditorTab tableName={schema.name.new} />,
-            key: "_schema_" + schema.name.new,
-            identifier: "_schema_" + schema.name.new,
-            title: "Edit " + schema.name.new,
-            icon: LucideTableProperties,
-          });
-        } else if (schema.name.old) {
-          fetchTable(schema.name?.new || schema.name?.old || "").then(() =>
-            setIsSaving(false)
-          );
-        }
-      })
-      .catch((err) => alert((err as Error).message))
-      .finally(() => {
-        setIsExecuting(false);
-      });
-  }, [
-    databaseDriver,
-    schema,
-    fetchTable,
-    previewScript,
-    replaceCurrentTab,
-    refreshSchema,
-  ]);
-
   const onDiscard = useCallback(() => {
     setSchema((prev) => {
       return {
@@ -144,26 +98,16 @@ export default function SchemaEditorTab({
       </div>
     );
   }
-
   return (
     <>
-      <AlertDialog open={isSaving} onOpenChange={onSaveToggle}>
-        <AlertDialogContent>
-          Are you sure you want to run this change?
-          <CodePreview code={previewScript.join(";\n")} />
-          <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
-            <Button onClick={onSave}>
-              {isExecuting ? (
-                <LucideLoader className="w-4 h-4 mr-2 animate-spin" />
-              ) : (
-                <LucideSave className="w-4 h-4 mr-2" />
-              )}
-              Continue
-            </Button>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
+      {isSaving && (
+        <SchemaSaveDialog
+          fetchTable={fetchTable}
+          onClose={onSaveToggle}
+          schema={schema}
+          previewScript={previewScript}
+        />
+      )}
 
       <SchemaEditor
         value={schema}

From 2e1fd810fe6ea0ca5ed1cc758ee7d7b51c4f50ce Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 15:24:06 +0900
Subject: [PATCH 032/124] fix: provide a good cell size based on row content

---
 src/components/gui/table-optimized/OptimizeTableState.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index c66e6046..2f98c6fe 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -56,7 +56,8 @@ export default class OptimizeTableState {
             const currentCell = dataResult.rows[i];
             if (currentCell) {
               maxSize = Math.max(
-                (currentCell[headerName ?? ""]?.toString() ?? "").length
+                (currentCell[headerName ?? ""]?.toString() ?? "").length,
+                maxSize
               );
             }
           }

From c1ccd0f215f04f3a1f7ee5f3cdb63a7c1769e76a Mon Sep 17 00:00:00 2001
From: RinYato <chearithorn@gmail.com>
Date: Thu, 25 Jul 2024 20:37:17 +0700
Subject: [PATCH 033/124] feat: add export rows as json (#122)

---
 src/components/gui/query-result-table.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index be013858..19e9c7ba 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -9,6 +9,7 @@ import OptimizeTableState from "@/components/gui/table-optimized/OptimizeTableSt
 import {
   exportRowsToExcel,
   exportRowsToSqlInsert,
+  exportRowsToJson,
 } from "@/components/lib/export-helper";
 import { KEY_BINDING } from "@/lib/key-matcher";
 import {
@@ -434,6 +435,20 @@ export default function ResultTable({
                 }
               },
             },
+            {
+              title: "Copy as Json",
+              onClick: () => {
+                const headers = state
+                  .getHeaders()
+                  .map((column) => column?.name ?? "");
+
+                if (state.getSelectedRowCount() > 0) {
+                  window.navigator.clipboard.writeText(
+                    exportRowsToJson(headers, state.getSelectedRowsArray())
+                  );
+                }
+              },
+            },
             {
               title: "Copy as INSERT SQL",
               onClick: () => {

From f3a60ee3bbc7ebe6357291c4efca06290f4173f4 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 23:26:25 +0900
Subject: [PATCH 034/124] feat: add support download sqlite with basic auth

---
 src/app/playground/client/page-client.tsx |  4 +--
 src/lib/download-file.ts                  | 31 +++++++++++++++++++++++
 2 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/download-file.ts

diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index 9bb280f3..372f12c6 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -9,6 +9,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { Database, SqlJsStatic } from "sql.js";
 import ScreenDropZone from "@/components/screen-dropzone";
 import { toast } from "sonner";
+import downloadFileFromUrl from "@/lib/download-file";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -33,8 +34,7 @@ export default function PlaygroundEditorBody({
   useEffect(() => {
     if (sqlInit) {
       if (preloadDatabase) {
-        fetch(preloadDatabase)
-          .then((r) => r.arrayBuffer())
+        downloadFileFromUrl(preloadDatabase)
           .then((r) => {
             const sqljsDatabase = new sqlInit.Database(new Uint8Array(r));
             setRawDb(sqljsDatabase);
diff --git a/src/lib/download-file.ts b/src/lib/download-file.ts
new file mode 100644
index 00000000..4d31c6ae
--- /dev/null
+++ b/src/lib/download-file.ts
@@ -0,0 +1,31 @@
+function extractCredentialsAndPrepareHeaders(url: string) {
+  const parsedUrl = new URL(url);
+
+  // Extract credentials from the URL
+  const { username, password } = parsedUrl;
+
+  // Remove username and password from the URL to clean it
+  parsedUrl.username = "";
+  parsedUrl.password = "";
+
+  // Prepare the Authorization header
+  let options = {};
+
+  if (username || password) {
+    const base64Credentials = btoa(`${username}:${password}`);
+    options = {
+      headers: { Authorization: `Basic ${base64Credentials}` },
+    };
+  }
+  // Return the cleaned URL and the headers
+  return {
+    cleanedUrl: parsedUrl.href,
+    options,
+  };
+}
+
+export default function downloadFileFromUrl(url: string) {
+  const { cleanedUrl, options } = extractCredentialsAndPrepareHeaders(url);
+  console.log(cleanedUrl, options);
+  return fetch(cleanedUrl, options).then((r) => r.arrayBuffer());
+}

From 367b0a6c65368aa7d2cea625c0303799579101b6 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Thu, 25 Jul 2024 23:28:53 +0900
Subject: [PATCH 035/124] remove console.log

---
 src/components/gui/providers/full-editor-provider.tsx | 1 -
 src/lib/download-file.ts                              | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/components/gui/providers/full-editor-provider.tsx b/src/components/gui/providers/full-editor-provider.tsx
index e02c27df..ee672675 100644
--- a/src/components/gui/providers/full-editor-provider.tsx
+++ b/src/components/gui/providers/full-editor-provider.tsx
@@ -108,7 +108,6 @@ export function FullEditorProvider({ children }: PropsWithChildren) {
   const props = useMemo(() => {
     return {
       openEditor: (opt: FullEditorOption) => {
-        console.log(opt);
         setOption({
           initialValue: opt.initialValue,
           format: opt.format,
diff --git a/src/lib/download-file.ts b/src/lib/download-file.ts
index 4d31c6ae..5a4f12f7 100644
--- a/src/lib/download-file.ts
+++ b/src/lib/download-file.ts
@@ -26,6 +26,5 @@ function extractCredentialsAndPrepareHeaders(url: string) {
 
 export default function downloadFileFromUrl(url: string) {
   const { cleanedUrl, options } = extractCredentialsAndPrepareHeaders(url);
-  console.log(cleanedUrl, options);
   return fetch(cleanedUrl, options).then((r) => r.arrayBuffer());
 }

From 9427076a9f3b5f63ac76fd85bed46139e379832f Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Fri, 26 Jul 2024 15:53:55 +0900
Subject: [PATCH 036/124] feat: add foreign key snippet

---
 src/app/globals.css                           |   2 +-
 src/components/gui/query-result-table.tsx     |   8 +-
 .../schema-editor-constraint-list.tsx         |   2 -
 .../gui/table-cell/create-editable-cell.tsx   |   4 +
 .../gui/table-cell/generic-cell.tsx           | 139 ++++++++++++++++--
 .../table-optimized/OptimizeTableState.tsx    |   4 +-
 src/drivers/base-driver.ts                    |   5 +
 src/drivers/sqlite-base-driver.ts             |  15 ++
 src/drivers/sqlite/sql-helper.ts              |  23 ++-
 9 files changed, 183 insertions(+), 19 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 9c49b491..6aa23adb 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -65,7 +65,7 @@
     --card: 222.2 84% 4.9%;
     --card-foreground: 210 40% 98%;
 
-    --popover: 222.2 84% 4.9%;
+    --popover: 200 84% 4.9%;
     --popover-foreground: 210 40% 98%;
 
     --primary: 210 40% 98%;
diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 19e9c7ba..6ea1b5e2 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -198,6 +198,7 @@ export default function ResultTable({
 
         return (
           <TextCell
+            header={header}
             state={state}
             editor={editor}
             editMode={editMode}
@@ -212,6 +213,7 @@ export default function ResultTable({
       } else if (header.dataType === TableColumnDataType.REAL) {
         return (
           <NumberCell
+            header={header}
             state={state}
             editMode={editMode}
             value={state.getValue(y, x) as DatabaseValue<number>}
@@ -226,6 +228,7 @@ export default function ResultTable({
         if (databaseDriver.supportBigInt()) {
           return (
             <BigNumberCell
+              header={header}
               state={state}
               editMode={editMode}
               value={state.getValue(y, x) as DatabaseValue<bigint>}
@@ -239,6 +242,7 @@ export default function ResultTable({
         } else {
           return (
             <NumberCell
+              header={header}
               state={state}
               editMode={editMode}
               value={state.getValue(y, x) as DatabaseValue<number>}
@@ -252,7 +256,9 @@ export default function ResultTable({
         }
       }
 
-      return <GenericCell value={state.getValue(y, x) as string} />;
+      return (
+        <GenericCell value={state.getValue(y, x) as string} header={header} />
+      );
     },
     [databaseDriver]
   );
diff --git a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
index c5c50c9d..03f620c8 100644
--- a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
+++ b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
@@ -87,8 +87,6 @@ function ColumnForeignKey({
         (s) => s.type === "table" && s.name === fkTableName
       );
 
-      console.log(fkTableSchema, "table schema");
-
       if (fkTableSchema) {
         return (fkTableSchema.tableSchema?.columns ?? []).map((c) => c.name);
       }
diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index 1b15148d..46056ed6 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -3,6 +3,7 @@ import GenericCell from "./generic-cell";
 import { DatabaseValue } from "@/drivers/base-driver";
 import OptimizeTableState from "../table-optimized/OptimizeTableState";
 import { useFullEditor } from "../providers/full-editor-provider";
+import { OptimizeTableHeaderWithIndexProps } from "../table-optimized";
 
 export interface TableEditableCell<T = unknown> {
   value: DatabaseValue<T>;
@@ -12,6 +13,7 @@ export interface TableEditableCell<T = unknown> {
   state: OptimizeTableState;
   onChange?: (newValue: DatabaseValue<T>) => void;
   editor?: "input" | "json" | "text";
+  header: OptimizeTableHeaderWithIndexProps;
 }
 
 interface TabeEditableCellProps<T = unknown> {
@@ -108,6 +110,7 @@ export default function createEditableCell<T = unknown>({
     state,
     editor,
     editMode,
+    header,
   }: TableEditableCell<T>) {
     const [editValue, setEditValue] = useState<DatabaseValue<string>>(
       toString(value)
@@ -159,6 +162,7 @@ export default function createEditableCell<T = unknown>({
 
     return (
       <GenericCell
+        header={header}
         value={toValue(editValue)}
         focus={focus}
         isChanged={isChanged}
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 4bc70fdd..bf2673e8 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -1,7 +1,17 @@
-import { useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { isLinkString } from "@/lib/validation";
 import DisplayLinkCell from "./display-link-cell";
 import { cn } from "@/lib/utils";
+import { OptimizeTableHeaderWithIndexProps } from "../table-optimized";
+import { LucideArrowUpRight, LucideLoader } from "lucide-react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { DatabaseResultSet, DatabaseValue } from "@/drivers/base-driver";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import { convertDatabaseValueToString } from "@/drivers/sqlite/sql-helper";
 
 interface TableCellProps<T = unknown> {
   align?: "left" | "right";
@@ -10,6 +20,94 @@ interface TableCellProps<T = unknown> {
   isChanged?: boolean;
   onFocus?: () => void;
   onDoubleClick?: () => void;
+  header: OptimizeTableHeaderWithIndexProps;
+}
+
+interface SneakpeakProps {
+  fkTableName: string;
+  fkColumnName: string;
+  value: DatabaseValue;
+}
+
+function SnippetRow({ fkTableName, fkColumnName, value }: SneakpeakProps) {
+  const { databaseDriver } = useDatabaseDriver();
+  const [data, setData] = useState<DatabaseResultSet>();
+
+  useEffect(() => {
+    databaseDriver
+      .findFirst(fkTableName, { [fkColumnName]: value })
+      .then(setData)
+      .catch(console.error);
+  }, [databaseDriver, fkTableName, fkColumnName]);
+
+  if (!data) {
+    return (
+      <div className="p-4 text-sm">
+        <LucideLoader className="animate-spin" />
+        <p>Loading...</p>
+      </div>
+    );
+  }
+
+  if (data.rows.length === 0) {
+    return <div>Data not found</div>;
+  }
+
+  return (
+    <div className="flex flex-grow flex-col gap-3 p-4">
+      {data.headers.map((header) => {
+        const value = data.rows[0][header.name];
+        let colorClassName = "";
+
+        if (value === "" || value === null)
+          colorClassName = "text-gray-400 dark:text-gray-600";
+        if (typeof value === "string") colorClassName = "text-orange-500";
+        if (typeof value === "bigint" || typeof value === "number")
+          colorClassName = "text-blue-600 dark:text-blue-300";
+
+        return (
+          <div>
+            <div className="font-mono text-xs text-gray-400 mb-1">
+              {header.displayName}
+            </div>
+            <div
+              className={cn(
+                "font-mono text-sm overflow-hidden line-clamp-1 text-ellipsis w-[350px] whitespace-nowrap block",
+                colorClassName
+              )}
+            >
+              {convertDatabaseValueToString(value) || "EMPTY"}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+function ForeignKeyColumnSnippet(props: SneakpeakProps) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover onOpenChange={setOpen}>
+      <PopoverTrigger>
+        <LucideArrowUpRight className="w-4 h-4 text-gray-400 hover:text-blue-600" />
+      </PopoverTrigger>
+      <PopoverContent
+        side="right"
+        className="overflow-hidden p-0 m-0 w-[400px]"
+      >
+        <div className="flex w-full h-full flex-col overflow-hidden">
+          <div className="px-4 py-2 border-b">
+            <strong>{props.fkTableName}</strong>
+          </div>
+          <div className="grow max-h-[300px] overflow-y-auto overflow-x-hidden">
+            {open && <SnippetRow {...props} />}
+          </div>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
 }
 
 export default function GenericCell({
@@ -19,20 +117,36 @@ export default function GenericCell({
   focus,
   align,
   onDoubleClick,
+  header,
 }: TableCellProps) {
-  const className = [
-    "libsql-cell font-mono",
-    focus ? "libsql-focus" : null,
+  const className = cn(
+    "libsql-cell font-mono flex",
+    focus ? "libsql-focus" : "",
     "pl-2 pr-2",
-    isChanged ? "libsql-change" : null,
-  ]
-    .filter(Boolean)
-    .join(" ");
-
+    isChanged ? "libsql-change" : ""
+  );
   const isAlignRight = align === "right";
 
   const textBaseStyle = cn("text-gray-500", isAlignRight ? "float-right" : "");
 
+  const fkContent = useMemo(() => {
+    if (
+      header.foreignKey?.foreignTableName &&
+      header.foreignKey.foreignColumns
+    ) {
+      return (
+        <div className="flex items-center shrink-0 cursor-pointer ml-2">
+          <ForeignKeyColumnSnippet
+            fkColumnName={header.foreignKey.foreignColumns[0] as string}
+            fkTableName={header.foreignKey.foreignTableName}
+            value={value}
+          />
+        </div>
+      );
+    }
+    return null;
+  }, []);
+
   const content = useMemo(() => {
     if (value === null) {
       return <span className={textBaseStyle}>NULL</span>;
@@ -63,8 +177,8 @@ export default function GenericCell({
         <span
           className={
             isChanged
-              ? "text-black block text-right"
-              : "text-blue-700 dark:text-blue-300 block text-right"
+              ? "text-black block text-right flex-grow"
+              : "text-blue-700 dark:text-blue-300 block text-right flex-grow"
           }
         >
           {value.toString()}
@@ -102,7 +216,8 @@ export default function GenericCell({
       onMouseDown={onFocus}
       onDoubleClick={onDoubleClick}
     >
-      {content}
+      <div className="flex flex-grow overflow-hidden">{content}</div>
+      {fkContent}
     </div>
   );
 }
diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index 2f98c6fe..c99624ff 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -77,8 +77,8 @@ export default class OptimizeTableState {
           for (const c of schemaResult.constraints) {
             if (
               c.foreignKey &&
-              c.foreignKey.foreignColumns?.length === 1 &&
-              c.foreignKey.foreignColumns[0] === header.name
+              c.foreignKey.columns?.length === 1 &&
+              c.foreignKey.columns[0] === header.name
             ) {
               foreignKey = c.foreignKey;
             }
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index fc3965d4..819887a4 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -189,6 +189,11 @@ export abstract class BaseDriver {
   abstract tableSchema(tableName: string): Promise<DatabaseTableSchema>;
   abstract trigger(name: string): Promise<DatabaseTriggerSchema>;
 
+  abstract findFirst(
+    tableName: string,
+    key: Record<string, DatabaseValue>
+  ): Promise<DatabaseResultSet>;
+
   abstract selectTable(
     tableName: string,
     options: SelectFromTableOptions
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index 6a24923d..9a25d0d5 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -7,6 +7,7 @@ import type {
   DatabaseTableOperationReslt,
   DatabaseTableSchema,
   DatabaseTriggerSchema,
+  DatabaseValue,
   SelectFromTableOptions,
 } from "./base-driver";
 import { BaseDriver } from "./base-driver";
@@ -142,6 +143,20 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
     return await this.legacyTableSchema(tableName);
   }
 
+  async findFirst(
+    tableName: string,
+    key: Record<string, DatabaseValue>
+  ): Promise<DatabaseResultSet> {
+    const wherePart = Object.entries(key)
+      .map(([colName, colValue]) => {
+        return `${this.escapeId(colName)} = ${escapeSqlValue(colValue)}`;
+      })
+      .join(", ");
+
+    const sql = `SELECT * FROM ${this.escapeId(tableName)} ${wherePart ? "WHERE " + wherePart : ""} LIMIT 1 OFFSET 0`;
+    return this.query(sql);
+  }
+
   async selectTable(
     tableName: string,
     options: SelectFromTableOptions
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index f72564a2..ee022f4d 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -1,4 +1,4 @@
-import { TableColumnDataType } from "@/drivers/base-driver";
+import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import { hex } from "@/lib/bit-operation";
 import type { IdentifyResult } from "sql-query-identifier/lib/defines";
 
@@ -155,3 +155,24 @@ export function escapeCsvValue(value: unknown): string {
 
   return stringValue;
 }
+
+export function convertDatabaseValueToString(value: DatabaseValue) {
+  if (value === null) return "NULL";
+
+  if (typeof value === "string") return value;
+
+  if (typeof value === "bigint" || typeof value === "number") {
+    return value.toString();
+  }
+
+  if (value instanceof ArrayBuffer || value instanceof Uint8Array) {
+    return btoa(
+      new Uint8Array(value).reduce(
+        (data, byte) => data + String.fromCharCode(byte),
+        ""
+      )
+    );
+  }
+
+  return "";
+}

From 7372558322398dce375b1b67f6b39e4cbfe0ee4f Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Fri, 26 Jul 2024 16:22:35 +0900
Subject: [PATCH 037/124] fix: implement find first for remote connection

---
 .../ops/[database_id]/handle-find-first.ts    | 20 +++++++++++++++++++
 src/app/api/ops/[database_id]/handler.ts      |  3 +++
 .../gui/table-cell/generic-cell.tsx           | 11 ++++++----
 src/drivers/remote-driver.ts                  | 11 ++++++++++
 src/lib/api/api-request-types.ts              |  9 ++++++++-
 5 files changed, 49 insertions(+), 5 deletions(-)
 create mode 100644 src/app/api/ops/[database_id]/handle-find-first.ts

diff --git a/src/app/api/ops/[database_id]/handle-find-first.ts b/src/app/api/ops/[database_id]/handle-find-first.ts
new file mode 100644
index 00000000..ac9f4440
--- /dev/null
+++ b/src/app/api/ops/[database_id]/handle-find-first.ts
@@ -0,0 +1,20 @@
+import { DatabaseOperationHandler } from "@/lib/with-database-ops";
+import { NextResponse } from "next/server";
+import { createTursoEdgeDriver } from "./turso-edge-client";
+import { RequestOperationFindFirst } from "@/lib/api/api-request-types";
+
+const handleFindFirst: DatabaseOperationHandler<
+  RequestOperationFindFirst
+> = async ({ database, body }) => {
+  const client = await createTursoEdgeDriver(database);
+
+  try {
+    return NextResponse.json({
+      data: await client.findFirst(body.tableName, body.options),
+    });
+  } catch (e) {
+    return NextResponse.json({ error: (e as Error).message });
+  }
+};
+
+export default handleFindFirst;
diff --git a/src/app/api/ops/[database_id]/handler.ts b/src/app/api/ops/[database_id]/handler.ts
index db5b77ea..40ee3042 100644
--- a/src/app/api/ops/[database_id]/handler.ts
+++ b/src/app/api/ops/[database_id]/handler.ts
@@ -8,6 +8,7 @@ import handleUpdateTableDataRequest from "./handle-update-table-data";
 import handleSchemaRequest from "./handle-schema";
 import handleTriggerRequest from "./handle-trigger";
 import { NextResponse } from "next/server";
+import handleFindFirst from "./handle-find-first";
 
 export const databaseOperationHandler: DatabaseOperationHandler<
   RequestOperationBody
@@ -22,6 +23,8 @@ export const databaseOperationHandler: DatabaseOperationHandler<
     return await handleSchemasRequest(props);
   } else if (body.type === "select-table") {
     return await handleSelectTableRequest({ ...props, body });
+  } else if (body.type === "find-first") {
+    return await handleFindFirst({ ...props, body });
   } else if (body.type === "update-table-data") {
     return await handleUpdateTableDataRequest({ ...props, body });
   } else if (body.type === "schema") {
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index bf2673e8..68ff3ad3 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -38,7 +38,7 @@ function SnippetRow({ fkTableName, fkColumnName, value }: SneakpeakProps) {
       .findFirst(fkTableName, { [fkColumnName]: value })
       .then(setData)
       .catch(console.error);
-  }, [databaseDriver, fkTableName, fkColumnName]);
+  }, [databaseDriver, fkTableName, fkColumnName, value]);
 
   if (!data) {
     return (
@@ -66,7 +66,7 @@ function SnippetRow({ fkTableName, fkColumnName, value }: SneakpeakProps) {
           colorClassName = "text-blue-600 dark:text-blue-300";
 
         return (
-          <div>
+          <div key={header.name}>
             <div className="font-mono text-xs text-gray-400 mb-1">
               {header.displayName}
             </div>
@@ -127,7 +127,10 @@ export default function GenericCell({
   );
   const isAlignRight = align === "right";
 
-  const textBaseStyle = cn("text-gray-500", isAlignRight ? "float-right" : "");
+  const textBaseStyle = cn(
+    "flex flex-grow text-gray-500",
+    isAlignRight ? "justify-end" : ""
+  );
 
   const fkContent = useMemo(() => {
     if (
@@ -145,7 +148,7 @@ export default function GenericCell({
       );
     }
     return null;
-  }, []);
+  }, [header]);
 
   const content = useMemo(() => {
     if (value === null) {
diff --git a/src/drivers/remote-driver.ts b/src/drivers/remote-driver.ts
index 7eb3a55c..9abebd82 100644
--- a/src/drivers/remote-driver.ts
+++ b/src/drivers/remote-driver.ts
@@ -6,6 +6,7 @@ import {
   DatabaseTableOperationReslt,
   DatabaseTableSchema,
   DatabaseTriggerSchema,
+  DatabaseValue,
   SelectFromTableOptions,
 } from "@/drivers/base-driver";
 import {
@@ -62,6 +63,16 @@ export default class RemoteDriver implements BaseDriver {
     return r.data;
   }
 
+  async findFirst(tableName: string, options: Record<string, DatabaseValue>) {
+    const r = await this.request<ApiOpsQueryResponse>({
+      type: "find-first",
+      options,
+      tableName,
+    });
+
+    return r.data;
+  }
+
   async transaction(stmt: string[]) {
     const r = await this.request<ApiOpsBatchResponse>({
       type: "batch",
diff --git a/src/lib/api/api-request-types.ts b/src/lib/api/api-request-types.ts
index 662b0537..5de706a5 100644
--- a/src/lib/api/api-request-types.ts
+++ b/src/lib/api/api-request-types.ts
@@ -38,6 +38,12 @@ export interface RequestOperationSelectTable {
   options: SelectFromTableOptions;
 }
 
+export interface RequestOperationFindFirst {
+  type: "find-first";
+  tableName: string;
+  options: Record<string, unknown>;
+}
+
 export interface RequestOperationUpdateTableData {
   type: "update-table-data";
   tableName: string;
@@ -52,4 +58,5 @@ export type RequestOperationBody =
   | RequestOperationUpdateTableData
   | RequestOperationSchema
   | RequestOperationTrigger
-  | RequestTriggerSchema;
+  | RequestTriggerSchema
+  | RequestOperationFindFirst;

From b80c749922ac7e1442ed27fdebe6d9b0ed2d8876 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Fri, 26 Jul 2024 22:06:48 +0900
Subject: [PATCH 038/124] redesign the login page and front page

---
 public/google.png      | Bin 0 -> 16590 bytes
 src/app/globals.css    |  22 ------------
 src/app/login/page.tsx |  79 +++++++++++++++++++++++++++++++++++++++--
 src/app/page.tsx       |   6 ++--
 4 files changed, 79 insertions(+), 28 deletions(-)
 create mode 100644 public/google.png

diff --git a/public/google.png b/public/google.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4a9918dad10832bc8aaa5574d71fe15f089c8cb
GIT binary patch
literal 16590
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

literal 0
HcmV?d00001

diff --git a/src/app/globals.css b/src/app/globals.css
index 6aa23adb..7498972c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -279,25 +279,3 @@ For Markdown Side
     opacity: 0;
   }
 }
-
-@supports (animation-timeline: view()) {
-  .fade-view {
-    animation:
-      fadeIn ease-in-out both,
-      fadeOut ease-in forwards;
-    animation-range:
-      cover 30% contain 50%,
-      contain 90% cover 100%;
-    animation-timeline: view();
-  }
-
-  .fade-sticky {
-    position: sticky;
-    bottom: 0;
-    background-image: linear-gradient(
-      to top,
-      var(--background) 40%,
-      transparent
-    );
-  }
-}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 8380d390..492d385d 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,4 +1,5 @@
 "use server";
+import LogoLoading from "@/components/gui/logo-loading";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { env } from "@/env";
@@ -9,8 +10,80 @@ export default async function LoginPage() {
   const GITHUB_LOGIN_SUPPORT = env.GITHUB_CLIENT_ID && env.GITHUB_CLIENT_SECRET;
 
   return (
-    <div className="flex h-screen w-screen justify-center items-center">
-      <div className="w-[300px]">
+    <div className="flex h-screen w-screen dark flex-col lg:flex-row">
+      <div className="lg:w-1/2 h-full bg-black flex justify-center items-center order-2">
+        <div className="text-white max-w-[500px] flex flex-col gap-4 text-lg">
+          <LogoLoading />
+
+          <p className="text-xl italic text-yellow-500 font-semibold">
+            Unlock the full potential
+          </p>
+
+          <p>
+            LibSQL Studio is free and doesn't require login. However, logged-in
+            users get extra features:
+          </p>
+
+          <ul className="list-disc ml-8 leading-8">
+            <li>
+              Remote storage and{" "}
+              <span className="border-b-2 border-yellow-500">
+                syncing of connections
+              </span>{" "}
+              and saved queries across devices
+            </li>
+            <li>
+              Database connection{" "}
+              <span className="border-b-2 border-yellow-500">
+                sharing and collaboration
+              </span>
+            </li>
+            <li>Attachment uploads</li>
+            <li>More features coming soon</li>
+          </ul>
+        </div>
+      </div>
+      <div className="lg:w-1/2 h-full flex justify-center items-center bg-white order-1">
+        <div className="w-[300px] flex flex-col gap-4 text-lg">
+          <p className="font-mono">Login to your account</p>
+
+          {GITHUB_LOGIN_SUPPORT && (
+            <Link
+              prefetch={false}
+              href="/login/github"
+              className="border-2 border-black rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-200 text-black"
+            >
+              <svg
+                width="98"
+                height="96"
+                viewBox="0 0 98 96"
+                xmlns="http://www.w3.org/2000/svg"
+                className="w-6 h-6"
+              >
+                <path
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                  d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+                  fill="currentColor"
+                />
+              </svg>
+              Continue with Github
+            </Link>
+          )}
+
+          {GOOGLE_LOGIN_SUPPORT && (
+            <Link
+              prefetch={false}
+              href="/login/google"
+              className="border-2 border-black rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-200 text-black"
+            >
+              <img src="/google.png" className="w-6 h-6" />
+              Continue with Google
+            </Link>
+          )}
+        </div>
+      </div>
+      {/* <div className="w-[300px]">
         <Card>
           <CardHeader>
             <h2 className="text-xl font-bold">Sign In</h2>
@@ -33,7 +106,7 @@ export default async function LoginPage() {
             )}
           </CardContent>
         </Card>
-      </div>
+      </div> */}
     </div>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a89d2da..3f176aa8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -177,7 +177,7 @@ function FeatureList() {
       </div>
 
       <div>
-        <div className="fade-view">
+        <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-table-editor.mp4"
@@ -197,7 +197,7 @@ function FeatureList() {
       </div>
 
       <div>
-        <div className="fade-view">
+        <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-schema-editor.mp4"
@@ -220,7 +220,7 @@ function FeatureList() {
       </div>
 
       <div>
-        <div className="fade-view">
+        <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
               src="https://r2.invisal.com/libsqlstudio-sql-query.mp4"

From ae53824215933049eb02adf12e11716eb25e2517 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Fri, 26 Jul 2024 22:10:24 +0900
Subject: [PATCH 039/124] fixing type error

---
 src/app/login/page.tsx                         | 8 +++-----
 src/components/gui/table-cell/generic-cell.tsx | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 492d385d..10623fbf 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,7 +1,5 @@
 "use server";
 import LogoLoading from "@/components/gui/logo-loading";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { env } from "@/env";
 import Link from "next/link";
 
@@ -20,8 +18,8 @@ export default async function LoginPage() {
           </p>
 
           <p>
-            LibSQL Studio is free and doesn't require login. However, logged-in
-            users get extra features:
+            LibSQL Studio is free and doesn&apos;t require login. However,
+            logged-in users get extra features:
           </p>
 
           <ul className="list-disc ml-8 leading-8">
@@ -77,7 +75,7 @@ export default async function LoginPage() {
               href="/login/google"
               className="border-2 border-black rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-200 text-black"
             >
-              <img src="/google.png" className="w-6 h-6" />
+              <img src="/google.png" className="w-6 h-6" alt="Google" />
               Continue with Google
             </Link>
           )}
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 68ff3ad3..c43e9dd7 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -148,7 +148,7 @@ export default function GenericCell({
       );
     }
     return null;
-  }, [header]);
+  }, [header, value]);
 
   const content = useMemo(() => {
     if (value === null) {

From 1ba1e5d81317ec9bd4c83ac24f0077cbb87e3f4a Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 27 Jul 2024 13:36:39 +0900
Subject: [PATCH 040/124] fix: prevent slide left to go back

---
 src/app/globals.css                       |  5 +++++
 src/app/login/page.tsx                    | 24 -----------------------
 src/components/gui/query-progress-log.tsx |  4 ++--
 3 files changed, 7 insertions(+), 26 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7498972c..bd61e3f9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2,6 +2,11 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body {
+  overscroll-behavior-x: none;
+}
+
 :root {
   --color-table-grid: #eee;
   --color-table-change: #f6e58d;
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 10623fbf..f7f88cf0 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -81,30 +81,6 @@ export default async function LoginPage() {
           )}
         </div>
       </div>
-      {/* <div className="w-[300px]">
-        <Card>
-          <CardHeader>
-            <h2 className="text-xl font-bold">Sign In</h2>
-          </CardHeader>
-          <CardContent className="grid gap-4">
-            {GITHUB_LOGIN_SUPPORT && (
-              <Button asChild>
-                <Link prefetch={false} href="/login/github">
-                  Continue with Github
-                </Link>
-              </Button>
-            )}
-
-            {GOOGLE_LOGIN_SUPPORT && (
-              <Button asChild>
-                <Link prefetch={false} href="/login/google">
-                  Continue with Google
-                </Link>
-              </Button>
-            )}
-          </CardContent>
-        </Card>
-      </div> */}
     </div>
   );
 }
diff --git a/src/components/gui/query-progress-log.tsx b/src/components/gui/query-progress-log.tsx
index fba988d0..508d1690 100644
--- a/src/components/gui/query-progress-log.tsx
+++ b/src/components/gui/query-progress-log.tsx
@@ -53,8 +53,8 @@ export default function QueryProgressLog({
           return (
             <div key={detail.order}>
               {!!detail.error && (
-                <div className="mt-2 mb-2 text-red-500">
-                  <pre>{detail.error}</pre>
+                <div className="mt-2 mb-2 text-red-500 font-mono">
+                  {detail.error}
                 </div>
               )}
 

From f838eaa78061522773c13f47fa3768f22ffbe386 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 27 Jul 2024 13:48:31 +0900
Subject: [PATCH 041/124] fix: add go back button

---
 src/components/gui/sidebar-tab.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index cf68d32e..f4d00289 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -1,7 +1,12 @@
 import { useConfig } from "@/context/config-provider";
 import { useTheme } from "@/context/theme-provider";
 import { cn } from "@/lib/utils";
-import { LucideIcon, LucideMoon, LucideSun } from "lucide-react";
+import {
+  LucideChevronLeft,
+  LucideIcon,
+  LucideMoon,
+  LucideSun,
+} from "lucide-react";
 import { ReactElement, useState } from "react";
 
 export interface SidebarTabItem {
@@ -43,6 +48,15 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
     <div className={cn("flex flex-col h-full border-l-8", bgPrimary)}>
       <div className={cn("shrink-0 bg-secondary")}>
         <div className="text-sm my-2 px-3 font-semibold flex">
+          {config.onBack && (
+            <div
+              className="flex items-center -ml-2 mr-2 cursor-pointer hover:text-blue-500"
+              onClick={config.onBack}
+            >
+              <LucideChevronLeft />
+            </div>
+          )}
+
           <div className="flex-grow flex items-center">
             <div className="line-clamp-1 text-ellipsis">{config.name}</div>
           </div>

From 37599c290353b7a0bd590400c8943e95bce6e8fd Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 27 Jul 2024 14:08:11 +0900
Subject: [PATCH 042/124] fix: show database id and account id for cloudflare
 edit connection

---
 src/app/api/database/[database_id]/route.ts  | 2 +-
 src/app/connect/saved-connection-content.tsx | 5 ++---
 src/app/connect/saved-edit-connection.tsx    | 7 +++++++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/api/database/[database_id]/route.ts b/src/app/api/database/[database_id]/route.ts
index 7f243a50..2aac0701 100644
--- a/src/app/api/database/[database_id]/route.ts
+++ b/src/app/api/database/[database_id]/route.ts
@@ -15,7 +15,7 @@ const databaseSchema = zod.object({
   description: zod.string(),
   label: zod.enum(["gray", "red", "yellow", "green", "blue"]),
   config: zod.object({
-    url: zod.string().min(5),
+    url: zod.string().optional(),
     token: zod.string().optional(),
     username: zod.string().optional(),
     password: zod.string().optional(),
diff --git a/src/app/connect/saved-connection-content.tsx b/src/app/connect/saved-connection-content.tsx
index c861615d..75c732d1 100644
--- a/src/app/connect/saved-connection-content.tsx
+++ b/src/app/connect/saved-connection-content.tsx
@@ -37,9 +37,8 @@ export default function ConnectionDialogContent({
             <span>{title}</span>
           </div>
         </DialogTitle>
-        <DialogDescription>
-          <div className="flex flex-col gap-4 text-foreground">{children}</div>
-        </DialogDescription>
+        <DialogDescription />
+        <div className="flex flex-col gap-4 text-foreground">{children}</div>
       </DialogContent>
     </Dialog>
   );
diff --git a/src/app/connect/saved-edit-connection.tsx b/src/app/connect/saved-edit-connection.tsx
index e25442e9..e410f89a 100644
--- a/src/app/connect/saved-edit-connection.tsx
+++ b/src/app/connect/saved-edit-connection.tsx
@@ -43,6 +43,8 @@ function EditRemote({
           config: {
             url: r.config.url,
             token: r.config.token,
+            username: r.config.username,
+            database: r.config.database,
           },
         });
       })
@@ -62,6 +64,8 @@ function EditRemote({
     return <div>Something wrong.</div>;
   }
 
+  console.log("sss", initialData);
+
   return (
     <SavedConnectionConfig
       driver={initialData.driver ?? "turso"}
@@ -79,6 +83,9 @@ function EditRemote({
           config: {
             token: conn.config.token,
             url: conn.config.url,
+            password: conn.config.password,
+            username: conn.config.username,
+            database: conn.config.database,
           },
         })
           .then(() => {

From 6c57a57c4b3b0232941c5bdf8efa26baf8377345 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 27 Jul 2024 17:02:59 +0900
Subject: [PATCH 043/124] feat: fixing and allow re-arrange header for optimize
 table

---
 src/app/client/[[...driver]]/page-client.tsx  |  2 +-
 src/app/connect/saved-edit-connection.tsx     |  2 -
 src/app/globals.css                           |  4 ++
 src/components/gui/query-result-table.tsx     | 12 +++-
 .../gui/table-optimized/TableHeader.tsx       |  2 +-
 src/components/gui/table-optimized/index.tsx  | 72 ++++++++-----------
 src/components/lib/sql-execute-helper.ts      |  2 +
 src/drivers/sqlite-base-driver.ts             |  5 +-
 8 files changed, 50 insertions(+), 51 deletions(-)

diff --git a/src/app/client/[[...driver]]/page-client.tsx b/src/app/client/[[...driver]]/page-client.tsx
index 60f8e4bb..0017a1a2 100644
--- a/src/app/client/[[...driver]]/page-client.tsx
+++ b/src/app/client/[[...driver]]/page-client.tsx
@@ -23,7 +23,7 @@ export default function ClientPageBody() {
       return new ValtownDriver(config.token);
     } else if (config.driver === "cloudflare-d1") {
       return new CloudflareD1Driver("/proxy/d1", {
-        Authorization: "Bearer " + config.token ?? "",
+        Authorization: "Bearer " + (config.token ?? ""),
         "x-account-id": config.username ?? "",
         "x-database-id": config.database ?? "",
       });
diff --git a/src/app/connect/saved-edit-connection.tsx b/src/app/connect/saved-edit-connection.tsx
index e410f89a..95517c8b 100644
--- a/src/app/connect/saved-edit-connection.tsx
+++ b/src/app/connect/saved-edit-connection.tsx
@@ -64,8 +64,6 @@ function EditRemote({
     return <div>Something wrong.</div>;
   }
 
-  console.log("sss", initialData);
-
   return (
     <SavedConnectionConfig
       driver={initialData.driver ?? "turso"}
diff --git a/src/app/globals.css b/src/app/globals.css
index bd61e3f9..09d24e8c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -189,6 +189,10 @@ body {
   z-index: 10;
 }
 
+.libsql-table th.sticky {
+  z-index: 20;
+}
+
 .libsql-resizer {
   position: absolute;
   right: 0;
diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 6ea1b5e2..314ee5d2 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -24,7 +24,12 @@ import {
   LucideSortDesc,
   LucideTrash2,
 } from "lucide-react";
-import React, { PropsWithChildren, useCallback, useState } from "react";
+import React, {
+  PropsWithChildren,
+  useCallback,
+  useMemo,
+  useState,
+} from "react";
 import {
   ColumnSortOption,
   DatabaseValue,
@@ -117,6 +122,10 @@ export default function ResultTable({
   const { databaseDriver } = useDatabaseDriver();
   const { extensions } = useConfig();
 
+  const headerIndex = useMemo(() => {
+    return data.getHeaders().map((_, idx) => idx);
+  }, [data]);
+
   const renderHeader = useCallback(
     (header: OptimizeTableHeaderWithIndexProps) => {
       const foreignKeyInfo = header.foreignKey ? (
@@ -557,6 +566,7 @@ export default function ResultTable({
       onContextMenu={onCellContextMenu}
       onHeaderContextMenu={onHeaderContextMenu}
       stickyHeaderIndex={stickyHeaderIndex}
+      arrangeHeaderIndex={headerIndex}
       renderAhead={20}
       renderHeader={renderHeader}
       renderCell={renderCell}
diff --git a/src/components/gui/table-optimized/TableHeader.tsx b/src/components/gui/table-optimized/TableHeader.tsx
index 71558dac..193051de 100644
--- a/src/components/gui/table-optimized/TableHeader.tsx
+++ b/src/components/gui/table-optimized/TableHeader.tsx
@@ -22,7 +22,7 @@ export default function TableHeader({
   ) => ReactElement;
 }) {
   const className = cn(
-    sticky ? "sticky left-0 z-20" : undefined,
+    sticky ? "sticky left-0 z-30" : undefined,
     "dark:bg-gray-900 bg-gray-100"
   );
 
diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index 5bce6f77..04afbc6c 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -67,6 +67,7 @@ interface TableCellListCommonProps {
 }
 
 export interface OptimizeTableProps extends TableCellListCommonProps {
+  arrangeHeaderIndex: number[];
   stickyHeaderIndex?: number;
   renderAhead: number;
 }
@@ -74,7 +75,6 @@ export interface OptimizeTableProps extends TableCellListCommonProps {
 interface RenderCellListProps extends TableCellListCommonProps {
   hasSticky: boolean;
   onHeaderResize: (idx: number, newWidth: number) => void;
-  headerIndex: number[];
   customStyles?: React.CSSProperties;
   headers: OptimizeTableHeaderWithIndexProps[];
   rowEnd: number;
@@ -120,7 +120,6 @@ function handleTableCellMouseDown({
 
 function renderCellList({
   hasSticky,
-  headerIndex,
   customStyles,
   headers,
   renderCell,
@@ -135,19 +134,13 @@ function renderCellList({
   onHeaderContextMenu,
 }: RenderCellListProps) {
   const headerSizes = internalState.getHeaderWidth();
-  const headersWithIndex = headerIndex.map(
-    (idx) => headers[idx]
-  ) as OptimizeTableHeaderWithIndexProps[];
 
-  const templateSizes = headersWithIndex
+  const templateSizes = headers
     .map((header) => headerSizes[header.index] + "px")
     .join(" ");
 
   const onHeaderSizeWithRemap = (idx: number, newWidth: number) => {
-    onHeaderResize(
-      headerSizes[headersWithIndex[idx]?.index ?? 0] ?? 150,
-      newWidth
-    );
+    onHeaderResize(headerSizes[headers[idx]?.index ?? 0] ?? 150, newWidth);
   };
 
   const handleCellClicked = (y: number, x: number) => {
@@ -192,18 +185,16 @@ function renderCellList({
             className={cn("sticky left-0 z-1", "bg-background")}
             onMouseDown={handleCellClicked(
               absoluteRowIndex,
-              headersWithIndex[0]?.index ?? -1
+              headers[0]?.index ?? -1
             )}
           >
             <div className={"libsql-table-cell"}>
-              {headersWithIndex[0] &&
+              {headers[0] &&
                 renderCell({
                   y: absoluteRowIndex,
-                  x: headersWithIndex[0].index,
+                  x: headers[0].index,
                   state: internalState,
-                  header: headers[
-                    headersWithIndex[0].index
-                  ] as OptimizeTableHeaderWithIndexProps,
+                  header: headers[0],
                 })}
             </div>
           </td>
@@ -216,7 +207,7 @@ function renderCellList({
 
         {row.slice(colStart, colEnd + 1).map((_, cellIndex) => {
           const actualIndex = cellIndex + colStart;
-          const header = headersWithIndex[actualIndex];
+          const header = headers[actualIndex];
 
           if (!header) return null;
           if (header.sticky) return null;
@@ -231,18 +222,13 @@ function renderCellList({
                   y: absoluteRowIndex,
                   x: header.index,
                   state: internalState,
-                  header: headers[
-                    header.index
-                  ] as OptimizeTableHeaderWithIndexProps,
+                  header,
                 })}
               </div>
             </td>
           );
         })}
-        <TableFakeRowPadding
-          colStart={colEnd}
-          colEnd={headersWithIndex.length - 1}
-        />
+        <TableFakeRowPadding colStart={colEnd} colEnd={headers.length - 1} />
       </tr>
     );
   });
@@ -252,13 +238,13 @@ function renderCellList({
       <TableHeaderList
         renderHeader={renderHeader}
         sticky={hasSticky}
-        headers={headersWithIndex}
+        headers={headers}
         onHeaderResize={onHeaderSizeWithRemap}
         onHeaderContextMenu={onHeaderContextMenu}
       />
 
       <TableFakeBodyPadding
-        colCount={headerIndex.length}
+        colCount={headers.length}
         rowCount={internalState.getRowsCount()}
         rowEnd={rowEnd}
         rowStart={rowStart}
@@ -280,6 +266,7 @@ export default function OptimizeTable({
   onContextMenu,
   onHeaderContextMenu,
   onKeyDown,
+  arrangeHeaderIndex,
 }: OptimizeTableProps) {
   const containerRef = useRef<HTMLDivElement>(null);
 
@@ -303,17 +290,25 @@ export default function OptimizeTable({
     return () => internalState.removeChangeListener(changeCallback);
   }, [internalState, rerender]);
 
-  const headers = useMemo(() => {
-    return internalState.getHeaders();
-  }, [internalState]);
-
   const headerWithIndex = useMemo(() => {
-    return headers.map((header, idx) => ({
+    // Attach the actual index
+    const headers = internalState.getHeaders().map((header, idx) => ({
       ...header,
       index: idx,
       sticky: idx === stickyHeaderIndex,
     }));
-  }, [headers, stickyHeaderIndex]);
+
+    // We will rearrange the index based on specified index
+    const headerAfterArranged = arrangeHeaderIndex.map((arrangedIndex) => {
+      return headers[arrangedIndex];
+    });
+
+    // Sticky will also alter the specified index
+    return [
+      ...(stickyHeaderIndex !== undefined ? [headers[stickyHeaderIndex]] : []),
+      ...headerAfterArranged.filter((x) => x.index !== stickyHeaderIndex),
+    ];
+  }, [internalState, arrangeHeaderIndex, stickyHeaderIndex]);
 
   const { visibileRange, onHeaderResize } = useTableVisibilityRecalculation({
     containerRef,
@@ -326,16 +321,6 @@ export default function OptimizeTable({
 
   const { rowStart, rowEnd, colEnd, colStart } = visibileRange;
 
-  const allHeaderIndex = useMemo(() => {
-    return [
-      ...(stickyHeaderIndex !== undefined ? [stickyHeaderIndex] : []),
-      ...new Array(headers.length)
-        .fill(false)
-        .map((_, idx) => idx)
-        .filter((idx) => idx !== stickyHeaderIndex),
-    ];
-  }, [headers.length, stickyHeaderIndex]);
-
   return useMemo(() => {
     const common = {
       headers: headerWithIndex,
@@ -375,7 +360,7 @@ export default function OptimizeTable({
             height: (internalState.getRowsCount() + 1) * rowHeight + 10,
           }}
         >
-          {renderCellList({ headerIndex: allHeaderIndex, ...common })}
+          {renderCellList(common)}
         </div>
       </div>
     );
@@ -389,7 +374,6 @@ export default function OptimizeTable({
     headerWithIndex,
     onHeaderResize,
     stickyHeaderIndex,
-    allHeaderIndex,
     internalState,
     onContextMenu,
     onHeaderContextMenu,
diff --git a/src/components/lib/sql-execute-helper.ts b/src/components/lib/sql-execute-helper.ts
index 822228fc..2d0c2382 100644
--- a/src/components/lib/sql-execute-helper.ts
+++ b/src/components/lib/sql-execute-helper.ts
@@ -91,6 +91,8 @@ export async function commitChange({
       tableSchema
     );
 
+    console.log(result, plans);
+
     data.applyChanges(
       plans.map((p, idx) => {
         return {
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index 9a25d0d5..de5b1ee0 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -211,6 +211,7 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
     });
 
     const result = await this.transaction(sqls);
+    console.log("result", result);
 
     const tmp: DatabaseTableOperationReslt[] = [];
 
@@ -269,9 +270,9 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
         } else {
           tmp.push({});
         }
+      } else {
+        tmp.push({});
       }
-
-      tmp.push({});
     }
 
     return tmp;

From 025e2459073c9104ebefbac0f4b1f42e25bdfe73 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 08:59:28 +0900
Subject: [PATCH 044/124] feat: add column filter selection

---
 src/components/gui/query-result-table.tsx     | 352 +-----------------
 .../gui/table-result/context-menu.tsx         | 239 ++++++++++++
 .../gui/table-result/filter-column.tsx        | 104 ++++++
 .../gui/table-result/render-cell.tsx          | 112 ++++++
 src/components/gui/tabs/table-data-tab.tsx    |  14 +-
 5 files changed, 483 insertions(+), 338 deletions(-)
 create mode 100644 src/components/gui/table-result/context-menu.tsx
 create mode 100644 src/components/gui/table-result/filter-column.tsx
 create mode 100644 src/components/gui/table-result/render-cell.tsx

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 314ee5d2..617f7c5d 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -1,28 +1,13 @@
-import GenericCell from "@/components/gui/table-cell/generic-cell";
-import NumberCell from "@/components/gui/table-cell/number-cell";
-import TextCell from "@/components/gui/table-cell/text-cell";
 import OptimizeTable, {
-  OptimizeTableCellRenderProps,
   OptimizeTableHeaderWithIndexProps,
 } from "@/components/gui/table-optimized";
 import OptimizeTableState from "@/components/gui/table-optimized/OptimizeTableState";
-import {
-  exportRowsToExcel,
-  exportRowsToSqlInsert,
-  exportRowsToJson,
-} from "@/components/lib/export-helper";
 import { KEY_BINDING } from "@/lib/key-matcher";
-import {
-  StudioContextMenuItem,
-  openContextMenuFromEvent,
-} from "@/messages/open-context-menu";
 import {
   LucideChevronDown,
   LucidePin,
-  LucidePlus,
   LucideSortAsc,
   LucideSortDesc,
-  LucideTrash2,
 } from "lucide-react";
 import React, {
   PropsWithChildren,
@@ -30,12 +15,7 @@ import React, {
   useMemo,
   useState,
 } from "react";
-import {
-  ColumnSortOption,
-  DatabaseValue,
-  TableColumnDataType,
-} from "@/drivers/base-driver";
-import parseSafeJson from "@/lib/json-safe";
+import { ColumnSortOption } from "@/drivers/base-driver";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -43,39 +23,15 @@ import {
   DropdownMenuItem,
   DropdownMenuSeparator,
 } from "../ui/dropdown-menu";
-import BigNumberCell from "./table-cell/big-number-cell";
-import { useDatabaseDriver } from "@/context/driver-provider";
-import { useConfig } from "@/context/config-provider";
-import { useFullEditor } from "./providers/full-editor-provider";
+import useTableResultContextMenu from "./table-result/context-menu";
+import useTableResultCellRenderer from "./table-result/render-cell";
 
 interface ResultTableProps {
   data: OptimizeTableState;
   tableName?: string;
   onSortColumnChange?: (columns: ColumnSortOption[]) => void;
   sortColumns?: ColumnSortOption[];
-}
-
-function detectTextEditorType(
-  value: DatabaseValue<string>
-): "input" | "json" | "text" {
-  if (typeof value !== "string") return "input";
-
-  // Check if it is JSON format
-  const trimmedText = value.trim();
-  if (
-    trimmedText.substring(0, 1) === "{" &&
-    trimmedText.substring(trimmedText.length - 1) === "}"
-  ) {
-    if (parseSafeJson(trimmedText, undefined) !== undefined) return "json";
-  }
-
-  // Check if it is long string
-  if (value.length > 200) return "text";
-
-  // If it is multiple line
-  if (value.search(/[\n\r]/) >= 0) return "text";
-
-  return "input";
+  visibleColumnIndexList?: number[];
 }
 
 function Header({
@@ -116,15 +72,14 @@ export default function ResultTable({
   data,
   tableName,
   onSortColumnChange,
+  visibleColumnIndexList,
 }: ResultTableProps) {
-  const { openEditor } = useFullEditor();
   const [stickyHeaderIndex, setStickHeaderIndex] = useState<number>();
-  const { databaseDriver } = useDatabaseDriver();
-  const { extensions } = useConfig();
 
   const headerIndex = useMemo(() => {
+    if (visibleColumnIndexList) return visibleColumnIndexList;
     return data.getHeaders().map((_, idx) => idx);
-  }, [data]);
+  }, [data, visibleColumnIndexList]);
 
   const renderHeader = useCallback(
     (header: OptimizeTableHeaderWithIndexProps) => {
@@ -196,82 +151,6 @@ export default function ResultTable({
     [stickyHeaderIndex, tableName, onSortColumnChange]
   );
 
-  const renderCell = useCallback(
-    ({ y, x, state, header }: OptimizeTableCellRenderProps) => {
-      const isFocus = state.hasFocus(y, x);
-      const editMode = isFocus && state.isInEditMode();
-
-      if (header.dataType === TableColumnDataType.TEXT) {
-        const value = state.getValue(y, x) as DatabaseValue<string>;
-        const editor = detectTextEditorType(value);
-
-        return (
-          <TextCell
-            header={header}
-            state={state}
-            editor={editor}
-            editMode={editMode}
-            value={state.getValue(y, x) as DatabaseValue<string>}
-            focus={isFocus}
-            isChanged={state.hasCellChange(y, x)}
-            onChange={(newValue) => {
-              state.changeValue(y, x, newValue);
-            }}
-          />
-        );
-      } else if (header.dataType === TableColumnDataType.REAL) {
-        return (
-          <NumberCell
-            header={header}
-            state={state}
-            editMode={editMode}
-            value={state.getValue(y, x) as DatabaseValue<number>}
-            focus={isFocus}
-            isChanged={state.hasCellChange(y, x)}
-            onChange={(newValue) => {
-              state.changeValue(y, x, newValue);
-            }}
-          />
-        );
-      } else if (header.dataType === TableColumnDataType.INTEGER) {
-        if (databaseDriver.supportBigInt()) {
-          return (
-            <BigNumberCell
-              header={header}
-              state={state}
-              editMode={editMode}
-              value={state.getValue(y, x) as DatabaseValue<bigint>}
-              focus={isFocus}
-              isChanged={state.hasCellChange(y, x)}
-              onChange={(newValue) => {
-                state.changeValue(y, x, newValue);
-              }}
-            />
-          );
-        } else {
-          return (
-            <NumberCell
-              header={header}
-              state={state}
-              editMode={editMode}
-              value={state.getValue(y, x) as DatabaseValue<number>}
-              focus={isFocus}
-              isChanged={state.hasCellChange(y, x)}
-              onChange={(newValue) => {
-                state.changeValue(y, x, newValue);
-              }}
-            />
-          );
-        }
-      }
-
-      return (
-        <GenericCell value={state.getValue(y, x) as string} header={header} />
-      );
-    },
-    [databaseDriver]
-  );
-
   const onHeaderContextMenu = useCallback((e: React.MouseEvent) => {
     e.preventDefault();
     e.stopPropagation();
@@ -297,214 +176,13 @@ export default function ResultTable({
     }
   }, []);
 
-  const onCellContextMenu = useCallback(
-    ({
-      state,
-      event,
-    }: {
-      state: OptimizeTableState;
-      event: React.MouseEvent;
-    }) => {
-      const randomUUID = crypto.randomUUID();
-      const timestamp = Math.floor(Date.now() / 1000).toString();
-      const hasFocus = !!state.getFocus();
-
-      function setFocusValue(newValue: unknown) {
-        const focusCell = state.getFocus();
-        if (focusCell) {
-          state.changeValue(focusCell.y, focusCell.x, newValue);
-        }
-      }
-
-      const extensionMenu = (extensions ?? []).reduce<StudioContextMenuItem[]>(
-        (menu, ext) => {
-          if (ext.contextMenu) {
-            return [...menu, ...ext.contextMenu(state)];
-          }
-          return menu;
-        },
-        []
-      );
-
-      openContextMenuFromEvent([
-        {
-          title: "Insert Value",
-          disabled: !hasFocus,
-          subWidth: 200,
-          sub: [
-            {
-              title: <pre>NULL</pre>,
-              onClick: () => {
-                setFocusValue(null);
-              },
-            },
-            {
-              title: <pre>DEFAULT</pre>,
-              onClick: () => {
-                setFocusValue(undefined);
-              },
-            },
-            { separator: true },
-            {
-              title: (
-                <div className="flex flex-col">
-                  <span className="text-xs text-gray-500">Unix Timestamp</span>
-                  <span>{timestamp}</span>
-                </div>
-              ),
-              onClick: () => {
-                setFocusValue(timestamp);
-              },
-            },
-            { separator: true },
-            {
-              title: (
-                <div className="flex flex-col">
-                  <span className="text-xs text-gray-500">UUID </span>
-                  <span>{randomUUID}</span>
-                </div>
-              ),
-              onClick: () => {
-                setFocusValue(randomUUID);
-              },
-            },
-          ],
-        },
-        {
-          title: "Open With",
-          sub: [
-            {
-              title: "Full Text Editor",
-              onClick: () => {
-                const focusValue = state.getFocusValue();
-                if (typeof focusValue === "string") {
-                  openEditor({
-                    initialValue: focusValue,
-                    format: "text",
-                    readOnly: state.getReadOnlyMode(),
-                    onCancel: () => {},
-                    onSave: (newValue) => {
-                      state.setFocusValue(newValue);
-                    },
-                  });
-                }
-              },
-            },
-            {
-              title: "JSON Editor",
-              onClick: () => {
-                const focusValue = state.getFocusValue();
-                if (typeof focusValue === "string") {
-                  openEditor({
-                    initialValue: focusValue,
-                    format: "json",
-                    readOnly: state.getReadOnlyMode(),
-                    onCancel: () => {},
-                    onSave: (newValue) => {
-                      state.setFocusValue(newValue);
-                    },
-                  });
-                }
-              },
-            },
-          ],
-        },
-        ...((extensionMenu ?? []).length > 0
-          ? [
-              {
-                separator: true,
-              },
-            ]
-          : []),
-        ...extensionMenu,
-        {
-          separator: true,
-        },
-        {
-          title: "Copy Cell Value",
-          shortcut: KEY_BINDING.copy.toString(),
-          onClick: () => {
-            copyCallback(state);
-          },
-        },
-        {
-          title: "Paste",
-          shortcut: KEY_BINDING.paste.toString(),
-          onClick: () => {
-            pasteCallback(state);
-          },
-        },
-        {
-          separator: true,
-        },
-        {
-          title: "Copy Row As",
-          sub: [
-            {
-              title: "Copy as Excel",
-              onClick: () => {
-                if (state.getSelectedRowCount() > 0) {
-                  window.navigator.clipboard.writeText(
-                    exportRowsToExcel(state.getSelectedRowsArray())
-                  );
-                }
-              },
-            },
-            {
-              title: "Copy as Json",
-              onClick: () => {
-                const headers = state
-                  .getHeaders()
-                  .map((column) => column?.name ?? "");
-
-                if (state.getSelectedRowCount() > 0) {
-                  window.navigator.clipboard.writeText(
-                    exportRowsToJson(headers, state.getSelectedRowsArray())
-                  );
-                }
-              },
-            },
-            {
-              title: "Copy as INSERT SQL",
-              onClick: () => {
-                const headers = state
-                  .getHeaders()
-                  .map((column) => column?.name ?? "");
-
-                if (state.getSelectedRowCount() > 0) {
-                  window.navigator.clipboard.writeText(
-                    exportRowsToSqlInsert(
-                      tableName ?? "UnknownTable",
-                      headers,
-                      state.getSelectedRowsArray()
-                    )
-                  );
-                }
-              },
-            },
-          ],
-        },
-        { separator: true },
-        {
-          title: "Insert row",
-          icon: LucidePlus,
-          onClick: () => {
-            data.insertNewRow();
-          },
-        },
-        {
-          title: "Delete selected row(s)",
-          icon: LucideTrash2,
-          onClick: () => {
-            data.getSelectedRowIndex().forEach((index) => {
-              data.removeRow(index);
-            });
-          },
-        },
-      ])(event);
-    },
-    [data, tableName, copyCallback, pasteCallback, extensions, openEditor]
-  );
+  const onRenderCell = useTableResultCellRenderer();
+  const onCellContextMenu = useTableResultContextMenu({
+    tableName,
+    data,
+    copyCallback,
+    pasteCallback,
+  });
 
   const onKeyDown = useCallback(
     (state: OptimizeTableState, e: React.KeyboardEvent) => {
@@ -569,7 +247,7 @@ export default function ResultTable({
       arrangeHeaderIndex={headerIndex}
       renderAhead={20}
       renderHeader={renderHeader}
-      renderCell={renderCell}
+      renderCell={onRenderCell}
       rowHeight={35}
       onKeyDown={onKeyDown}
     />
diff --git a/src/components/gui/table-result/context-menu.tsx b/src/components/gui/table-result/context-menu.tsx
new file mode 100644
index 00000000..917822d1
--- /dev/null
+++ b/src/components/gui/table-result/context-menu.tsx
@@ -0,0 +1,239 @@
+import { useCallback } from "react";
+import { KEY_BINDING } from "@/lib/key-matcher";
+import OptimizeTableState from "../table-optimized/OptimizeTableState";
+import {
+  openContextMenuFromEvent,
+  StudioContextMenuItem,
+} from "@/messages/open-context-menu";
+import { useFullEditor } from "../providers/full-editor-provider";
+import { useConfig } from "@/context/config-provider";
+import {
+  exportRowsToExcel,
+  exportRowsToJson,
+  exportRowsToSqlInsert,
+} from "@/components/lib/export-helper";
+import { LucidePlus, LucideTrash2 } from "lucide-react";
+
+export default function useTableResultContextMenu({
+  tableName,
+  data,
+  copyCallback,
+  pasteCallback,
+}: {
+  tableName?: string;
+  data: OptimizeTableState;
+  copyCallback: (state: OptimizeTableState) => void;
+  pasteCallback: (state: OptimizeTableState) => void;
+}) {
+  const { openEditor } = useFullEditor();
+  const { extensions } = useConfig();
+
+  return useCallback(
+    ({
+      state,
+      event,
+    }: {
+      state: OptimizeTableState;
+      event: React.MouseEvent;
+    }) => {
+      const randomUUID = crypto.randomUUID();
+      const timestamp = Math.floor(Date.now() / 1000).toString();
+      const hasFocus = !!state.getFocus();
+
+      function setFocusValue(newValue: unknown) {
+        const focusCell = state.getFocus();
+        if (focusCell) {
+          state.changeValue(focusCell.y, focusCell.x, newValue);
+        }
+      }
+
+      const extensionMenu = (extensions ?? []).reduce<StudioContextMenuItem[]>(
+        (menu, ext) => {
+          if (ext.contextMenu) {
+            return [...menu, ...ext.contextMenu(state)];
+          }
+          return menu;
+        },
+        []
+      );
+
+      openContextMenuFromEvent([
+        {
+          title: "Insert Value",
+          disabled: !hasFocus,
+          subWidth: 200,
+          sub: [
+            {
+              title: <pre>NULL</pre>,
+              onClick: () => {
+                setFocusValue(null);
+              },
+            },
+            {
+              title: <pre>DEFAULT</pre>,
+              onClick: () => {
+                setFocusValue(undefined);
+              },
+            },
+            { separator: true },
+            {
+              title: (
+                <div className="flex flex-col">
+                  <span className="text-xs text-gray-500">Unix Timestamp</span>
+                  <span>{timestamp}</span>
+                </div>
+              ),
+              onClick: () => {
+                setFocusValue(timestamp);
+              },
+            },
+            { separator: true },
+            {
+              title: (
+                <div className="flex flex-col">
+                  <span className="text-xs text-gray-500">UUID </span>
+                  <span>{randomUUID}</span>
+                </div>
+              ),
+              onClick: () => {
+                setFocusValue(randomUUID);
+              },
+            },
+          ],
+        },
+        {
+          title: "Open With",
+          sub: [
+            {
+              title: "Full Text Editor",
+              onClick: () => {
+                const focusValue = state.getFocusValue();
+                if (typeof focusValue === "string") {
+                  openEditor({
+                    initialValue: focusValue,
+                    format: "text",
+                    readOnly: state.getReadOnlyMode(),
+                    onCancel: () => {},
+                    onSave: (newValue) => {
+                      state.setFocusValue(newValue);
+                    },
+                  });
+                }
+              },
+            },
+            {
+              title: "JSON Editor",
+              onClick: () => {
+                const focusValue = state.getFocusValue();
+                if (typeof focusValue === "string") {
+                  openEditor({
+                    initialValue: focusValue,
+                    format: "json",
+                    readOnly: state.getReadOnlyMode(),
+                    onCancel: () => {},
+                    onSave: (newValue) => {
+                      state.setFocusValue(newValue);
+                    },
+                  });
+                }
+              },
+            },
+          ],
+        },
+        ...((extensionMenu ?? []).length > 0
+          ? [
+              {
+                separator: true,
+              },
+            ]
+          : []),
+        ...extensionMenu,
+        {
+          separator: true,
+        },
+        {
+          title: "Copy Cell Value",
+          shortcut: KEY_BINDING.copy.toString(),
+          onClick: () => {
+            copyCallback(state);
+          },
+        },
+        {
+          title: "Paste",
+          shortcut: KEY_BINDING.paste.toString(),
+          onClick: () => {
+            pasteCallback(state);
+          },
+        },
+        {
+          separator: true,
+        },
+        {
+          title: "Copy Row As",
+          sub: [
+            {
+              title: "Copy as Excel",
+              onClick: () => {
+                if (state.getSelectedRowCount() > 0) {
+                  window.navigator.clipboard.writeText(
+                    exportRowsToExcel(state.getSelectedRowsArray())
+                  );
+                }
+              },
+            },
+            {
+              title: "Copy as Json",
+              onClick: () => {
+                const headers = state
+                  .getHeaders()
+                  .map((column) => column?.name ?? "");
+
+                if (state.getSelectedRowCount() > 0) {
+                  window.navigator.clipboard.writeText(
+                    exportRowsToJson(headers, state.getSelectedRowsArray())
+                  );
+                }
+              },
+            },
+            {
+              title: "Copy as INSERT SQL",
+              onClick: () => {
+                const headers = state
+                  .getHeaders()
+                  .map((column) => column?.name ?? "");
+
+                if (state.getSelectedRowCount() > 0) {
+                  window.navigator.clipboard.writeText(
+                    exportRowsToSqlInsert(
+                      tableName ?? "UnknownTable",
+                      headers,
+                      state.getSelectedRowsArray()
+                    )
+                  );
+                }
+              },
+            },
+          ],
+        },
+        { separator: true },
+        {
+          title: "Insert row",
+          icon: LucidePlus,
+          onClick: () => {
+            data.insertNewRow();
+          },
+        },
+        {
+          title: "Delete selected row(s)",
+          icon: LucideTrash2,
+          onClick: () => {
+            data.getSelectedRowIndex().forEach((index) => {
+              data.removeRow(index);
+            });
+          },
+        },
+      ])(event);
+    },
+    [data, tableName, copyCallback, pasteCallback, extensions, openEditor]
+  );
+}
diff --git a/src/components/gui/table-result/filter-column.tsx b/src/components/gui/table-result/filter-column.tsx
new file mode 100644
index 00000000..d2555f49
--- /dev/null
+++ b/src/components/gui/table-result/filter-column.tsx
@@ -0,0 +1,104 @@
+import { useEffect, useState } from "react";
+import OptimizeTableState from "../table-optimized/OptimizeTableState";
+import { Button } from "@/components/ui/button";
+import { Check, ListChecks, LucideSettings2 } from "lucide-react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import {
+  Command,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandSeparator,
+} from "@/components/ui/command";
+import { cn } from "@/lib/utils";
+
+export default function useTableResultColumnFilter({
+  state,
+}: {
+  state?: OptimizeTableState;
+}) {
+  const headers = state?.getHeaders() ?? [];
+  const [columnIndexList, setColumnIndexList] = useState<number[]>([]);
+
+  const columnFilterBadge = headers.length - columnIndexList.length;
+
+  useEffect(() => {
+    if (state) {
+      const headers = state.getHeaders();
+      return setColumnIndexList(headers.map((_, idx) => idx));
+    }
+  }, [state]);
+
+  const filterColumnButton = (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant={"ghost"} size={"sm"}>
+          <LucideSettings2 className="w-4 h-4 mr-2" />
+          Columns
+          {!!columnFilterBadge && (
+            <span className="rounded-full text-[10px] bg-primary w-4 h-4 text-primary text-primary-foreground ml-2">
+              {columnFilterBadge}
+            </span>
+          )}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="p-0">
+        <Command>
+          <CommandInput placeholder="Search column here" />
+          {!!columnFilterBadge && (
+            <>
+              <button
+                onClick={() => {
+                  setColumnIndexList(headers.map((_, idx) => idx));
+                }}
+                className="relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 my-1 mx-1 hover:bg-secondary font-semibold text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+              >
+                <ListChecks className="mr-2 h-4 w-4" />
+                Select all columns
+              </button>
+              <CommandSeparator />
+            </>
+          )}
+          <CommandGroup className="max-h-[400px] overflow-y-auto">
+            {headers.map((header, idx) => {
+              const isChecked = columnIndexList.includes(idx);
+
+              return (
+                <CommandItem
+                  value={header.displayName}
+                  key={header.name}
+                  onSelect={() => {
+                    if (isChecked) {
+                      setColumnIndexList(
+                        columnIndexList.filter((cidx) => cidx !== idx)
+                      );
+                    } else {
+                      const tmpSet = new Set(columnIndexList);
+                      tmpSet.add(idx);
+                      const tmpArray = Array.from(tmpSet);
+                      setColumnIndexList(tmpArray.sort());
+                    }
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      isChecked ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {header.displayName}
+                </CommandItem>
+              );
+            })}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+
+  return { columnIndexList, filterColumnButton };
+}
diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
new file mode 100644
index 00000000..1a04b0ef
--- /dev/null
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -0,0 +1,112 @@
+import { useCallback } from "react";
+import { OptimizeTableCellRenderProps } from "../table-optimized";
+import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
+import TextCell from "../table-cell/text-cell";
+import parseSafeJson from "@/lib/json-safe";
+import NumberCell from "../table-cell/number-cell";
+import BigNumberCell from "../table-cell/big-number-cell";
+import GenericCell from "../table-cell/generic-cell";
+import { useDatabaseDriver } from "@/context/driver-provider";
+
+function detectTextEditorType(
+  value: DatabaseValue<string>
+): "input" | "json" | "text" {
+  if (typeof value !== "string") return "input";
+
+  // Check if it is JSON format
+  const trimmedText = value.trim();
+  if (
+    trimmedText.substring(0, 1) === "{" &&
+    trimmedText.substring(trimmedText.length - 1) === "}"
+  ) {
+    if (parseSafeJson(trimmedText, undefined) !== undefined) return "json";
+  }
+
+  // Check if it is long string
+  if (value.length > 200) return "text";
+
+  // If it is multiple line
+  if (value.search(/[\n\r]/) >= 0) return "text";
+
+  return "input";
+}
+
+export default function useTableResultCellRenderer() {
+  const { databaseDriver } = useDatabaseDriver();
+
+  return useCallback(
+    ({ y, x, state, header }: OptimizeTableCellRenderProps) => {
+      const isFocus = state.hasFocus(y, x);
+      const editMode = isFocus && state.isInEditMode();
+
+      if (header.dataType === TableColumnDataType.TEXT) {
+        const value = state.getValue(y, x) as DatabaseValue<string>;
+        const editor = detectTextEditorType(value);
+
+        return (
+          <TextCell
+            header={header}
+            state={state}
+            editor={editor}
+            editMode={editMode}
+            value={state.getValue(y, x) as DatabaseValue<string>}
+            focus={isFocus}
+            isChanged={state.hasCellChange(y, x)}
+            onChange={(newValue) => {
+              state.changeValue(y, x, newValue);
+            }}
+          />
+        );
+      } else if (header.dataType === TableColumnDataType.REAL) {
+        return (
+          <NumberCell
+            header={header}
+            state={state}
+            editMode={editMode}
+            value={state.getValue(y, x) as DatabaseValue<number>}
+            focus={isFocus}
+            isChanged={state.hasCellChange(y, x)}
+            onChange={(newValue) => {
+              state.changeValue(y, x, newValue);
+            }}
+          />
+        );
+      } else if (header.dataType === TableColumnDataType.INTEGER) {
+        if (databaseDriver.supportBigInt()) {
+          return (
+            <BigNumberCell
+              header={header}
+              state={state}
+              editMode={editMode}
+              value={state.getValue(y, x) as DatabaseValue<bigint>}
+              focus={isFocus}
+              isChanged={state.hasCellChange(y, x)}
+              onChange={(newValue) => {
+                state.changeValue(y, x, newValue);
+              }}
+            />
+          );
+        } else {
+          return (
+            <NumberCell
+              header={header}
+              state={state}
+              editMode={editMode}
+              value={state.getValue(y, x) as DatabaseValue<number>}
+              focus={isFocus}
+              isChanged={state.hasCellChange(y, x)}
+              onChange={(newValue) => {
+                state.changeValue(y, x, newValue);
+              }}
+            />
+          );
+        }
+      }
+
+      return (
+        <GenericCell value={state.getValue(y, x) as string} header={header} />
+      );
+    },
+    [databaseDriver]
+  );
+}
diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
index 7063badc..02a366ef 100644
--- a/src/components/gui/tabs/table-data-tab.tsx
+++ b/src/components/gui/tabs/table-data-tab.tsx
@@ -36,6 +36,7 @@ import OptimizeTableState from "../table-optimized/OptimizeTableState";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import ResultStats from "../result-stat";
 import isEmptyResultStats from "@/components/lib/empty-stats";
+import useTableResultColumnFilter from "../table-result/filter-column";
 
 interface TableDataContentProps {
   tableName: string;
@@ -117,6 +118,10 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
     }
   }, [data]);
 
+  const { columnIndexList, filterColumnButton } = useTableResultColumnFilter({
+    state: data,
+  });
+
   const onCommit = useCallback(() => {
     if (!tableSchema) return;
     if (!data) return;
@@ -198,7 +203,13 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
             <span className="text-red-500">Discard Change</span>
           </Button>
 
-          <div className="mr-2">
+          <div className="mx-1">
+            <Separator orientation="vertical" />
+          </div>
+
+          {filterColumnButton}
+
+          <div className="mx-1">
             <Separator orientation="vertical" />
           </div>
 
@@ -329,6 +340,7 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
             key={lastQueryTimestamp}
             sortColumns={sortColumns}
             onSortColumnChange={setSortColumns}
+            visibleColumnIndexList={columnIndexList}
           />
         ) : null}
       </div>

From 7a592f03c439fea46476f540e90df569eb8754c6 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 13:37:26 +0900
Subject: [PATCH 045/124] feat: allow user to change the size of sql editor

---
 src/components/gui/sql-editor/index.tsx       | 41 ++++++++++++++++++-
 .../gui/sql-editor/use-editor-theme.tsx       | 10 ++++-
 src/components/gui/tabs/query-tab.tsx         |  4 ++
 3 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index 617f6f91..5d8b52ae 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -18,6 +18,7 @@ import createSQLTableNameHighlightPlugin from "./sql-tablename-highlight";
 import { sqliteDialect } from "@/drivers/sqlite/sqlite-dialect";
 import { functionTooltip } from "./function-tooltips";
 import sqliteFunctionList from "@/drivers/sqlite/function-tooltip.json";
+import { toast } from "sonner";
 
 interface SqlEditorProps {
   value: string;
@@ -25,6 +26,8 @@ interface SqlEditorProps {
   onChange?: (value: string) => void;
   schema?: Record<string, string[]>;
   onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+  fontSize?: number;
+  onFontSizeChanged?: (fontSize: number) => void;
   onCursorChange?: (
     pos: number,
     lineNumber: number,
@@ -41,10 +44,12 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
       onKeyDown,
       onCursorChange,
       readOnly,
+      fontSize,
+      onFontSizeChanged,
     }: SqlEditorProps,
     ref
   ) {
-    const theme = useCodeEditorTheme();
+    const theme = useCodeEditorTheme({ fontSize });
 
     const tableNameHighlightPlugin = useMemo(() => {
       if (schema) {
@@ -78,9 +83,41 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
           preventDefault: true,
           run: startCompletion,
         },
+        {
+          key: "Ctrl-=",
+          mac: "Cmd-=",
+          preventDefault: true,
+          run: () => {
+            if (onFontSizeChanged) {
+              const newFontSize = Math.min(2, (fontSize ?? 1) + 0.2);
+              onFontSizeChanged(newFontSize);
+              toast.info(
+                `Change code editor font size to ${Math.floor(newFontSize * 100)}%`,
+                { duration: 1000, id: "font-size" }
+              );
+            }
+            return true;
+          },
+        },
+        {
+          key: "Ctrl--",
+          mac: "Cmd--",
+          preventDefault: true,
+          run: () => {
+            if (onFontSizeChanged) {
+              const newFontSize = Math.max(0.4, (fontSize ?? 1) - 0.2);
+              onFontSizeChanged(newFontSize);
+              toast.info(
+                `Change code editor font size to ${Math.floor(newFontSize * 100)}%`,
+                { duration: 1000, id: "font-size" }
+              );
+            }
+            return true;
+          },
+        },
         ...defaultKeymap,
       ]);
-    }, []);
+    }, [fontSize, onFontSizeChanged]);
 
     return (
       <CodeMirror
diff --git a/src/components/gui/sql-editor/use-editor-theme.tsx b/src/components/gui/sql-editor/use-editor-theme.tsx
index a30f6445..751ca5c1 100644
--- a/src/components/gui/sql-editor/use-editor-theme.tsx
+++ b/src/components/gui/sql-editor/use-editor-theme.tsx
@@ -3,7 +3,11 @@ import { tags as t } from "@lezer/highlight";
 import { createTheme } from "@uiw/codemirror-themes";
 import { useMemo } from "react";
 
-export default function useCodeEditorTheme() {
+export default function useCodeEditorTheme({
+  fontSize = 1,
+}: {
+  fontSize?: number;
+}) {
   const { theme } = useTheme();
 
   return useMemo(() => {
@@ -20,6 +24,7 @@ export default function useCodeEditorTheme() {
           gutterForeground: "#4D4D4C",
           gutterBorder: "transparent",
           lineHighlight: "#00000012",
+          fontSize: fontSize + "rem",
           fontFamily:
             'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
         },
@@ -52,6 +57,7 @@ export default function useCodeEditorTheme() {
           gutterBackground: "var(--background)",
           gutterForeground: "#838383",
           gutterActiveForeground: "#fff",
+          fontSize: fontSize + "rem",
           fontFamily:
             'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
         },
@@ -67,5 +73,5 @@ export default function useCodeEditorTheme() {
         ],
       });
     }
-  }, [theme]);
+  }, [theme, fontSize]);
 }
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 4e9faaeb..abb55a16 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -52,6 +52,8 @@ export default function QueryWindow({
   const { refresh: refreshSchema } = useSchema();
   const [code, setCode] = useState(initialCode ?? "");
   const editorRef = useRef<ReactCodeMirrorRef>(null);
+
+  const [fontSize, setFontSize] = useState(1);
   const [lineNumber, setLineNumber] = useState(0);
   const [columnNumber, setColumnNumber] = useState(0);
 
@@ -208,6 +210,8 @@ export default function QueryWindow({
               value={code}
               onChange={setCode}
               schema={schema}
+              fontSize={fontSize}
+              onFontSizeChanged={setFontSize}
               onCursorChange={(_, line, col) => {
                 setLineNumber(line);
                 setColumnNumber(col);

From 77e1312a5f5eb1cd0f9483fff0676314cbec4af5 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 14:00:45 +0900
Subject: [PATCH 046/124] feat: add format sql code

---
 package-lock.json                     | 86 +++++++++++++++++++++++++++
 package.json                          |  1 +
 src/components/gui/tabs/query-tab.tsx | 45 +++++++++++++-
 src/lib/key-matcher.ts                |  1 +
 4 files changed, 132 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 4c4d52c0..127a36d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -74,6 +74,7 @@
         "react-dom": "^18.2.0",
         "react-resizable-panels": "^1.0.9",
         "sonner": "^1.4.41",
+        "sql-formatter": "^15.3.2",
         "sql-query-identifier": "^2.6.0",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
@@ -10680,6 +10681,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/discontinuous-range": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
+      "integrity": "sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ=="
+    },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -12494,6 +12500,17 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-stream": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
@@ -19787,6 +19804,11 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/moo": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
+      "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q=="
+    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -19832,6 +19854,32 @@
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
     },
+    "node_modules/nearley": {
+      "version": "2.20.1",
+      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.20.1.tgz",
+      "integrity": "sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==",
+      "dependencies": {
+        "commander": "^2.19.0",
+        "moo": "^0.5.0",
+        "railroad-diagrams": "^1.0.0",
+        "randexp": "0.4.6"
+      },
+      "bin": {
+        "nearley-railroad": "bin/nearley-railroad.js",
+        "nearley-test": "bin/nearley-test.js",
+        "nearley-unparse": "bin/nearley-unparse.js",
+        "nearleyc": "bin/nearleyc.js"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://nearley.js.org/#give-to-nearley"
+      }
+    },
+    "node_modules/nearley/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -20940,6 +20988,23 @@
         }
       ]
     },
+    "node_modules/railroad-diagrams": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
+      "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A=="
+    },
+    "node_modules/randexp": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
+      "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
+      "dependencies": {
+        "discontinuous-range": "1.0.0",
+        "ret": "~0.1.10"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -21414,6 +21479,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -21807,6 +21880,19 @@
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
       "devOptional": true
     },
+    "node_modules/sql-formatter": {
+      "version": "15.3.2",
+      "resolved": "https://registry.npmjs.org/sql-formatter/-/sql-formatter-15.3.2.tgz",
+      "integrity": "sha512-pNxSMf5DtwhpZ8gUcOGCGZIWtCcyAUx9oLgAtlO4ag7DvlfnETL0BGqXaISc84pNrXvTWmt8Wal1FWKxdTsL3Q==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "get-stdin": "=8.0.0",
+        "nearley": "^2.20.1"
+      },
+      "bin": {
+        "sql-formatter": "bin/sql-formatter-cli.cjs"
+      }
+    },
     "node_modules/sql-query-identifier": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/sql-query-identifier/-/sql-query-identifier-2.7.0.tgz",
diff --git a/package.json b/package.json
index ef8b543e..b00e4c6d 100644
--- a/package.json
+++ b/package.json
@@ -93,6 +93,7 @@
     "react-dom": "^18.2.0",
     "react-resizable-panels": "^1.0.9",
     "sonner": "^1.4.41",
+    "sql-formatter": "^15.3.2",
     "sql-query-identifier": "^2.6.0",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index abb55a16..84bc387b 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -1,8 +1,11 @@
+import { format } from "sql-formatter";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { identify } from "sql-query-identifier";
 import {
+  LucideFastForward,
   LucideGrid,
   LucideMessageSquareWarning,
+  LucidePencilRuler,
   LucidePlay,
 } from "lucide-react";
 import SqlEditor from "@/components/gui/sql-editor";
@@ -33,6 +36,12 @@ import {
   SavedDocInput,
 } from "@/drivers/saved-doc/saved-doc-driver";
 import { TAB_PREFIX_SAVED_QUERY } from "@/const";
+import { toast } from "sonner";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 interface QueryWindowProps {
   initialCode?: string;
@@ -68,6 +77,19 @@ export default function QueryWindow({
   );
   const [savedKey, setSavedKey] = useState<string | undefined>(initialSavedKey);
 
+  const onFormatClicked = () => {
+    try {
+      setCode(
+        format(code, {
+          language: "sqlite",
+          tabWidth: 2,
+        })
+      );
+    } catch (e) {
+      toast.error((e as Error).message);
+    }
+  };
+
   const onRunClicked = (all = false) => {
     const statements = identify(code, {
       dialect: "sqlite",
@@ -220,6 +242,10 @@ export default function QueryWindow({
                 if (KEY_BINDING.run.match(e)) {
                   onRunClicked();
                   e.preventDefault();
+                } else if (KEY_BINDING.format.match(e)) {
+                  onFormatClicked();
+                  e.preventDefault();
+                  e.stopPropagation();
                 }
               }}
             />
@@ -241,10 +267,27 @@ export default function QueryWindow({
                 size="sm"
                 onClick={() => onRunClicked(true)}
               >
-                <LucidePlay className="w-4 h-4 mr-2" />
+                <LucideFastForward className="w-4 h-4 mr-2" />
                 Run All
               </Button>
 
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button variant={"ghost"} size="sm" onClick={onFormatClicked}>
+                    <LucidePencilRuler className="w-4 h-4 mr-2" />
+                    Format
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent className="p-4">
+                  <p className="mb-2">
+                    <span className="inline-block py-1 px-2 rounded bg-secondary text-secondary-foreground">
+                      {KEY_BINDING.format.toString()}
+                    </span>
+                  </p>
+                  <p>Format SQL queries for readability</p>
+                </TooltipContent>
+              </Tooltip>
+
               <div className="grow items-center flex text-xs mr-2 gap-2 border-l pl-4">
                 <div>Ln {lineNumber}</div>
                 <div>Col {columnNumber + 1}</div>
diff --git a/src/lib/key-matcher.ts b/src/lib/key-matcher.ts
index 626263b4..bebdf8a0 100644
--- a/src/lib/key-matcher.ts
+++ b/src/lib/key-matcher.ts
@@ -76,4 +76,5 @@ export const KEY_BINDING = {
   run: new KeyMatcher({ ctrl: true, key: "Enter" }),
   copy: new KeyMatcher({ ctrl: true, key: "c" }),
   paste: new KeyMatcher({ ctrl: true, key: "v" }),
+  format: new KeyMatcher({ ctrl: true, shift: true, key: "i" }),
 };

From 475a4dcc64afaa3a3734d3e7266d2ed6c995ab79 Mon Sep 17 00:00:00 2001
From: RinYato <chearithorn@gmail.com>
Date: Sun, 28 Jul 2024 16:29:21 +0700
Subject: [PATCH 047/124] feat: improve tab dragging (#129)

---
 src/app/globals.css                 |  8 ++++
 src/components/gui/sortable-tab.tsx | 22 +++++++++-
 src/components/gui/windows-tab.tsx  | 51 +++++++---------------
 src/components/lib/dnd-kit.ts       | 65 +++++++++++++++++++++++++++++
 4 files changed, 108 insertions(+), 38 deletions(-)
 create mode 100644 src/components/lib/dnd-kit.ts

diff --git a/src/app/globals.css b/src/app/globals.css
index 09d24e8c..0ea2ce9d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -98,11 +98,17 @@ body {
   * {
     @apply border-border;
   }
+
   body {
     @apply bg-background text-foreground;
   }
 }
 
+.no-scrollbar::-webkit-scrollbar {
+  width: 0;
+  display: none;
+}
+
 /* ------------------------------- */
 .cm-table-name {
   color: #e84393;
@@ -111,6 +117,7 @@ body {
 .dark .cm-table-name {
   color: #fd79a8;
 }
+
 /* ------------------------------- */
 
 .libsql-window-tab .libsql-window-close {
@@ -273,6 +280,7 @@ For Markdown Side
     opacity: 0;
     transform: scale(0.95);
   }
+
   100% {
     opacity: 1;
     transform: scale(1);
diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index b11af8f6..d2507399 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -4,6 +4,7 @@ import { WindowTabItemProps } from "./windows-tab";
 import { cn } from "@/lib/utils";
 import { forwardRef } from "react";
 import { ButtonProps } from "../ui/button";
+import { CSS } from "../lib/dnd-kit";
 
 interface SortableTabProps {
   tab: WindowTabItemProps;
@@ -17,17 +18,20 @@ type WindowTabItemButtonProps = ButtonProps & {
   title: string;
   icon: LucideIcon;
   onClose?: () => void;
+  isDragging?: boolean;
 };
 
 export const WindowTabItemButton = forwardRef<
   HTMLButtonElement,
   WindowTabItemButtonProps
 >(function WindowTabItemButton(props: WindowTabItemButtonProps, ref) {
-  const { icon: Icon, selected, title, onClose, ...rest } = props;
+  const { icon: Icon, selected, title, onClose, isDragging, ...rest } = props;
 
   const className = cn(
     "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px]",
     "libsql-window-tab",
+    isDragging && "z-20",
+    isDragging && !selected && "bg-gray-200 dark:bg-gray-700 rounded-t",
     selected
       ? "border-x border-t bg-background border-b-background rounded-t"
       : "border-b border-t border-t-secondary border-x-secondary opacity-65 hover:opacity-100"
@@ -63,7 +67,19 @@ export function SortableTab({
   onSelectChange,
   onClose,
 }: SortableTabProps) {
-  const { attributes, listeners, setNodeRef } = useSortable({ id: tab.key });
+  const {
+    attributes,
+    listeners,
+    transition,
+    transform,
+    isDragging,
+    setNodeRef,
+  } = useSortable({ id: tab.key });
+
+  const style = {
+    transform: CSS.Translate.toString(transform),
+    transition,
+  };
 
   return (
     <WindowTabItemButton
@@ -73,6 +89,8 @@ export function SortableTab({
       onClick={onSelectChange}
       selected={selected}
       onClose={onClose}
+      style={style}
+      isDragging={isDragging}
       {...attributes}
       {...listeners}
     />
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index c20d49b2..115e42b2 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -1,11 +1,5 @@
 import { type LucideIcon, LucidePlus } from "lucide-react";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState,
-} from "react";
+import { createContext, useCallback, useContext, useMemo } from "react";
 import {
   DndContext,
   closestCenter,
@@ -13,21 +7,22 @@ import {
   useSensor,
   useSensors,
   type DragEndEvent,
-  DragOverlay,
-  type DragStartEvent,
+  KeyboardSensor,
 } from "@dnd-kit/core";
 import {
   arrayMove,
+  horizontalListSortingStrategy,
   SortableContext,
-  verticalListSortingStrategy,
+  sortableKeyboardCoordinates,
 } from "@dnd-kit/sortable";
-import { SortableTab, WindowTabItemButton } from "./sortable-tab";
+import { SortableTab } from "./sortable-tab";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "../ui/dropdown-menu";
+import { restrictToHorizontalAxis } from "../lib/dnd-kit";
 
 export interface WindowTabItemProps {
   component: JSX.Element;
@@ -70,15 +65,17 @@ export default function WindowTabs({
   onSelectChange,
   onTabsChange,
 }: WindowTabsProps) {
-  const [dragTab, setDragTag] = useState<WindowTabItemProps | null>(null);
-
   const pointerSensor = useSensor(PointerSensor, {
     activationConstraint: {
       distance: 8,
     },
   });
 
-  const sensors = useSensors(pointerSensor);
+  const keyboardSensor = useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates,
+  });
+
+  const sensors = useSensors(pointerSensor, keyboardSensor);
 
   const replaceCurrentTab = useCallback(
     (tab: WindowTabItemProps) => {
@@ -111,15 +108,6 @@ export default function WindowTabs({
     [changeCurrentTab, replaceCurrentTab]
   );
 
-  const handleDragStart = useCallback(
-    (event: DragStartEvent) => {
-      const { active } = event;
-      const activeIndex = tabs.findIndex((tab) => tab.key === active.id);
-      setDragTag(tabs[activeIndex] ?? null);
-    },
-    [tabs, setDragTag]
-  );
-
   const handleDragEnd = useCallback(
     (event: DragEndEvent) => {
       const { active, over } = event;
@@ -138,9 +126,8 @@ export default function WindowTabs({
         );
         onSelectChange(selectedIndex);
       }
-      setDragTag(null);
     },
-    [setDragTag, onTabsChange, tabs, onSelectChange, selected]
+    [onTabsChange, tabs, onSelectChange, selected]
   );
 
   return (
@@ -148,11 +135,11 @@ export default function WindowTabs({
       <DndContext
         sensors={sensors}
         collisionDetection={closestCenter}
-        onDragStart={handleDragStart}
         onDragEnd={handleDragEnd}
+        modifiers={[restrictToHorizontalAxis]}
       >
         <div className="flex flex-col w-full h-full">
-          <div className="grow-0 shrink-0 pt-1 bg-secondary">
+          <div className="grow-0 shrink-0 pt-1 bg-secondary overflow-x-auto no-scrollbar">
             <div className="flex">
               {menu ? (
                 <DropdownMenu modal={false}>
@@ -179,7 +166,7 @@ export default function WindowTabs({
               )}
               <SortableContext
                 items={tabs.map((tab) => tab.key)}
-                strategy={verticalListSortingStrategy}
+                strategy={horizontalListSortingStrategy}
               >
                 {tabs.map((tab, idx) => (
                   <SortableTab
@@ -209,7 +196,6 @@ export default function WindowTabs({
                   />
                 ))}
               </SortableContext>
-              <div className="border-b grow" />
             </div>
           </div>
           <div className="grow relative">
@@ -226,13 +212,6 @@ export default function WindowTabs({
             ))}
           </div>
         </div>
-        <DragOverlay>
-          {dragTab ? (
-            <div className="fixed top-0 left-0 w-auto h-auto">
-              <WindowTabItemButton title={dragTab.title} icon={dragTab.icon} />
-            </div>
-          ) : null}
-        </DragOverlay>
       </DndContext>
     </WindowTabsContext.Provider>
   );
diff --git a/src/components/lib/dnd-kit.ts b/src/components/lib/dnd-kit.ts
new file mode 100644
index 00000000..2a9637c2
--- /dev/null
+++ b/src/components/lib/dnd-kit.ts
@@ -0,0 +1,65 @@
+import { Modifier } from "@dnd-kit/core";
+
+type Transform = {
+  x: number;
+  y: number;
+  scaleX: number;
+  scaleY: number;
+};
+
+interface Transition {
+  property: string;
+  easing: string;
+  duration: number;
+}
+
+export const CSS = Object.freeze({
+  Translate: {
+    toString(transform: Transform | null) {
+      if (!transform) {
+        return;
+      }
+
+      const { x, y } = transform;
+
+      return `translate3d(${x ? Math.round(x) : 0}px, ${
+        y ? Math.round(y) : 0
+      }px, 0)`;
+    },
+  },
+  Scale: {
+    toString(transform: Transform | null) {
+      if (!transform) {
+        return;
+      }
+
+      const { scaleX, scaleY } = transform;
+
+      return `scaleX(${scaleX}) scaleY(${scaleY})`;
+    },
+  },
+  Transform: {
+    toString(transform: Transform | null) {
+      if (!transform) {
+        return;
+      }
+
+      return [
+        CSS.Translate.toString(transform),
+        CSS.Scale.toString(transform),
+      ].join(" ");
+    },
+  },
+  Transition: {
+    toString({ property, duration, easing }: Transition) {
+      return `${property} ${duration}ms ${easing}`;
+    },
+  },
+});
+
+export const restrictToHorizontalAxis: Modifier = ({ transform }) => {
+  return {
+    ...transform,
+    y: 0,
+  };
+};

From 504af9892b0f64325b252f04669683c4f7571cb3 Mon Sep 17 00:00:00 2001
From: RinYato <chearithorn@gmail.com>
Date: Sun, 28 Jul 2024 16:31:20 +0700
Subject: [PATCH 048/124] feat: render query explanation in tree like format
 (#127)

* feat: render query explanation in tree format

* refactor: cleanup and remove unnecessary exports
---
 src/components/gui/query-explanation.tsx | 117 +++++++++++++++++++++++
 src/components/gui/query-result.tsx      |  22 ++++-
 2 files changed, 134 insertions(+), 5 deletions(-)
 create mode 100644 src/components/gui/query-explanation.tsx

diff --git a/src/components/gui/query-explanation.tsx b/src/components/gui/query-explanation.tsx
new file mode 100644
index 00000000..a6e2b1cd
--- /dev/null
+++ b/src/components/gui/query-explanation.tsx
@@ -0,0 +1,117 @@
+import { DatabaseResultSet } from "@/drivers/base-driver";
+import { useMemo } from "react";
+import { z } from "zod";
+
+interface QueryExplanationProps {
+  data: DatabaseResultSet;
+}
+
+interface ExplanationRow {
+  id: number;
+  parent: number;
+  notused: number;
+  detail: string;
+}
+
+type ExplanationRowWithChildren = ExplanationRow & {
+  children: ExplanationRowWithChildren[];
+};
+
+const queryExplanationRowSchema = z.object({
+  id: z.number(),
+  parent: z.number(),
+  notused: z.number(),
+  detail: z.string(),
+});
+
+export function isExplainQueryPlan(sql: string) {
+  return sql.toLowerCase().startsWith("explain query plan");
+}
+
+function buildQueryExplanationTree(nodes: ExplanationRow[]) {
+  const map: Record<number, ExplanationRowWithChildren> = {};
+  const tree: ExplanationRowWithChildren[] = [];
+
+  nodes.forEach((node) => {
+    map[node.id] = { ...node, children: [] };
+  });
+
+  nodes.forEach((node) => {
+    if (node.parent === 0) {
+      tree.push(map[node.id]);
+    } else {
+      map[node.parent].children.push(map[node.id]);
+    }
+  });
+
+  return tree;
+}
+
+export function QueryExplanation(props: QueryExplanationProps) {
+  const tree = useMemo(() => {
+    const isExplanationRows = z
+      .array(queryExplanationRowSchema)
+      .safeParse(props.data.rows);
+
+    if (isExplanationRows.error) {
+      return { _tag: "ERROR" as const, value: isExplanationRows.error };
+    }
+
+    return {
+      _tag: "SUCCESS" as const,
+      value: buildQueryExplanationTree(isExplanationRows.data),
+    };
+  }, [props.data]);
+
+  if (tree._tag === "ERROR") {
+    // The row structure doesn't match the explanation structure
+    return (
+      <div>
+        <p className="text-destructive">
+          Something went wrong while trying to display the explanation!
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="p-5 font-mono h-full overflow-y-auto">
+      <ul>
+        {tree.value.map((node) => (
+          <li key={`query-explanation-p-${node.parent}-${node.id}`}>
+            <RenderQueryExplanationItem item={node} />
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+
+function RenderQueryExplanationItem(props: {
+  item: ExplanationRowWithChildren;
+}) {
+  return (
+    <div key={props.item.id} className="[--circle-width:16px]">
+      <div className="py-1 flex items-center gap-x-4">
+        <span className="size-[--circle-width] bg-gray-200 rounded-full" />
+        <p className="py-1.5">{props.item.detail}</p>
+      </div>
+
+      {props.item.children.length > 0 && (
+        <ul className="ml-7">
+          {props.item.children.map((child) => {
+            return (
+              <li
+                className="relative"
+                key={`query-explanation-p-${child.parent}-${child.id}`}
+              >
+                <span className="absolute left-[calc(var(--circle-width)/2)] -translate-x-1/2 z-[-1] h-full border-l-2 border-gray-200" />
+                <RenderQueryExplanationItem key={child.id} item={child} />
+              </li>
+            );
+          })}
+        </ul>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/gui/query-result.tsx b/src/components/gui/query-result.tsx
index 437bd309..53ac33d4 100644
--- a/src/components/gui/query-result.tsx
+++ b/src/components/gui/query-result.tsx
@@ -5,6 +5,7 @@ import ResultTable from "./query-result-table";
 import ResultStats from "./result-stat";
 import { useMemo } from "react";
 import OptimizeTableState from "./table-optimized/OptimizeTableState";
+import { QueryExplanation, isExplainQueryPlan } from "./query-explanation";
 
 export default function QueryResult({
   result,
@@ -12,9 +13,13 @@ export default function QueryResult({
   result: MultipleQueryResult;
 }) {
   const data = useMemo(() => {
+    if (isExplainQueryPlan(result.sql)) {
+      return { _tag: "EXPLAIN", value: result.result } as const;
+    }
+
     const state = OptimizeTableState.createFromResult(result.result);
     state.setReadOnlyMode(true);
-    return state;
+    return { _tag: "QUERY", value: state } as const;
   }, [result]);
 
   const stats = result.result.stat;
@@ -22,15 +27,22 @@ export default function QueryResult({
   return (
     <div className="flex flex-col h-full w-full border-t">
       <div className="grow overflow-hidden">
-        <ResultTable data={data} />
+        {data._tag === "QUERY" ? (
+          <ResultTable data={data.value} />
+        ) : (
+          <QueryExplanation data={data.value} />
+        )}
       </div>
       {stats && !isEmptyResultStats(stats) && (
         <div className="shrink-0">
           <div className="flex p-1 border-t">
             <ResultStats stats={stats} />
-            <div>
-              <ExportResultButton data={data} />
-            </div>
+
+            {data._tag === "QUERY" && (
+              <div>
+                <ExportResultButton data={data.value} />
+              </div>
+            )}
           </div>
         </div>
       )}

From d72b787610f0774efd676d735b62eeb8581fcc95 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 18:53:30 +0900
Subject: [PATCH 049/124] feat: add refresh sqlite file

---
 src/app/playground/client/page-client.tsx | 59 ++++++++++++++++++++++-
 src/drivers/sqljs-driver.ts               |  7 ++-
 2 files changed, 63 insertions(+), 3 deletions(-)

diff --git a/src/app/playground/client/page-client.tsx b/src/app/playground/client/page-client.tsx
index 372f12c6..d98ff72a 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/playground/client/page-client.tsx
@@ -3,13 +3,18 @@ import { saveAs } from "file-saver";
 import MyStudio from "@/components/my-studio";
 import { Button } from "@/components/ui/button";
 import SqljsDriver from "@/drivers/sqljs-driver";
-import { LucideFile, LucideLoader } from "lucide-react";
+import { LucideFile, LucideLoader, LucideRefreshCw } from "lucide-react";
 import Script from "next/script";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Database, SqlJsStatic } from "sql.js";
 import ScreenDropZone from "@/components/screen-dropzone";
 import { toast } from "sonner";
 import downloadFileFromUrl from "@/lib/download-file";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -62,6 +67,30 @@ export default function PlaygroundEditorBody({
     }
   }, [handler, sqlInit]);
 
+  const onReloadDatabase = useCallback(() => {
+    if (db && db.hasChanged()) {
+      if (
+        !confirm(
+          "You have some changes. Refresh will lose your change. Do you want to refresh"
+        )
+      ) {
+        return;
+      }
+    }
+
+    if (handler && sqlInit) {
+      handler.getFile().then((file) => {
+        file.arrayBuffer().then((buffer) => {
+          const sqljsDatabase = new sqlInit.Database(new Uint8Array(buffer));
+          setRawDb(sqljsDatabase);
+          if (db) {
+            db.reload(sqljsDatabase);
+          }
+        });
+      });
+    }
+  }, [handler, sqlInit, db]);
+
   const sidebarMenu = useMemo(() => {
     return (
       <div>
@@ -143,6 +172,34 @@ export default function PlaygroundEditorBody({
           >
             Open
           </Button>
+          {handler && (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  size="sm"
+                  className="flex-grow-0"
+                  onClick={onReloadDatabase}
+                >
+                  <LucideRefreshCw className="w-4 h-4" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p className="mb-2">
+                  <strong>Refresh</strong>
+                </p>
+
+                <p className="max-w-[250px] mb-2">
+                  LibSQL Studio loads data into memory. If the file changes, it
+                  is unaware of the update.
+                </p>
+
+                <p className="max-w-[250px]">
+                  To reflect the changes, use the refresh option to reload the
+                  data from the file.
+                </p>
+              </TooltipContent>
+            </Tooltip>
+          )}
         </div>
       </div>
     );
diff --git a/src/drivers/sqljs-driver.ts b/src/drivers/sqljs-driver.ts
index d50647f8..80b3e40c 100644
--- a/src/drivers/sqljs-driver.ts
+++ b/src/drivers/sqljs-driver.ts
@@ -10,8 +10,6 @@ import { BindParams, Database } from "sql.js";
 
 export default class SqljsDriver extends SqliteLikeBaseDriver {
   protected db: Database;
-  protected username?: string;
-  protected password?: string;
   protected hasRowsChanged: boolean = false;
 
   constructor(sqljs: Database) {
@@ -19,6 +17,11 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
     this.db = sqljs;
   }
 
+  reload(sqljs: Database) {
+    this.db = sqljs;
+    this.hasRowsChanged = false;
+  }
+
   async transaction(stmts: InStatement[]): Promise<DatabaseResultSet[]> {
     const r: DatabaseResultSet[] = [];
 

From 8ae713b26e2d9317cfa91538551c66963ad18e60 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 18:59:52 +0900
Subject: [PATCH 050/124] fix: not properly sort column filter

---
 src/components/gui/table-result/filter-column.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/gui/table-result/filter-column.tsx b/src/components/gui/table-result/filter-column.tsx
index d2555f49..93b8e055 100644
--- a/src/components/gui/table-result/filter-column.tsx
+++ b/src/components/gui/table-result/filter-column.tsx
@@ -80,7 +80,8 @@ export default function useTableResultColumnFilter({
                       const tmpSet = new Set(columnIndexList);
                       tmpSet.add(idx);
                       const tmpArray = Array.from(tmpSet);
-                      setColumnIndexList(tmpArray.sort());
+                      tmpArray.sort((a, b) => a - b);
+                      setColumnIndexList(tmpArray);
                     }
                   }}
                 >

From 762d75906975411c78fdafdbb8c169fa2e3d2e70 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 28 Jul 2024 19:04:25 +0900
Subject: [PATCH 051/124] bump version 0.6.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b00e4c6d..09d74c6b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "private": false,
   "scripts": {
     "dev": "next dev",

From 35b46aab6fcbbc9786529c79e1e9ea6f8e3e9909 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 29 Jul 2024 14:38:53 +0900
Subject: [PATCH 052/124] feat: add iframe integration

---
 src/app/docs/embed-iframe-client/page.mdx | 198 ++++++++++++++++++++++
 src/app/docs/layout.tsx                   |   4 +
 src/app/docs/temporary-session/page.mdx   |   4 +-
 src/app/embed/sqlite/page.tsx             |  23 +++
 src/app/sitemap.ts                        |   6 +
 src/app/testing/page.tsx                  |  27 ---
 src/drivers/iframe-driver.ts              |  78 +++++++++
 7 files changed, 312 insertions(+), 28 deletions(-)
 create mode 100644 src/app/docs/embed-iframe-client/page.mdx
 create mode 100644 src/app/embed/sqlite/page.tsx
 delete mode 100644 src/app/testing/page.tsx
 create mode 100644 src/drivers/iframe-driver.ts

diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
new file mode 100644
index 00000000..02026e48
--- /dev/null
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -0,0 +1,198 @@
+import { DocContent } from "@/components/mdx/docs";
+
+export const metadata = {
+  title: "Connect to Val.town Database using LibSQL Studio",
+};
+
+<DocContent title="Embedding Our Client via iFrame" group="Integration">
+
+LibSQL Studio is a powerful SQLite client that you can now embed
+in your website using our iFrame API. Key advantages of using
+our iframe include:
+
+- No need to expose any sensitive credentials to our client
+- Ability to embed and rebrand it on your website
+- Instant access to LibSQL Studio updates
+
+## Example
+
+Here is a sample code demonstrating how to integrate using React and connect to Turso:
+
+```
+import { createClient, ResultSet } from "@libsql/client/web";
+import { useEffect, useMemo, useRef } from "react";
+
+export default function ExamplePage() {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+  const client = useMemo(() => {
+    return createClient({
+      url: "libsql://xxx",
+      authToken: "xxx",
+    });
+  }, []);
+
+  useEffect(() => {
+    const contentWindow = iframeRef.current?.contentWindow;
+
+    if (contentWindow) {
+      const handler = (
+        e: MessageEvent<{
+          type: "query" | "transaction";
+          id: number;
+          statement?: string;
+          statements?: string[];
+        }>
+      ) => {
+        if (e.data.type === "query" && e.data.statement) {
+          client
+            .execute(e.data.statement)
+            .then((r) => {
+              contentWindow.postMessage({
+                type: e.data.type,
+                id: e.data.id,
+                data: transformRawResult(r),
+              });
+            })
+            .catch((e) => {
+              contentWindow.postMessage({
+                type: e.data.type,
+                id: e.data.id,
+                error: (e as Error).message,
+              });
+            });
+        } else if (e.data.type === "transaction" && e.data.statements) {
+          client
+            .batch(e.data.statements, "write")
+            .then((r) => {
+              contentWindow.postMessage({
+                type: e.data.type,
+                id: e.data.id,
+                data: r.map(transformRawResult),
+              });
+            })
+            .catch((e) => {
+              contentWindow.postMessage({
+                type: e.data.type,
+                id: e.data.id,
+                error: (e as Error).message,
+              });
+            });
+        }
+      };
+
+      window.addEventListener("message", handler);
+      return () => window.removeEventListener("message", handler);
+    }
+  }, [iframeRef]);
+
+  return (
+    <iframe
+      className="border-0 h-screen w-screen"
+      ref={iframeRef}
+      src="https://libsqlstudio.com/embed/sqlite"
+    />
+  );
+}
+
+interface ResultHeader {
+  name: string;
+  displayName: string;
+  originalType: string | null;
+  type: ColumnType;
+}
+
+interface Result {
+  rows: Record<string, unknown>[];
+  headers: ResultHeader[];
+  stat: {
+    rowsAffected: number;
+    rowsRead: number | null;
+    rowsWritten: number | null;
+    queryDurationMs: number | null;
+  };
+  lastInsertRowid?: number;
+}
+
+enum ColumnType {
+  TEXT = 1,
+  INTEGER = 2,
+  REAL = 3,
+  BLOB = 4,
+}
+
+function convertSqliteType(type: string | undefined): ColumnType {
+  // https://www.sqlite.org/datatype3.html
+  if (type === undefined) return ColumnType.BLOB;
+
+  type = type.toUpperCase();
+
+  if (type.includes("CHAR")) return ColumnType.TEXT;
+  if (type.includes("TEXT")) return ColumnType.TEXT;
+  if (type.includes("CLOB")) return ColumnType.TEXT;
+  if (type.includes("STRING")) return ColumnType.TEXT;
+
+  if (type.includes("INT")) return ColumnType.INTEGER;
+
+  if (type.includes("BLOB")) return ColumnType.BLOB;
+
+  if (
+    type.includes("REAL") ||
+    type.includes("DOUBLE") ||
+    type.includes("FLOAT")
+  )
+    return ColumnType.REAL;
+
+  return ColumnType.TEXT;
+}
+
+function transformRawResult(raw: ResultSet): Result {
+  const headerSet = new Set();
+
+  const headers: ResultHeader[] = raw.columns.map((colName, colIdx) => {
+    const colType = raw.columnTypes[colIdx];
+    let renameColName = colName;
+
+    for (let i = 0; i < 20; i++) {
+      if (!headerSet.has(renameColName)) break;
+      renameColName = `__${colName}_${i}`;
+    }
+
+    headerSet.add(renameColName);
+
+    return {
+      name: renameColName,
+      displayName: colName,
+      originalType: colType,
+      type: convertSqliteType(colType),
+    };
+  });
+
+  const rows = raw.rows.map((r) =>
+    headers.reduce(
+      (a, b, idx) => {
+        a[b.name] = r[idx];
+        return a;
+      },
+      {} as Record<string, unknown>
+    )
+  );
+
+  return {
+    rows,
+    stat: {
+      rowsAffected: raw.rowsAffected,
+      rowsRead: null,
+      rowsWritten: null,
+      queryDurationMs: 0,
+    },
+    headers,
+    lastInsertRowid:
+      raw.lastInsertRowid === undefined
+        ? undefined
+        : Number(raw.lastInsertRowid),
+  };
+}
+
+```
+
+</DocContent>
diff --git a/src/app/docs/layout.tsx b/src/app/docs/layout.tsx
index 9c446368..97f7d67e 100644
--- a/src/app/docs/layout.tsx
+++ b/src/app/docs/layout.tsx
@@ -21,6 +21,10 @@ const TableContent = [
   {
     title: "Other",
     sub: [
+      {
+        title: "Embed Client",
+        href: "/docs/embed-iframe-client",
+      },
       {
         title: "Temporary Session",
         href: "/docs/temporary-session",
diff --git a/src/app/docs/temporary-session/page.mdx b/src/app/docs/temporary-session/page.mdx
index 86524333..2fdfea1f 100644
--- a/src/app/docs/temporary-session/page.mdx
+++ b/src/app/docs/temporary-session/page.mdx
@@ -4,11 +4,12 @@ export const metadata = {
   title: "Create Temporary Session - LibSQL Studio",
 };
 
-<DocContent title="Temporary Session" group="Other">
+<DocContent title="Temporary Session" group="Integration">
 
 LibSQL Studio allows users to create temporary sessions, providing a temporary link that grants access to the database for a limited period.
 
 **Request**
+
 ```
 curl --location 'https://libsqlstudio.com/api/temp_session' \
 --header 'Content-Type: application/json' \
@@ -20,6 +21,7 @@ curl --location 'https://libsqlstudio.com/api/temp_session' \
 ```
 
 **Response**
+
 ```
 {
   "redirect": "https://libsqlstudio.com/client/temp_sess?sid=xxxxxx"
diff --git a/src/app/embed/sqlite/page.tsx b/src/app/embed/sqlite/page.tsx
new file mode 100644
index 00000000..225e87a1
--- /dev/null
+++ b/src/app/embed/sqlite/page.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import MyStudio from "@/components/my-studio";
+import IframeDriver from "@/drivers/iframe-driver";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useMemo } from "react";
+
+export default function EmbedPageClient() {
+  const searchParams = useSearchParams();
+  const driver = useMemo(() => new IframeDriver(), []);
+
+  useEffect(() => {
+    return driver.listen();
+  }, [driver]);
+
+  return (
+    <MyStudio
+      driver={driver}
+      color={searchParams.get("color") || "gray"}
+      name={searchParams.get("name") || "Unnamed Connection"}
+    />
+  );
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index a25a26f8..c33ab375 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -48,5 +48,11 @@ export default function sitemap(): MetadataRoute.Sitemap {
       changeFrequency: "daily",
       priority: 0.5,
     },
+    {
+      url: "https://libsqlstudio.com/docs/embed-iframe-client",
+      lastModified: new Date(),
+      changeFrequency: "daily",
+      priority: 0.5,
+    },
   ];
 }
diff --git a/src/app/testing/page.tsx b/src/app/testing/page.tsx
deleted file mode 100644
index 6a2973a1..00000000
--- a/src/app/testing/page.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-import JsonEditor from "@/components/gui/json-editor";
-import ThemeProvider from "@/context/theme-provider";
-import { useState } from "react";
-
-export default function TestingPage() {
-  const [code, setCode] = useState(
-    JSON.stringify(
-      {
-        name: "Visal",
-        country: {
-          id: 1,
-          verified: true,
-          name: "Cambodia",
-        },
-      },
-      undefined,
-      2
-    )
-  );
-
-  return (
-    <ThemeProvider defaultTheme="dark">
-      <JsonEditor value={code} onChange={setCode} />
-    </ThemeProvider>
-  );
-}
diff --git a/src/drivers/iframe-driver.ts b/src/drivers/iframe-driver.ts
new file mode 100644
index 00000000..5bcd38fa
--- /dev/null
+++ b/src/drivers/iframe-driver.ts
@@ -0,0 +1,78 @@
+import { DatabaseResultSet } from "./base-driver";
+import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
+
+type ParentResponseData =
+  | {
+      type: "query";
+      id: number;
+      data: DatabaseResultSet;
+      error?: string;
+    }
+  | {
+      type: "transaction";
+      id: number;
+      data: DatabaseResultSet[];
+      error?: string;
+    };
+
+type PromiseResolveReject = {
+  resolve: (value: any) => void;
+  reject: (value: string) => void;
+};
+
+export default class IframeDriver extends SqliteLikeBaseDriver {
+  protected counter = 0;
+  protected queryPromise: Record<number, PromiseResolveReject> = {};
+
+  /**
+   * This will listen to the parent window response
+   */
+  listen() {
+    const handler = (e: MessageEvent<ParentResponseData>) => {
+      if (e.data.error) {
+        this.queryPromise[e.data.id].reject(e.data.error);
+        delete this.queryPromise[e.data.id];
+      } else {
+        this.queryPromise[e.data.id].resolve(e.data.data);
+        delete this.queryPromise[e.data.id];
+      }
+    };
+
+    window.addEventListener("message", handler);
+    return () => window.removeEventListener("message", handler);
+  }
+
+  query(stmt: string): Promise<DatabaseResultSet> {
+    return new Promise((resolve, reject) => {
+      const id = ++this.counter;
+      this.queryPromise[id] = { resolve, reject };
+
+      window.parent.postMessage({
+        type: "query",
+        id,
+        statement: stmt,
+      });
+    });
+  }
+
+  transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
+    return new Promise((resolve, reject) => {
+      const id = ++this.counter;
+      this.queryPromise[id] = { resolve, reject };
+
+      window.parent.postMessage({
+        type: "transaction",
+        id,
+        statements: stmts,
+      });
+    });
+  }
+
+  supportBigInt(): boolean {
+    return false;
+  }
+
+  close(): void {
+    // do nothing
+  }
+}

From bb9cd5af058fef503f1c36e6fea014a53ae1613b Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 29 Jul 2024 14:59:04 +0900
Subject: [PATCH 053/124] fix: update document

---
 src/app/docs/embed-iframe-client/page.mdx | 87 +++++++++++++----------
 src/drivers/iframe-driver.ts              | 26 ++++---
 2 files changed, 65 insertions(+), 48 deletions(-)

diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
index 02026e48..8858efdd 100644
--- a/src/app/docs/embed-iframe-client/page.mdx
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -1,7 +1,7 @@
 import { DocContent } from "@/components/mdx/docs";
 
 export const metadata = {
-  title: "Connect to Val.town Database using LibSQL Studio",
+  title: "Embedding Our Client via iFrame",
 };
 
 <DocContent title="Embedding Our Client via iFrame" group="Integration">
@@ -19,6 +19,7 @@ our iframe include:
 Here is a sample code demonstrating how to integrate using React and connect to Turso:
 
 ```
+"use client";
 import { createClient, ResultSet } from "@libsql/client/web";
 import { useEffect, useMemo, useRef } from "react";
 
@@ -27,55 +28,61 @@ export default function ExamplePage() {
   const client = useMemo(() => {
     return createClient({
       url: "libsql://xxx",
-      authToken: "xxx",
+      authToken: "xxx,
     });
   }, []);
 
   useEffect(() => {
     const contentWindow = iframeRef.current?.contentWindow;
+    console.log("We are here");
 
     if (contentWindow) {
-      const handler = (
-        e: MessageEvent<{
-          type: "query" | "transaction";
-          id: number;
-          statement?: string;
-          statements?: string[];
-        }>
-      ) => {
+      const handler = (e: MessageEvent<ClientRequest>) => {
         if (e.data.type === "query" && e.data.statement) {
           client
             .execute(e.data.statement)
             .then((r) => {
-              contentWindow.postMessage({
-                type: e.data.type,
-                id: e.data.id,
-                data: transformRawResult(r),
-              });
+              contentWindow.postMessage(
+                {
+                  type: e.data.type,
+                  id: e.data.id,
+                  data: transformRawResult(r),
+                },
+                "*"
+              );
             })
             .catch((e) => {
-              contentWindow.postMessage({
-                type: e.data.type,
-                id: e.data.id,
-                error: (e as Error).message,
-              });
+              contentWindow.postMessage(
+                {
+                  type: e.data.type,
+                  id: e.data.id,
+                  error: (e as Error).message,
+                },
+                "*"
+              );
             });
         } else if (e.data.type === "transaction" && e.data.statements) {
           client
             .batch(e.data.statements, "write")
             .then((r) => {
-              contentWindow.postMessage({
-                type: e.data.type,
-                id: e.data.id,
-                data: r.map(transformRawResult),
-              });
+              contentWindow.postMessage(
+                {
+                  type: e.data.type,
+                  id: e.data.id,
+                  data: r.map(transformRawResult),
+                },
+                "*"
+              );
             })
             .catch((e) => {
-              contentWindow.postMessage({
-                type: e.data.type,
-                id: e.data.id,
-                error: (e as Error).message,
-              });
+              contentWindow.postMessage(
+                {
+                  type: e.data.type,
+                  id: e.data.id,
+                  error: (e as Error).message,
+                },
+                "*"
+              );
             });
         }
       };
@@ -89,11 +96,18 @@ export default function ExamplePage() {
     <iframe
       className="border-0 h-screen w-screen"
       ref={iframeRef}
-      src="https://libsqlstudio.com/embed/sqlite"
+      src="http://localhost:3002/embed/sqlite"
     />
   );
 }
 
+interface ClientRequest {
+  type: "query" | "transaction";
+  id: number;
+  statement?: string;
+  statements?: string[];
+}
+
 interface ResultHeader {
   name: string;
   displayName: string;
@@ -168,13 +182,10 @@ function transformRawResult(raw: ResultSet): Result {
   });
 
   const rows = raw.rows.map((r) =>
-    headers.reduce(
-      (a, b, idx) => {
-        a[b.name] = r[idx];
-        return a;
-      },
-      {} as Record<string, unknown>
-    )
+    headers.reduce((a, b, idx) => {
+      a[b.name] = r[idx];
+      return a;
+    }, {} as Record<string, unknown>)
   );
 
   return {
diff --git a/src/drivers/iframe-driver.ts b/src/drivers/iframe-driver.ts
index 5bcd38fa..50a2635f 100644
--- a/src/drivers/iframe-driver.ts
+++ b/src/drivers/iframe-driver.ts
@@ -47,11 +47,14 @@ export default class IframeDriver extends SqliteLikeBaseDriver {
       const id = ++this.counter;
       this.queryPromise[id] = { resolve, reject };
 
-      window.parent.postMessage({
-        type: "query",
-        id,
-        statement: stmt,
-      });
+      window.parent.postMessage(
+        {
+          type: "query",
+          id,
+          statement: stmt,
+        },
+        "*"
+      );
     });
   }
 
@@ -60,11 +63,14 @@ export default class IframeDriver extends SqliteLikeBaseDriver {
       const id = ++this.counter;
       this.queryPromise[id] = { resolve, reject };
 
-      window.parent.postMessage({
-        type: "transaction",
-        id,
-        statements: stmts,
-      });
+      window.parent.postMessage(
+        {
+          type: "transaction",
+          id,
+          statements: stmts,
+        },
+        "*"
+      );
     });
   }
 

From 34aa8dbe2002d99b43335a428c092ed7d777eb5d Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 29 Jul 2024 15:03:02 +0900
Subject: [PATCH 054/124] update docs

---
 src/app/docs/embed-iframe-client/page.mdx | 2 +-
 src/app/docs/layout.tsx                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
index 8858efdd..62eae96b 100644
--- a/src/app/docs/embed-iframe-client/page.mdx
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -96,7 +96,7 @@ export default function ExamplePage() {
     <iframe
       className="border-0 h-screen w-screen"
       ref={iframeRef}
-      src="http://localhost:3002/embed/sqlite"
+      src="https://libsqlstudio.com/embed/sqlite"
     />
   );
 }
diff --git a/src/app/docs/layout.tsx b/src/app/docs/layout.tsx
index 97f7d67e..173dab82 100644
--- a/src/app/docs/layout.tsx
+++ b/src/app/docs/layout.tsx
@@ -19,7 +19,7 @@ const TableContent = [
     ],
   },
   {
-    title: "Other",
+    title: "Integration",
     sub: [
       {
         title: "Embed Client",

From 2446c9722c701f89ee14797a5bc7279f7cfeb2c5 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 29 Jul 2024 15:15:25 +0900
Subject: [PATCH 055/124] update doc

---
 src/app/docs/embed-iframe-client/page.mdx | 26 +++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
index 62eae96b..22c75b4c 100644
--- a/src/app/docs/embed-iframe-client/page.mdx
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -14,7 +14,30 @@ our iframe include:
 - Ability to embed and rebrand it on your website
 - Instant access to LibSQL Studio updates
 
-## Example
+## Integration
+
+First, you need embed iframe to our client
+
+```
+<iframe src="https://libsqlstudio.com/embed/sqlite" />
+```
+
+Our client will send SQL statements that need to be executed via message events.
+You only need to handle two types of messages: query and transaction.
+
+```
+window.addEventListener(e => {
+  console.log(e.data);
+
+  if (e.type === "query") {
+    // a single query request
+  } else if (e.type === "transaction") {
+    // a batch request
+  }
+})
+```
+
+## Full Example
 
 Here is a sample code demonstrating how to integrate using React and connect to Turso:
 
@@ -34,7 +57,6 @@ export default function ExamplePage() {
 
   useEffect(() => {
     const contentWindow = iframeRef.current?.contentWindow;
-    console.log("We are here");
 
     if (contentWindow) {
       const handler = (e: MessageEvent<ClientRequest>) => {

From f5fea80fbae3d9fcf5f3ff3ec815066446789f35 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Mon, 29 Jul 2024 23:59:28 +0700
Subject: [PATCH 056/124] feat: add aggregate function tooltip

---
 package-lock.json                            |  4 ++--
 src/drivers/sqlite/function-tooltip.json     | 24 ++++++++++++++++++++
 src/drivers/sqlite/functions/avg.md          |  5 ++++
 src/drivers/sqlite/functions/count.md        |  4 ++++
 src/drivers/sqlite/functions/group_concat.md |  3 +++
 src/drivers/sqlite/functions/string_agg.md   |  3 +++
 src/drivers/sqlite/functions/sum.md          |  3 +++
 src/drivers/sqlite/functions/total.md        |  4 ++++
 8 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 src/drivers/sqlite/functions/avg.md
 create mode 100644 src/drivers/sqlite/functions/count.md
 create mode 100644 src/drivers/sqlite/functions/group_concat.md
 create mode 100644 src/drivers/sqlite/functions/string_agg.md
 create mode 100644 src/drivers/sqlite/functions/sum.md
 create mode 100644 src/drivers/sqlite/functions/total.md

diff --git a/package-lock.json b/package-lock.json
index 127a36d5..952511fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.6.1",
+      "version": "0.6.2",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/src/drivers/sqlite/function-tooltip.json b/src/drivers/sqlite/function-tooltip.json
index 77896488..4187d590 100644
--- a/src/drivers/sqlite/function-tooltip.json
+++ b/src/drivers/sqlite/function-tooltip.json
@@ -3,6 +3,10 @@
     "syntax": "abs(X)",
     "description": "<p>Returns the absolute value of X. If X is a string or blob, it returns 0.</p>\n<pre><code>SELECT abs(-5);  --&gt; 5\nSELECT abs(\"-3\");  --&gt; 3\nSELECT abs(\"libsql\");  --&gt; 0\n</code></pre>"
   },
+  "avg": {
+    "syntax": "avg(X)",
+    "description": "<p>The avg() function returns the average of all non-NULL values in a group, interpreting non-numeric\nstrings and BLOBs as 0. It always yields a floating point result if there is at least one non-NULL\ninput and returns NULL if there are no non-NULL inputs.</p>"
+  },
   "changes": {
     "syntax": "changes()",
     "description": "<p>The changes() function returns the number of rows altered by the latest INSERT, DELETE, or UPDATE statement, excluding changes from lower-level triggers.</p>"
@@ -23,6 +27,10 @@
     "syntax": "concat_ws(SEP,X,...)",
     "description": "<p>The concat_ws concatenates all non-null arguments beyond the first, using the first argument as a separator. If the first argument is NULL, it returns NULL. If all other arguments are NULL, it returns an empty string.</p>\n<pre><code>select concat_ws(', ', 'hello', 'world')\n-&gt; 'hello world'\n</code></pre>"
   },
+  "count": {
+    "syntax": "count(X), count(\\*)",
+    "description": "<p>The count(X) function returns a count of the number of times that X is not NULL in a group.\nThe count(*) function (with no arguments) returns the total number of rows in the group.</p>"
+  },
   "format": {
     "syntax": "format(FORMAT,...)",
     "description": "<p>The FORMAT() function, similar to C's printf(), uses a format string (first argument) to construct the output with values from subsequent arguments.</p>\n<pre><code>select format('i am %d years old', 50);\n-&gt; 'i am 50 years old'\n</code></pre>"
@@ -35,6 +43,10 @@
     "syntax": "glob(X,Y)",
     "description": "<p>The GLOB operator is like LIKE but uses Unix file globbing syntax and is case-sensitive.</p>\n<pre><code>select glob('*hello*', 'hello world');\n-&gt; 1\n</code></pre>"
   },
+  "group_concat": {
+    "syntax": "group_concat(X, Y)",
+    "description": "<p>The function concatenates all non-NULL values of X into a string, using Y as the separator. If Y is omitted, a comma (\",\") is used.</p>"
+  },
   "hex": {
     "syntax": "hex(X)",
     "description": "<p>The hex() function converts its BLOB argument into an upper-case hexadecimal string.</p>\n<pre><code>select hex(x'ffeeaa');\n-&gt; FFEEAA\n</code></pre>"
@@ -118,5 +130,17 @@
   "sign": {
     "syntax": "sign(X)",
     "description": "<p>The sign(X) function returns -1, 0, or 1 if X is negative, zero, or positive, respectively. If X is NULL or not a number, it returns NULL.</p>\n<pre><code>select sign(-5);  -&gt; -1\nselect sign(0);   -&gt; 0\nselect sign(5);   -&gt; 1\n</code></pre>"
+  },
+  "string_agg": {
+    "syntax": "string_agg(X, Y)",
+    "description": "<p>The function concatenates all non-NULL values of X into a string, using Y as the separator. If Y is omitted, a comma (\",\") is used.</p>"
+  },
+  "sum": {
+    "syntax": "sum(X)",
+    "description": "<p>The function returns the sum of all non-NULL values in the group, returning NULL if there are no non-NULL inputs.</p>"
+  },
+  "total": {
+    "syntax": "total(X)",
+    "description": "<p>The function returns the sum of all non-NULL values in the group, with a result of 0.0 if there are no non-NULL inputs.\nThe result of total() is always a floating point value.</p>"
   }
 }
\ No newline at end of file
diff --git a/src/drivers/sqlite/functions/avg.md b/src/drivers/sqlite/functions/avg.md
new file mode 100644
index 00000000..31054d3c
--- /dev/null
+++ b/src/drivers/sqlite/functions/avg.md
@@ -0,0 +1,5 @@
+avg(X)
+
+The avg() function returns the average of all non-NULL values in a group, interpreting non-numeric
+strings and BLOBs as 0. It always yields a floating point result if there is at least one non-NULL
+input and returns NULL if there are no non-NULL inputs.
diff --git a/src/drivers/sqlite/functions/count.md b/src/drivers/sqlite/functions/count.md
new file mode 100644
index 00000000..5e728af3
--- /dev/null
+++ b/src/drivers/sqlite/functions/count.md
@@ -0,0 +1,4 @@
+count(X), count(\*)
+
+The count(X) function returns a count of the number of times that X is not NULL in a group.
+The count(\*) function (with no arguments) returns the total number of rows in the group.
diff --git a/src/drivers/sqlite/functions/group_concat.md b/src/drivers/sqlite/functions/group_concat.md
new file mode 100644
index 00000000..646c0feb
--- /dev/null
+++ b/src/drivers/sqlite/functions/group_concat.md
@@ -0,0 +1,3 @@
+group_concat(X, Y)
+
+The function concatenates all non-NULL values of X into a string, using Y as the separator. If Y is omitted, a comma (",") is used.
diff --git a/src/drivers/sqlite/functions/string_agg.md b/src/drivers/sqlite/functions/string_agg.md
new file mode 100644
index 00000000..d0ae02b2
--- /dev/null
+++ b/src/drivers/sqlite/functions/string_agg.md
@@ -0,0 +1,3 @@
+string_agg(X, Y)
+
+The function concatenates all non-NULL values of X into a string, using Y as the separator. If Y is omitted, a comma (",") is used.
diff --git a/src/drivers/sqlite/functions/sum.md b/src/drivers/sqlite/functions/sum.md
new file mode 100644
index 00000000..12046e4c
--- /dev/null
+++ b/src/drivers/sqlite/functions/sum.md
@@ -0,0 +1,3 @@
+sum(X)
+
+The function returns the sum of all non-NULL values in the group, returning NULL if there are no non-NULL inputs.
diff --git a/src/drivers/sqlite/functions/total.md b/src/drivers/sqlite/functions/total.md
new file mode 100644
index 00000000..93155fa4
--- /dev/null
+++ b/src/drivers/sqlite/functions/total.md
@@ -0,0 +1,4 @@
+total(X)
+
+The function returns the sum of all non-NULL values in the group, with a result of 0.0 if there are no non-NULL inputs.
+The result of total() is always a floating point value.

From 68a264870997c467edfa5a18248ae34ab4c19f4d Mon Sep 17 00:00:00 2001
From: Ave Aristov <100404669+avevotsira@users.noreply.github.com>
Date: Tue, 30 Jul 2024 09:25:33 +0700
Subject: [PATCH 057/124] feat: add syntax highlight to mdx code block (#130)

* feat: add syntax highlight to mdx code block

* fix: add more styles

---------

Co-authored-by: Visal .In <invisal@gmail.com>
---
 package-lock.json                         | 34 +++++++++
 package.json                              |  1 +
 src/app/docs/embed-iframe-client/page.mdx |  2 +-
 src/app/docs/temporary-session/page.mdx   |  4 +-
 src/app/globals.css                       | 24 +------
 src/components/code-block.tsx             | 84 +++++++++++++++++++++++
 src/mdx-components.tsx                    |  4 ++
 7 files changed, 127 insertions(+), 26 deletions(-)
 create mode 100644 src/components/code-block.tsx

diff --git a/package-lock.json b/package-lock.json
index 952511fd..11c9c525 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -73,6 +73,7 @@
         "react": "^18.2.01",
         "react-dom": "^18.2.0",
         "react-resizable-panels": "^1.0.9",
+        "shiki": "^1.12.0",
         "sonner": "^1.4.41",
         "sql-formatter": "^15.3.2",
         "sql-query-identifier": "^2.6.0",
@@ -6878,6 +6879,22 @@
       "integrity": "sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==",
       "dev": true
     },
+    "node_modules/@shikijs/core": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.12.0.tgz",
+      "integrity": "sha512-mc1cLbm6UQ8RxLc0dZES7v5rkH+99LxQp/ZvTqV3NLyYsO/fD6JhEflP1H5b2SDq9gI0+0G36AVZWxvounfR9w==",
+      "dependencies": {
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/core/node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@silevis/reactgrid": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/@silevis/reactgrid/-/reactgrid-4.1.6.tgz",
@@ -21778,6 +21795,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/shiki": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.12.0.tgz",
+      "integrity": "sha512-BuAxWOm5JhRcbSOl7XCei8wGjgJJonnV0oipUupPY58iULxUGyHhW5CF+9FRMuM1pcJ5cGEJGll1LusX6FwpPA==",
+      "dependencies": {
+        "@shikijs/core": "1.12.0",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/shiki/node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/showdown": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/showdown/-/showdown-2.1.0.tgz",
diff --git a/package.json b/package.json
index 09d74c6b..161adfcb 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "react": "^18.2.01",
     "react-dom": "^18.2.0",
     "react-resizable-panels": "^1.0.9",
+    "shiki": "^1.12.0",
     "sonner": "^1.4.41",
     "sql-formatter": "^15.3.2",
     "sql-query-identifier": "^2.6.0",
diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
index 62eae96b..9bd720e1 100644
--- a/src/app/docs/embed-iframe-client/page.mdx
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -18,7 +18,7 @@ our iframe include:
 
 Here is a sample code demonstrating how to integrate using React and connect to Turso:
 
-```
+```tsx
 "use client";
 import { createClient, ResultSet } from "@libsql/client/web";
 import { useEffect, useMemo, useRef } from "react";
diff --git a/src/app/docs/temporary-session/page.mdx b/src/app/docs/temporary-session/page.mdx
index 2fdfea1f..25297b6a 100644
--- a/src/app/docs/temporary-session/page.mdx
+++ b/src/app/docs/temporary-session/page.mdx
@@ -10,7 +10,7 @@ LibSQL Studio allows users to create temporary sessions, providing a temporary l
 
 **Request**
 
-```
+```bash
 curl --location 'https://libsqlstudio.com/api/temp_session' \
 --header 'Content-Type: application/json' \
 --data '{
@@ -22,7 +22,7 @@ curl --location 'https://libsqlstudio.com/api/temp_session' \
 
 **Response**
 
-```
+```http
 {
   "redirect": "https://libsqlstudio.com/client/temp_sess?sid=xxxxxx"
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index 0ea2ce9d..7cf1993d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -264,7 +264,7 @@ For Markdown Side
 }
 
 .mdx-content pre {
-  @apply bg-gray-100 dark:bg-gray-700 p-4 leading-5 rounded overflow-x-auto;
+  @apply bg-gray-200 dark:bg-gray-700 p-4 leading-5 rounded overflow-x-auto m-0;
 }
 
 .mdx-content p {
@@ -274,25 +274,3 @@ For Markdown Side
 .mdx-content a {
   @apply text-blue-500 underline;
 }
-
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@keyframes fadeOut {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
diff --git a/src/components/code-block.tsx b/src/components/code-block.tsx
new file mode 100644
index 00000000..6917fdf8
--- /dev/null
+++ b/src/components/code-block.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { createHighlighter, type Highlighter } from "shiki";
+import type { BundledLanguage } from "shiki/bundle/full";
+
+const ALLOWED_LANGS: BundledLanguage[] = [
+  "javascript",
+  "typescript",
+  "html",
+  "css",
+  "json",
+  "markdown",
+  "bash",
+  "http",
+  "jsx",
+  "tsx",
+];
+
+interface CodeBlockProps {
+  children: string;
+  className?: string;
+}
+
+const CodeBlockInner: React.FC<CodeBlockProps> = ({ children, className }) => {
+  const [highlightedCode, setHighlightedCode] = useState<string>("");
+  const language = className ? className.replace(/language-/, "") : "text";
+
+  useEffect(() => {
+    let highlighter: Highlighter;
+
+    const highlight = async () => {
+      highlighter = await createHighlighter({
+        themes: ["dracula", "snazzy-light"],
+        langs: ALLOWED_LANGS,
+      });
+
+      // Validate the language
+
+      const validLang = ALLOWED_LANGS.includes(language as BundledLanguage)
+        ? (language as BundledLanguage)
+        : "text";
+
+      const highlighted = highlighter.codeToHtml(children, {
+        lang: validLang,
+        themes: {
+          dark: "dracula",
+          light: "snazzy-light",
+        },
+      });
+      setHighlightedCode(highlighted);
+    };
+
+    highlight();
+
+    return () => {
+      if (highlighter) {
+        highlighter.dispose();
+      }
+    };
+  }, [children, language]);
+
+  // biome-ignore lint/security/noDangerouslySetInnerHtml: We are using controlled html
+  return <div dangerouslySetInnerHTML={{ __html: highlightedCode }} />;
+};
+
+interface MDXCodeBlockProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+const CodeBlock: React.FC<MDXCodeBlockProps> = (props) => {
+  if (typeof props.children === "string") {
+    return <CodeBlockInner {...(props as CodeBlockProps)} />;
+  }
+
+  return (
+    <pre>
+      <code {...props} />
+    </pre>
+  );
+};
+
+export default CodeBlock;
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
index 9ff72291..04a5abc1 100644
--- a/src/mdx-components.tsx
+++ b/src/mdx-components.tsx
@@ -1,7 +1,11 @@
 import type { MDXComponents } from "mdx/types";
+import CodeBlock from "./components/code-block";
+import { Fragment } from "react";
 
 export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
     ...components,
+    code: CodeBlock,
+    pre: Fragment,
   };
 }

From 0cf0ff796015412b2bdd6bd306519a70b898b036 Mon Sep 17 00:00:00 2001
From: Ave Aristov <100404669+avevotsira@users.noreply.github.com>
Date: Tue, 30 Jul 2024 11:38:11 +0700
Subject: [PATCH 058/124] refactor: mdx highlight to server side , clean up
 side effect (#131)

* feat: add syntax highlight to mdx code block

* fix: add more styles

* refactor: move mdx code block serverside , shiki to dev dependency

* refactor: clean up mdx codeblock side effect

---------

Co-authored-by: Visal .In <invisal@gmail.com>
---
 package-lock.json             |  6 ++-
 package.json                  |  2 +-
 src/components/code-block.tsx | 72 ++++++++++++++---------------------
 3 files changed, 34 insertions(+), 46 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 11c9c525..f33be5f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -73,7 +73,6 @@
         "react": "^18.2.01",
         "react-dom": "^18.2.0",
         "react-resizable-panels": "^1.0.9",
-        "shiki": "^1.12.0",
         "sonner": "^1.4.41",
         "sql-formatter": "^15.3.2",
         "sql-query-identifier": "^2.6.0",
@@ -104,6 +103,7 @@
         "jest-environment-jsdom": "^29.7.0",
         "postcss": "^8.4.38",
         "prettier": "^3.2.5",
+        "shiki": "^1.12.0",
         "showdown": "^2.1.0",
         "tailwindcss": "^3.4.3",
         "ts-node": "^10.9.2",
@@ -6883,6 +6883,7 @@
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.12.0.tgz",
       "integrity": "sha512-mc1cLbm6UQ8RxLc0dZES7v5rkH+99LxQp/ZvTqV3NLyYsO/fD6JhEflP1H5b2SDq9gI0+0G36AVZWxvounfR9w==",
+      "dev": true,
       "dependencies": {
         "@types/hast": "^3.0.4"
       }
@@ -6891,6 +6892,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
       "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dev": true,
       "dependencies": {
         "@types/unist": "*"
       }
@@ -21799,6 +21801,7 @@
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.12.0.tgz",
       "integrity": "sha512-BuAxWOm5JhRcbSOl7XCei8wGjgJJonnV0oipUupPY58iULxUGyHhW5CF+9FRMuM1pcJ5cGEJGll1LusX6FwpPA==",
+      "dev": true,
       "dependencies": {
         "@shikijs/core": "1.12.0",
         "@types/hast": "^3.0.4"
@@ -21808,6 +21811,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
       "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dev": true,
       "dependencies": {
         "@types/unist": "*"
       }
diff --git a/package.json b/package.json
index 161adfcb..f66942ef 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,6 @@
     "react": "^18.2.01",
     "react-dom": "^18.2.0",
     "react-resizable-panels": "^1.0.9",
-    "shiki": "^1.12.0",
     "sonner": "^1.4.41",
     "sql-formatter": "^15.3.2",
     "sql-query-identifier": "^2.6.0",
@@ -123,6 +122,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
+    "shiki": "^1.12.0",
     "showdown": "^2.1.0",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
diff --git a/src/components/code-block.tsx b/src/components/code-block.tsx
index 6917fdf8..f9f1c470 100644
--- a/src/components/code-block.tsx
+++ b/src/components/code-block.tsx
@@ -1,7 +1,4 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { createHighlighter, type Highlighter } from "shiki";
+import { createHighlighter } from "shiki";
 import type { BundledLanguage } from "shiki/bundle/full";
 
 const ALLOWED_LANGS: BundledLanguage[] = [
@@ -22,54 +19,41 @@ interface CodeBlockProps {
   className?: string;
 }
 
-const CodeBlockInner: React.FC<CodeBlockProps> = ({ children, className }) => {
-  const [highlightedCode, setHighlightedCode] = useState<string>("");
-  const language = className ? className.replace(/language-/, "") : "text";
-
-  useEffect(() => {
-    let highlighter: Highlighter;
-
-    const highlight = async () => {
-      highlighter = await createHighlighter({
-        themes: ["dracula", "snazzy-light"],
-        langs: ALLOWED_LANGS,
-      });
-
-      // Validate the language
-
-      const validLang = ALLOWED_LANGS.includes(language as BundledLanguage)
-        ? (language as BundledLanguage)
-        : "text";
-
-      const highlighted = highlighter.codeToHtml(children, {
-        lang: validLang,
-        themes: {
-          dark: "dracula",
-          light: "snazzy-light",
-        },
-      });
-      setHighlightedCode(highlighted);
-    };
-
-    highlight();
+async function getHighlighter() {
+  return await createHighlighter({
+    themes: ["dracula", "snazzy-light"],
+    langs: ALLOWED_LANGS,
+  });
+}
 
-    return () => {
-      if (highlighter) {
-        highlighter.dispose();
-      }
-    };
-  }, [children, language]);
+function getValidLang(className?: string): BundledLanguage | "text" {
+  const language = className ? className.replace(/language-/, "") : "text";
+  return ALLOWED_LANGS.includes(language as BundledLanguage)
+    ? (language as BundledLanguage)
+    : "text";
+}
 
-  // biome-ignore lint/security/noDangerouslySetInnerHtml: We are using controlled html
+async function CodeBlockInner({ children, className }: CodeBlockProps) {
+  const validLang = getValidLang(className);
+  const highlighter = await getHighlighter();
+  const highlightedCode = highlighter.codeToHtml(children, {
+    lang: validLang,
+    themes: {
+      dark: "dracula",
+      light: "snazzy-light",
+    },
+  });
+
+  // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
   return <div dangerouslySetInnerHTML={{ __html: highlightedCode }} />;
-};
+}
 
 interface MDXCodeBlockProps {
   children?: React.ReactNode;
   className?: string;
 }
 
-const CodeBlock: React.FC<MDXCodeBlockProps> = (props) => {
+async function CodeBlock(props: MDXCodeBlockProps) {
   if (typeof props.children === "string") {
     return <CodeBlockInner {...(props as CodeBlockProps)} />;
   }
@@ -79,6 +63,6 @@ const CodeBlock: React.FC<MDXCodeBlockProps> = (props) => {
       <code {...props} />
     </pre>
   );
-};
+}
 
 export default CodeBlock;

From 9da87cad7233af2cbf719f78d4ef2b8518d5e685 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 30 Jul 2024 18:38:59 +0700
Subject: [PATCH 059/124] fix: don't restrict temporary session for login user
 only

---
 src/app/client/temp_sess/page.tsx | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/app/client/temp_sess/page.tsx b/src/app/client/temp_sess/page.tsx
index 25a1c6b1..5c830ff7 100644
--- a/src/app/client/temp_sess/page.tsx
+++ b/src/app/client/temp_sess/page.tsx
@@ -1,6 +1,5 @@
 import { get_database } from "@/db";
 import { dbTempSession } from "@/db/schema";
-import { getSessionFromCookie } from "@/lib/auth";
 import { eq } from "drizzle-orm";
 import dynamic from "next/dynamic";
 
@@ -13,12 +12,6 @@ export default async function SessionPage({
 }: {
   searchParams: { sid: string };
 }) {
-  const { session } = await getSessionFromCookie();
-
-  if (!session) {
-    return <div>Something wrong</div>;
-  }
-
   const now = Math.floor(Date.now() / 1000);
   const db = get_database();
   const sessionId = searchParams?.sid;

From 0aff07e8c73794e809d78fb401d904f4a2ecf67b Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 30 Jul 2024 18:39:31 +0700
Subject: [PATCH 060/124] update iframe doc

---
 src/app/docs/embed-iframe-client/page.mdx | 17 +++++++++++++++--
 src/components/code-block.tsx             |  4 ++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/docs/embed-iframe-client/page.mdx
index 9bd720e1..adf96276 100644
--- a/src/app/docs/embed-iframe-client/page.mdx
+++ b/src/app/docs/embed-iframe-client/page.mdx
@@ -14,6 +14,20 @@ our iframe include:
 - Ability to embed and rebrand it on your website
 - Instant access to LibSQL Studio updates
 
+## Embed LibSQL Studio
+
+You can embed LibSQL Studio as the following
+
+```html
+<iframe src="https://libsqlstudio.com/embed/sqlite"></iframe>
+```
+
+There are several parameters you can control. For example:
+
+```html
+<iframe src="https://libsqlstudio.com/embed/sqlite?name=MyCoolDatabase"></iframe>
+```
+
 ## Example
 
 Here is a sample code demonstrating how to integrate using React and connect to Turso:
@@ -28,13 +42,12 @@ export default function ExamplePage() {
   const client = useMemo(() => {
     return createClient({
       url: "libsql://xxx",
-      authToken: "xxx,
+      authToken: "xxx",
     });
   }, []);
 
   useEffect(() => {
     const contentWindow = iframeRef.current?.contentWindow;
-    console.log("We are here");
 
     if (contentWindow) {
       const handler = (e: MessageEvent<ClientRequest>) => {
diff --git a/src/components/code-block.tsx b/src/components/code-block.tsx
index f9f1c470..453d5fd3 100644
--- a/src/components/code-block.tsx
+++ b/src/components/code-block.tsx
@@ -21,7 +21,7 @@ interface CodeBlockProps {
 
 async function getHighlighter() {
   return await createHighlighter({
-    themes: ["dracula", "snazzy-light"],
+    themes: ["dracula"],
     langs: ALLOWED_LANGS,
   });
 }
@@ -40,7 +40,7 @@ async function CodeBlockInner({ children, className }: CodeBlockProps) {
     lang: validLang,
     themes: {
       dark: "dracula",
-      light: "snazzy-light",
+      light: "dracula",
     },
   });
 

From 4c59bcdd1ca4aa823d1d84012e19421cd4b3c306 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 30 Jul 2024 20:29:05 +0700
Subject: [PATCH 061/124] feat: ability to display vector data

---
 .../gui/table-cell/generic-cell.tsx           | 72 ++++++++++++++-----
 src/drivers/turso-driver.tsx                  |  7 +-
 2 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index c43e9dd7..13c9db7e 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -110,6 +110,50 @@ function ForeignKeyColumnSnippet(props: SneakpeakProps) {
   );
 }
 
+function BlobCellValue({
+  value,
+  vector,
+}: {
+  value: Uint8Array | ArrayBuffer | number[];
+  vector?: boolean;
+}) {
+  if (vector) {
+    const floatArray = [...new Float32Array(new Uint8Array(value).buffer)].join(
+      ", "
+    );
+
+    return (
+      <div className="flex">
+        <div className="mr-2 justify-center items-center flex-col">
+          <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
+            vec
+          </span>
+        </div>
+        <div className="text-orange-600">[{floatArray}]</div>
+      </div>
+    );
+  } else {
+    const sliceByte = value.slice(0, 64);
+    const base64Text = btoa(
+      new Uint8Array(sliceByte).reduce(
+        (data, byte) => data + String.fromCharCode(byte),
+        ""
+      )
+    );
+
+    return (
+      <div className="flex">
+        <div className="mr-2 justify-center items-center flex-col">
+          <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
+            blob
+          </span>
+        </div>
+        <div className="text-orange-600">{base64Text}</div>
+      </div>
+    );
+  }
+}
+
 export default function GenericCell({
   value,
   onFocus,
@@ -189,29 +233,21 @@ export default function GenericCell({
       );
     }
 
-    if (value instanceof ArrayBuffer || value instanceof Uint8Array) {
-      const sliceByte = value.slice(0, 64);
-      const base64Text = btoa(
-        new Uint8Array(sliceByte).reduce(
-          (data, byte) => data + String.fromCharCode(byte),
-          ""
-        )
-      );
-
+    if (
+      value instanceof ArrayBuffer ||
+      value instanceof Uint8Array ||
+      Array.isArray(value)
+    ) {
       return (
-        <div className="flex">
-          <div className="mr-2 justify-center items-center flex-col">
-            <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
-              blob
-            </span>
-          </div>
-          <div className="text-orange-600">{base64Text}</div>
-        </div>
+        <BlobCellValue
+          value={value}
+          vector={header.headerData?.type.includes("F32_BLOB")}
+        />
       );
     }
 
     return <span>{value.toString()}</span>;
-  }, [value, textBaseStyle, isChanged]);
+  }, [value, textBaseStyle, isChanged, header]);
 
   return (
     <div
diff --git a/src/drivers/turso-driver.tsx b/src/drivers/turso-driver.tsx
index 54f4d5c5..6255bc67 100644
--- a/src/drivers/turso-driver.tsx
+++ b/src/drivers/turso-driver.tsx
@@ -37,7 +37,12 @@ export function transformRawResult(raw: ResultSet): DatabaseResultSet {
 
   const rows = raw.rows.map((r) =>
     headers.reduce((a, b, idx) => {
-      a[b.name] = r[idx];
+      const cellValue = r[idx];
+      if (cellValue instanceof Uint8Array) {
+        a[b.name] = Array.from(cellValue);
+      } else {
+        a[b.name] = r[idx];
+      }
       return a;
     }, {} as DatabaseRow)
   );

From cf29ae067848cf77a9524e772fa836946fccfb9b Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 31 Jul 2024 16:04:37 +0700
Subject: [PATCH 062/124] feat: improve handling vector data and tooltip

---
 src/app/codemirror-override.css               | 50 +++++++++++++++++++
 .../gui/table-cell/generic-cell.tsx           | 28 ++++++-----
 .../table-optimized/OptimizeTableState.tsx    |  1 +
 src/components/gui/table-optimized/index.tsx  |  1 +
 src/drivers/sqlite/function-tooltip.json      | 20 ++++++++
 .../sqlite/functions/libsql_vector_idx.md     |  7 +++
 src/drivers/sqlite/functions/vector.md        |  7 +++
 .../sqlite/functions/vector_distance_cos.md   | 10 ++++
 .../sqlite/functions/vector_extract.md        | 10 ++++
 src/drivers/sqlite/functions/vector_top_k.md  |  9 ++++
 src/drivers/sqlite/sqlite-dialect.ts          |  2 +-
 11 files changed, 132 insertions(+), 13 deletions(-)
 create mode 100644 src/drivers/sqlite/functions/libsql_vector_idx.md
 create mode 100644 src/drivers/sqlite/functions/vector.md
 create mode 100644 src/drivers/sqlite/functions/vector_distance_cos.md
 create mode 100644 src/drivers/sqlite/functions/vector_extract.md
 create mode 100644 src/drivers/sqlite/functions/vector_top_k.md

diff --git a/src/app/codemirror-override.css b/src/app/codemirror-override.css
index 13fad1c8..2565e26f 100644
--- a/src/app/codemirror-override.css
+++ b/src/app/codemirror-override.css
@@ -39,3 +39,53 @@
   max-height: 600px;
   user-select: text;
 }
+
+.cm-completionIcon-property::after {
+  content: "🆔" !important;
+}
+
+.cm-completionIcon-enum::after {
+  content: "❝" !important;
+}
+
+.cm-completionIcon-keyword::after {
+  content: "🔑" !important;
+}
+
+.cm-completionIcon-table::after {
+  display: block !important;
+  background-size: contain !important;
+  content: "" !important;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABYgAAAWIBXyfQUwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMBSURBVHic7ZvNTxNBGId/MzulLUWkQqQkRJKGGpUYo4k3MSYeDPEj8YDx6+LJRC/6H3g2MXIy8UyMB08a8cLBGGM0HiQeEEwJES20BaE00FZYZseDYIROW0JlX2DnufXdnd1nfu1+vJsuYPA2TFfsHlQ1LaOpawuSH1xSvMVtqf+JYE7SbzlDyWjkybMOtrh2+aoA7r5MR5N56+lg1nd83ubacLYrdT5HdTTYHyN19uWerpZvK/W/k7zVN3PlQ9LqzSxyi8TQJcJ+R56M2Dd6zjb1AssB3Hk12dU/HujL22xHfeulCAqlzkTyFx9eiDxn914r0T+WmZvI+wLUYm7SWmsXTreF63kiO/XAa5MHgETeF5zITt7nyZzVTS1DxURBXOKpgthLLUJFKieaedZmO/qsX45ZmwkulSdO/FqkYuDUEtSYAKgFqDEBUAtQYwKgFqBG1AlF7UAKGxge8XQCnj8ETADUAtR4PgChKzbvaUCoNlh2YC5fQHpmtqgeba38FD09nUGu8GtVLRQMoLkxXHHsaCJZVKvGVxtAMOBHfai27AYdx9HWK40DgJnsXFHNJ8S6xuqoxtfzh4AJgFqAGs8HoD0JKqXgOOXvkJXSL680rtTY9eyz3PY26mt6AWoBakwA1ALUeD4A0wvoVja9gIcwAVALUOP5AEwvYHoBj2MCoBagxvMBaK8Ckcbwuu6tU9OZojpFL1CNrzaAgL8GuypsUEqprVP0AtX4ev4QMAEAKHqNZKN3ZFuZEnNa4ACKzirZ+dymC7lNiTklBVN4rxja1q48PvkTTQ27ISz9f6lL/UooegHHUZBS/8BjSUpMzWZLBKDesc9D8fMOYy82tOftDmfnGAAMDI+8BXCCWMdt3hw90H6KA4AQuAqGNLWRWzAgxS11HVi+DB5ub/8ByToBDJGauQHDoJToPBKLJf58/Id4PO7PObitFLsJYD+J4ObxlTH1OMTxKBaLLawUS74u8unLaJtlYZ9kyu+O3+ZgKbYgJb4fOxQdo3YxbEV+A0V6Y/BBlijFAAAAAElFTkSuQmCC") !important;
+  width: 20px !important;
+  height: 20px !important;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.cm-completionIcon-function::after,
+.cm-completionIcon-method::after,
+.cm-completionIcon-variable::after,
+.cm-completionIcon-namespace::after,
+.cm-completionIcon-interface::after {
+  content: "⚡" !important;
+}
+
+.cm-tooltip-autocomplete > ul > li {
+  display: flex;
+}
+
+.cm-tooltip-autocomplete > ul > li > .cm-completionIcon {
+  width: 1em !important;
+  display: flex;
+  align-self: center;
+  justify-content: center;
+}
+
+.cm-tooltip-autocomplete .cm-completionLabel {
+  flex-grow: 1;
+}
+
+.cm-tooltip-autocomplete .cm-completionDetail {
+  padding-left: 15px;
+}
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 13c9db7e..ba38a584 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -118,34 +118,35 @@ function BlobCellValue({
   vector?: boolean;
 }) {
   if (vector) {
-    const floatArray = [...new Float32Array(new Uint8Array(value).buffer)].join(
-      ", "
-    );
+    const floatArray = new Float32Array(new Uint8Array(value).buffer);
+    const floatArrayText = floatArray.join(", ");
 
     return (
       <div className="flex">
         <div className="mr-2 justify-center items-center flex-col">
           <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
-            vec
+            vec({floatArray.length})
           </span>
         </div>
-        <div className="text-orange-600">[{floatArray}]</div>
+        <div className="text-orange-600">[{floatArrayText}]</div>
       </div>
     );
   } else {
-    const sliceByte = value.slice(0, 64);
+    const bytes = new Uint8Array(value);
     const base64Text = btoa(
-      new Uint8Array(sliceByte).reduce(
-        (data, byte) => data + String.fromCharCode(byte),
-        ""
-      )
+      bytes
+        .slice(0, 64)
+        .reduce((data, byte) => data + String.fromCharCode(byte), "")
     );
 
     return (
       <div className="flex">
         <div className="mr-2 justify-center items-center flex-col">
           <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
-            blob
+            {bytes.length.toLocaleString(undefined, {
+              maximumFractionDigits: 0,
+            })}{" "}
+            bytes
           </span>
         </div>
         <div className="text-orange-600">{base64Text}</div>
@@ -241,7 +242,10 @@ export default function GenericCell({
       return (
         <BlobCellValue
           value={value}
-          vector={header.headerData?.type.includes("F32_BLOB")}
+          vector={
+            header.originalDataType?.includes("F32_BLOB") ||
+            header.originalDataType?.includes("FLOAT32 ")
+          }
         />
       );
     }
diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index c99624ff..6adf5b2c 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -97,6 +97,7 @@ export default class OptimizeTableState {
         return {
           initialSize,
           name: headerName ?? "",
+          originalDataType: header.originalType,
           displayName: header.displayName,
           resizable: true,
           headerData,
diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index 04afbc6c..493027a2 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -26,6 +26,7 @@ export interface OptimizeTableHeaderProps {
   initialSize: number;
   resizable?: boolean;
   dataType?: TableColumnDataType;
+  originalDataType?: string | null;
   headerData?: DatabaseTableColumn;
   foreignKey?: DatabaseForeignKeyClause;
   icon?: ReactElement;
diff --git a/src/drivers/sqlite/function-tooltip.json b/src/drivers/sqlite/function-tooltip.json
index 4187d590..fe6838e0 100644
--- a/src/drivers/sqlite/function-tooltip.json
+++ b/src/drivers/sqlite/function-tooltip.json
@@ -71,6 +71,10 @@
     "syntax": "length(X)",
     "description": "<p>The length(X) function returns the character count of string X, excluding any NUL characters for strings (which SQLite typically lacks), or the byte count for blobs. If X is NULL, length(X) is also NULL. For numeric X, it returns the length of its string representation.</p>\n<pre><code>select length('hello');\n-&gt; 5\n\nselect length(x'ff00ee');\n-&gt; 3\n\nselect length(NULL);\n-&gt; NULL\n</code></pre>"
   },
+  "libsql_vector_idx": {
+    "syntax": "libsql_vector_idx(X)",
+    "description": "<p>Use the <strong>libsql<em>vector</em>idx</strong> expression in the CREATE INDEX statement to create an ANN index.</p>\n<pre><code>CREATE INDEX movies_idx ON movies (libsql_vector_idx(embedding));\n</code></pre>"
+  },
   "like": {
     "syntax": "like(X,Y), like(X,Y,Z)",
     "description": "<p>The like() function checks if the string Y matches the pattern X in the \"Y LIKE X [ESCAPE Z]\" expression.</p>\n<pre><code>select like('hel%', 'hello')\n-&gt; 1\n\nselect like('wor%', 'hello')\n-&gt; 0\n</code></pre>"
@@ -142,5 +146,21 @@
   "total": {
     "syntax": "total(X)",
     "description": "<p>The function returns the sum of all non-NULL values in the group, with a result of 0.0 if there are no non-NULL inputs.\nThe result of total() is always a floating point value.</p>"
+  },
+  "vector": {
+    "syntax": "vector(X)",
+    "description": "<p>Function to convert a vector from string format to binary.</p>\n<pre><code>INSERT INTO movies (title, year, embedding) VALUES('Napoleon', 2023, vector('[1,2,3]'));\n</code></pre>"
+  },
+  "vector_distance_cos": {
+    "syntax": "vector_distance_cos(X, Y)",
+    "description": "<p>Function to calculate cosine distance between two vectors.\nIt computes the distance as 1 minus the cosine similarity,\nmeaning a smaller distance indicates closer vectors.</p>\n<pre><code>SELECT * FROM movie\nORDER BY vector_distance_cos(embedding, '[3,1,2]')\n</code></pre>"
+  },
+  "vector_extract": {
+    "syntax": "vector_extract(X)",
+    "description": "<p>Function to extract string from binary vector</p>\n<pre><code>SELECT title,\n  vector_extract(embedding),\n  vector_distance_cos(embedding, vector('[5,6,7]'))\nFROM movies;\n</code></pre>"
+  },
+  "vector_top_k": {
+    "syntax": "vector_top_k(idx_name, q_vector, k)",
+    "description": "<p>Use <strong>vector<em>top</em>k</strong> with the <strong>idx<em>name</strong> index to efficiently find the top k most similar vectors to <strong>q</em>vector</strong></p>\n<pre><code>SELECT title, year\nFROM vector_top_k('movies_idx', vector('[4,5,6]'), 3)\nJOIN movies ON movies.rowid = id\n</code></pre>"
   }
 }
\ No newline at end of file
diff --git a/src/drivers/sqlite/functions/libsql_vector_idx.md b/src/drivers/sqlite/functions/libsql_vector_idx.md
new file mode 100644
index 00000000..90f11275
--- /dev/null
+++ b/src/drivers/sqlite/functions/libsql_vector_idx.md
@@ -0,0 +1,7 @@
+libsql_vector_idx(X)
+
+Use the **libsql_vector_idx** expression in the CREATE INDEX statement to create an ANN index.
+
+```
+CREATE INDEX movies_idx ON movies (libsql_vector_idx(embedding));
+```
diff --git a/src/drivers/sqlite/functions/vector.md b/src/drivers/sqlite/functions/vector.md
new file mode 100644
index 00000000..711bce01
--- /dev/null
+++ b/src/drivers/sqlite/functions/vector.md
@@ -0,0 +1,7 @@
+vector(X)
+
+Function to convert a vector from string format to binary.
+
+```
+INSERT INTO movies (title, year, embedding) VALUES('Napoleon', 2023, vector('[1,2,3]'));
+```
diff --git a/src/drivers/sqlite/functions/vector_distance_cos.md b/src/drivers/sqlite/functions/vector_distance_cos.md
new file mode 100644
index 00000000..6234d8b3
--- /dev/null
+++ b/src/drivers/sqlite/functions/vector_distance_cos.md
@@ -0,0 +1,10 @@
+vector_distance_cos(X, Y)
+
+Function to calculate cosine distance between two vectors.
+It computes the distance as 1 minus the cosine similarity,
+meaning a smaller distance indicates closer vectors.
+
+```
+SELECT * FROM movie
+ORDER BY vector_distance_cos(embedding, '[3,1,2]')
+```
diff --git a/src/drivers/sqlite/functions/vector_extract.md b/src/drivers/sqlite/functions/vector_extract.md
new file mode 100644
index 00000000..545c64f7
--- /dev/null
+++ b/src/drivers/sqlite/functions/vector_extract.md
@@ -0,0 +1,10 @@
+vector_extract(X)
+
+Function to extract string from binary vector
+
+```
+SELECT title,
+  vector_extract(embedding),
+  vector_distance_cos(embedding, vector('[5,6,7]'))
+FROM movies;
+```
diff --git a/src/drivers/sqlite/functions/vector_top_k.md b/src/drivers/sqlite/functions/vector_top_k.md
new file mode 100644
index 00000000..a6d475c8
--- /dev/null
+++ b/src/drivers/sqlite/functions/vector_top_k.md
@@ -0,0 +1,9 @@
+vector_top_k(idx_name, q_vector, k)
+
+Use **vector_top_k** with the **idx_name** index to efficiently find the top k most similar vectors to **q_vector**
+
+```
+SELECT title, year
+FROM vector_top_k('movies_idx', vector('[4,5,6]'), 3)
+JOIN movies ON movies.rowid = id
+```
diff --git a/src/drivers/sqlite/sqlite-dialect.ts b/src/drivers/sqlite/sqlite-dialect.ts
index 0bded45c..57519347 100644
--- a/src/drivers/sqlite/sqlite-dialect.ts
+++ b/src/drivers/sqlite/sqlite-dialect.ts
@@ -2,7 +2,7 @@ import { SQLDialect } from "@codemirror/lang-sql";
 import sqliteFunctionList from "./function-tooltip.json";
 
 export const SQLTypes =
-  "array binary bit boolean char character clob date decimal double float int integer interval large national nchar nclob numeric object precision real smallint time timestamp varchar varying ";
+  "array binary bit boolean char character clob date decimal double float int integer interval large national nchar nclob numeric object precision real smallint time timestamp varchar varying f32_blob float32";
 export const SQLKeywords =
   "absolute action add after all allocate alter and any are as asc assertion at authorization before begin between both breadth by call cascade cascaded case cast catalog check close collate collation column commit condition connect connection constraint constraints constructor continue corresponding count create cross cube current current_date current_default_transform_group current_transform_group_for_type current_path current_role current_time current_timestamp current_user cursor cycle data day deallocate declare default deferrable deferred delete depth deref desc describe descriptor deterministic diagnostics disconnect distinct do domain drop dynamic each else elseif end end-exec equals escape except exception exec execute exists exit external fetch first for foreign found from free full function general get global go goto grant group grouping handle having hold hour identity if immediate in indicator initially inner inout input insert intersect into is isolation join key language last lateral leading leave left level like limit local localtime localtimestamp locator loop map match method minute modifies module month names natural nesting new next no none not of old on only open option or order ordinality out outer output overlaps pad parameter partial path prepare preserve primary prior privileges procedure public read reads recursive redo ref references referencing relative release repeat resignal restrict result return returns revoke right role rollback rollup routine row rows savepoint schema scroll search second section select session session_user set sets signal similar size some space specific specifictype sql sqlexception sqlstate sqlwarning start state static system_user table temporary then timezone_hour timezone_minute to trailing transaction translation treat trigger under undo union unique unnest until update usage user using value values view when whenever where while with without work write year zone ";
 

From 4a490d3174817725f55952dbf06d4bf1f6f4bb90 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 31 Jul 2024 16:05:52 +0700
Subject: [PATCH 063/124] bump version 0.6.3

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f33be5f1..916c6a79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.6.2",
+      "version": "0.6.3",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/package.json b/package.json
index f66942ef..f1c6bf33 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "private": false,
   "scripts": {
     "dev": "next dev",

From d54044d4f7168649bbd7e6e8e8a3676088e2acdb Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 7 Aug 2024 13:31:24 +0700
Subject: [PATCH 064/124] feat: save local sqlite session (#133)

* feat: local sqlite session

* ask for permission if there is no permission before

* restructure and optimize page that does not require theme
---
 src/app/{ => (public)}/about/page.tsx         |   0
 .../docs/connect-turso/page.mdx               |   0
 .../docs/connect-valtown/page.mdx             |   0
 .../docs/embed-iframe-client/page.mdx         |   0
 src/app/{ => (public)}/docs/layout.tsx        |   0
 src/app/{ => (public)}/docs/page.mdx          |   0
 .../docs/temporary-session/page.mdx           |   0
 src/app/(public)/layout.tsx                   |  22 ++++
 .../learn/sqlite/indexing/page.mdx            |   0
 .../learn/sqlite/introduction/page.mdx        |   0
 .../{ => (public)}/learn/sqlite/layout.tsx    |   0
 .../login/github/callback/route.ts            |   0
 src/app/{ => (public)}/login/github/route.ts  |   0
 .../login/google/callback/route.ts            |   0
 src/app/{ => (public)}/login/google/route.ts  |   0
 src/app/{ => (public)}/login/page.tsx         |   0
 src/app/{ => (public)}/logout/route.tsx       |   0
 src/app/{ => (public)}/page.tsx               |   0
 src/app/{ => (public)}/playground/page.tsx    |   0
 src/app/{ => (public)}/privacy/page.tsx       |   0
 src/app/{ => (public)}/terms/page.tsx         |   0
 .../client/[[...driver]]/page-client.tsx      |   0
 .../client/[[...driver]]/page.tsx             |   0
 src/app/{ => (theme)}/client/layout.tsx       |   0
 .../{ => (theme)}/client/r/page-client.tsx    |   2 +-
 src/app/{ => (theme)}/client/r/page.tsx       |   2 +-
 .../client/s/[[...driver]]/page-client.tsx    |   2 +-
 .../client/s/[[...driver]]/page.tsx           |   0
 .../client/temp_sess/page-client.tsx          |   0
 .../{ => (theme)}/client/temp_sess/page.tsx   |   0
 .../{ => (theme)}/connect/connection-list.tsx |   2 +-
 .../connect/connection-string-input.tsx       |  10 ++
 .../{ => (theme)}/connect/driver-dropdown.tsx |  22 +++-
 src/app/{ => (theme)}/connect/page-client.tsx |   0
 src/app/{ => (theme)}/connect/page.tsx        |   0
 .../{ => (theme)}/connect/quick-connect.tsx   |   0
 .../connect/saved-connection-card.tsx         |   4 +-
 .../connect/saved-connection-config.tsx       |   2 +-
 .../connect/saved-connection-content.tsx      |   0
 .../connect/saved-connection-storage.ts       |  35 +++++-
 .../connect/saved-connection-type.tsx         |   2 +-
 .../connect/saved-connection.tsx              |  11 +-
 .../connect/saved-edit-connection.tsx         |   0
 .../connect/saved-remove-connection.tsx       |   0
 src/app/{ => (theme)}/embed/sqlite/page.tsx   |   0
 src/app/(theme)/layout.tsx                    |  30 +++++
 .../playground/client/page-client.tsx         |  31 ++++-
 .../{ => (theme)}/playground/client/page.tsx  |   0
 src/app/api/database/[database_id]/route.ts   |   2 +-
 src/app/api/database/route.ts                 |   2 +-
 src/app/api/databases/route.ts                |   2 +-
 src/app/api/temp_ops/[session_id]/route.ts    |   2 +-
 src/app/layout.tsx                            |  21 +---
 src/components/filehandler-picker.tsx         | 106 ++++++++++++++++++
 src/context/connection-config-provider.tsx    |   2 +-
 src/hooks/use-connect.ts                      |   2 +-
 src/indexdb.ts                                |   9 +-
 src/lib/api-response-types.ts                 |   2 +-
 src/lib/api/fetch-databases.ts                |   2 +-
 59 files changed, 281 insertions(+), 48 deletions(-)
 rename src/app/{ => (public)}/about/page.tsx (100%)
 rename src/app/{ => (public)}/docs/connect-turso/page.mdx (100%)
 rename src/app/{ => (public)}/docs/connect-valtown/page.mdx (100%)
 rename src/app/{ => (public)}/docs/embed-iframe-client/page.mdx (100%)
 rename src/app/{ => (public)}/docs/layout.tsx (100%)
 rename src/app/{ => (public)}/docs/page.mdx (100%)
 rename src/app/{ => (public)}/docs/temporary-session/page.mdx (100%)
 create mode 100644 src/app/(public)/layout.tsx
 rename src/app/{ => (public)}/learn/sqlite/indexing/page.mdx (100%)
 rename src/app/{ => (public)}/learn/sqlite/introduction/page.mdx (100%)
 rename src/app/{ => (public)}/learn/sqlite/layout.tsx (100%)
 rename src/app/{ => (public)}/login/github/callback/route.ts (100%)
 rename src/app/{ => (public)}/login/github/route.ts (100%)
 rename src/app/{ => (public)}/login/google/callback/route.ts (100%)
 rename src/app/{ => (public)}/login/google/route.ts (100%)
 rename src/app/{ => (public)}/login/page.tsx (100%)
 rename src/app/{ => (public)}/logout/route.tsx (100%)
 rename src/app/{ => (public)}/page.tsx (100%)
 rename src/app/{ => (public)}/playground/page.tsx (100%)
 rename src/app/{ => (public)}/privacy/page.tsx (100%)
 rename src/app/{ => (public)}/terms/page.tsx (100%)
 rename src/app/{ => (theme)}/client/[[...driver]]/page-client.tsx (100%)
 rename src/app/{ => (theme)}/client/[[...driver]]/page.tsx (100%)
 rename src/app/{ => (theme)}/client/layout.tsx (100%)
 rename src/app/{ => (theme)}/client/r/page-client.tsx (92%)
 rename src/app/{ => (theme)}/client/r/page.tsx (92%)
 rename src/app/{ => (theme)}/client/s/[[...driver]]/page-client.tsx (94%)
 rename src/app/{ => (theme)}/client/s/[[...driver]]/page.tsx (100%)
 rename src/app/{ => (theme)}/client/temp_sess/page-client.tsx (100%)
 rename src/app/{ => (theme)}/client/temp_sess/page.tsx (100%)
 rename src/app/{ => (theme)}/connect/connection-list.tsx (99%)
 rename src/app/{ => (theme)}/connect/connection-string-input.tsx (87%)
 rename src/app/{ => (theme)}/connect/driver-dropdown.tsx (80%)
 rename src/app/{ => (theme)}/connect/page-client.tsx (100%)
 rename src/app/{ => (theme)}/connect/page.tsx (100%)
 rename src/app/{ => (theme)}/connect/quick-connect.tsx (100%)
 rename src/app/{ => (theme)}/connect/saved-connection-card.tsx (93%)
 rename src/app/{ => (theme)}/connect/saved-connection-config.tsx (98%)
 rename src/app/{ => (theme)}/connect/saved-connection-content.tsx (100%)
 rename src/app/{ => (theme)}/connect/saved-connection-storage.ts (91%)
 rename src/app/{ => (theme)}/connect/saved-connection-type.tsx (94%)
 rename src/app/{ => (theme)}/connect/saved-connection.tsx (92%)
 rename src/app/{ => (theme)}/connect/saved-edit-connection.tsx (100%)
 rename src/app/{ => (theme)}/connect/saved-remove-connection.tsx (100%)
 rename src/app/{ => (theme)}/embed/sqlite/page.tsx (100%)
 create mode 100644 src/app/(theme)/layout.tsx
 rename src/app/{ => (theme)}/playground/client/page-client.tsx (86%)
 rename src/app/{ => (theme)}/playground/client/page.tsx (100%)
 create mode 100644 src/components/filehandler-picker.tsx

diff --git a/src/app/about/page.tsx b/src/app/(public)/about/page.tsx
similarity index 100%
rename from src/app/about/page.tsx
rename to src/app/(public)/about/page.tsx
diff --git a/src/app/docs/connect-turso/page.mdx b/src/app/(public)/docs/connect-turso/page.mdx
similarity index 100%
rename from src/app/docs/connect-turso/page.mdx
rename to src/app/(public)/docs/connect-turso/page.mdx
diff --git a/src/app/docs/connect-valtown/page.mdx b/src/app/(public)/docs/connect-valtown/page.mdx
similarity index 100%
rename from src/app/docs/connect-valtown/page.mdx
rename to src/app/(public)/docs/connect-valtown/page.mdx
diff --git a/src/app/docs/embed-iframe-client/page.mdx b/src/app/(public)/docs/embed-iframe-client/page.mdx
similarity index 100%
rename from src/app/docs/embed-iframe-client/page.mdx
rename to src/app/(public)/docs/embed-iframe-client/page.mdx
diff --git a/src/app/docs/layout.tsx b/src/app/(public)/docs/layout.tsx
similarity index 100%
rename from src/app/docs/layout.tsx
rename to src/app/(public)/docs/layout.tsx
diff --git a/src/app/docs/page.mdx b/src/app/(public)/docs/page.mdx
similarity index 100%
rename from src/app/docs/page.mdx
rename to src/app/(public)/docs/page.mdx
diff --git a/src/app/docs/temporary-session/page.mdx b/src/app/(public)/docs/temporary-session/page.mdx
similarity index 100%
rename from src/app/docs/temporary-session/page.mdx
rename to src/app/(public)/docs/temporary-session/page.mdx
diff --git a/src/app/(public)/layout.tsx b/src/app/(public)/layout.tsx
new file mode 100644
index 00000000..9f702ae7
--- /dev/null
+++ b/src/app/(public)/layout.tsx
@@ -0,0 +1,22 @@
+import { Analytics } from "@vercel/analytics/react";
+import { Inter } from "next/font/google";
+import { Toaster } from "@/components/ui/sonner";
+import { Fragment } from "react";
+import Script from "next/script";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export default async function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <body className={inter.className} suppressHydrationWarning>
+      <Fragment>{children}</Fragment>
+      <Toaster />
+      <Analytics />
+      <Script async defer src="https://buttons.github.io/buttons.js" />
+    </body>
+  );
+}
diff --git a/src/app/learn/sqlite/indexing/page.mdx b/src/app/(public)/learn/sqlite/indexing/page.mdx
similarity index 100%
rename from src/app/learn/sqlite/indexing/page.mdx
rename to src/app/(public)/learn/sqlite/indexing/page.mdx
diff --git a/src/app/learn/sqlite/introduction/page.mdx b/src/app/(public)/learn/sqlite/introduction/page.mdx
similarity index 100%
rename from src/app/learn/sqlite/introduction/page.mdx
rename to src/app/(public)/learn/sqlite/introduction/page.mdx
diff --git a/src/app/learn/sqlite/layout.tsx b/src/app/(public)/learn/sqlite/layout.tsx
similarity index 100%
rename from src/app/learn/sqlite/layout.tsx
rename to src/app/(public)/learn/sqlite/layout.tsx
diff --git a/src/app/login/github/callback/route.ts b/src/app/(public)/login/github/callback/route.ts
similarity index 100%
rename from src/app/login/github/callback/route.ts
rename to src/app/(public)/login/github/callback/route.ts
diff --git a/src/app/login/github/route.ts b/src/app/(public)/login/github/route.ts
similarity index 100%
rename from src/app/login/github/route.ts
rename to src/app/(public)/login/github/route.ts
diff --git a/src/app/login/google/callback/route.ts b/src/app/(public)/login/google/callback/route.ts
similarity index 100%
rename from src/app/login/google/callback/route.ts
rename to src/app/(public)/login/google/callback/route.ts
diff --git a/src/app/login/google/route.ts b/src/app/(public)/login/google/route.ts
similarity index 100%
rename from src/app/login/google/route.ts
rename to src/app/(public)/login/google/route.ts
diff --git a/src/app/login/page.tsx b/src/app/(public)/login/page.tsx
similarity index 100%
rename from src/app/login/page.tsx
rename to src/app/(public)/login/page.tsx
diff --git a/src/app/logout/route.tsx b/src/app/(public)/logout/route.tsx
similarity index 100%
rename from src/app/logout/route.tsx
rename to src/app/(public)/logout/route.tsx
diff --git a/src/app/page.tsx b/src/app/(public)/page.tsx
similarity index 100%
rename from src/app/page.tsx
rename to src/app/(public)/page.tsx
diff --git a/src/app/playground/page.tsx b/src/app/(public)/playground/page.tsx
similarity index 100%
rename from src/app/playground/page.tsx
rename to src/app/(public)/playground/page.tsx
diff --git a/src/app/privacy/page.tsx b/src/app/(public)/privacy/page.tsx
similarity index 100%
rename from src/app/privacy/page.tsx
rename to src/app/(public)/privacy/page.tsx
diff --git a/src/app/terms/page.tsx b/src/app/(public)/terms/page.tsx
similarity index 100%
rename from src/app/terms/page.tsx
rename to src/app/(public)/terms/page.tsx
diff --git a/src/app/client/[[...driver]]/page-client.tsx b/src/app/(theme)/client/[[...driver]]/page-client.tsx
similarity index 100%
rename from src/app/client/[[...driver]]/page-client.tsx
rename to src/app/(theme)/client/[[...driver]]/page-client.tsx
diff --git a/src/app/client/[[...driver]]/page.tsx b/src/app/(theme)/client/[[...driver]]/page.tsx
similarity index 100%
rename from src/app/client/[[...driver]]/page.tsx
rename to src/app/(theme)/client/[[...driver]]/page.tsx
diff --git a/src/app/client/layout.tsx b/src/app/(theme)/client/layout.tsx
similarity index 100%
rename from src/app/client/layout.tsx
rename to src/app/(theme)/client/layout.tsx
diff --git a/src/app/client/r/page-client.tsx b/src/app/(theme)/client/r/page-client.tsx
similarity index 92%
rename from src/app/client/r/page-client.tsx
rename to src/app/(theme)/client/r/page-client.tsx
index df3874b4..7507278a 100644
--- a/src/app/client/r/page-client.tsx
+++ b/src/app/(theme)/client/r/page-client.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { SavedConnectionItem } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItem } from "@/app/(theme)/connect/saved-connection-storage";
 import CollaborationDriver from "@/drivers/collaboration-driver";
 import RemoteDriver from "@/drivers/remote-driver";
 import { useSearchParams } from "next/navigation";
diff --git a/src/app/client/r/page.tsx b/src/app/(theme)/client/r/page.tsx
similarity index 92%
rename from src/app/client/r/page.tsx
rename to src/app/(theme)/client/r/page.tsx
index 5044625a..7db99bc8 100644
--- a/src/app/client/r/page.tsx
+++ b/src/app/(theme)/client/r/page.tsx
@@ -1,4 +1,4 @@
-import type { SavedConnectionLabel } from "@/app/connect/saved-connection-storage";
+import type { SavedConnectionLabel } from "@/app/(theme)/connect/saved-connection-storage";
 import { get_database } from "@/db";
 import { database } from "@/db/schema";
 import { getSessionFromCookie } from "@/lib/auth";
diff --git a/src/app/client/s/[[...driver]]/page-client.tsx b/src/app/(theme)/client/s/[[...driver]]/page-client.tsx
similarity index 94%
rename from src/app/client/s/[[...driver]]/page-client.tsx
rename to src/app/(theme)/client/s/[[...driver]]/page-client.tsx
index 61a9352f..a3b25389 100644
--- a/src/app/client/s/[[...driver]]/page-client.tsx
+++ b/src/app/(theme)/client/s/[[...driver]]/page-client.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { SavedConnectionLocalStorage } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionLocalStorage } from "@/app/(theme)/connect/saved-connection-storage";
 import RqliteDriver from "@/drivers/rqlite-driver";
 import TursoDriver from "@/drivers/turso-driver";
 import ValtownDriver from "@/drivers/valtown-driver";
diff --git a/src/app/client/s/[[...driver]]/page.tsx b/src/app/(theme)/client/s/[[...driver]]/page.tsx
similarity index 100%
rename from src/app/client/s/[[...driver]]/page.tsx
rename to src/app/(theme)/client/s/[[...driver]]/page.tsx
diff --git a/src/app/client/temp_sess/page-client.tsx b/src/app/(theme)/client/temp_sess/page-client.tsx
similarity index 100%
rename from src/app/client/temp_sess/page-client.tsx
rename to src/app/(theme)/client/temp_sess/page-client.tsx
diff --git a/src/app/client/temp_sess/page.tsx b/src/app/(theme)/client/temp_sess/page.tsx
similarity index 100%
rename from src/app/client/temp_sess/page.tsx
rename to src/app/(theme)/client/temp_sess/page.tsx
diff --git a/src/app/connect/connection-list.tsx b/src/app/(theme)/connect/connection-list.tsx
similarity index 99%
rename from src/app/connect/connection-list.tsx
rename to src/app/(theme)/connect/connection-list.tsx
index f46458f3..a0ab7959 100644
--- a/src/app/connect/connection-list.tsx
+++ b/src/app/(theme)/connect/connection-list.tsx
@@ -13,7 +13,7 @@ import {
   SavedConnectionItem,
   SavedConnectionLocalStorage,
   SupportedDriver,
-} from "@/app/connect/saved-connection-storage";
+} from "@/app/(theme)/connect/saved-connection-storage";
 import EditSavedConnection from "./saved-edit-connection";
 import RemoveSavedConnection from "./saved-remove-connection";
 import ConnectionItemCard from "./saved-connection-card";
diff --git a/src/app/connect/connection-string-input.tsx b/src/app/(theme)/connect/connection-string-input.tsx
similarity index 87%
rename from src/app/connect/connection-string-input.tsx
rename to src/app/(theme)/connect/connection-string-input.tsx
index 41319a62..787e83d6 100644
--- a/src/app/connect/connection-string-input.tsx
+++ b/src/app/(theme)/connect/connection-string-input.tsx
@@ -5,6 +5,7 @@ import {
   SupportedDriver,
 } from "./saved-connection-storage";
 import { Input } from "@/components/ui/input";
+import FileHandlerPicker from "@/components/filehandler-picker";
 
 export default function ConnectionStringInput({
   value,
@@ -65,6 +66,15 @@ export default function ConnectionStringInput({
               }}
             />
           );
+        } else if (field.type === "filehandler") {
+          inputDom = (
+            <FileHandlerPicker
+              value={value[field.name]}
+              onChange={(fileId) => {
+                onChange({ ...value, [field.name]: fileId });
+              }}
+            />
+          );
         }
 
         return (
diff --git a/src/app/connect/driver-dropdown.tsx b/src/app/(theme)/connect/driver-dropdown.tsx
similarity index 80%
rename from src/app/connect/driver-dropdown.tsx
rename to src/app/(theme)/connect/driver-dropdown.tsx
index 64783bd1..88b3fc4c 100644
--- a/src/app/connect/driver-dropdown.tsx
+++ b/src/app/(theme)/connect/driver-dropdown.tsx
@@ -80,18 +80,32 @@ export default function DriverDropdown({
           </div>
         </DropdownMenuItem>
         <DropdownMenuSeparator />
+        <DropdownMenuItem
+          onClick={() => {
+            onSelect("sqlite-filehandler");
+          }}
+        >
+          <div className="flex gap-4 px-2 items-center h-16">
+            <img src="/sqlite-icon.svg" alt="sqlite" className="w-9 h-9" />
+            <div>
+              <div className="font-bold">Open SQLite File</div>
+              <div className="text-xs opacity-50">
+                Open SQLite file database directly in your browser.
+              </div>
+            </div>
+          </div>
+        </DropdownMenuItem>
         <DropdownMenuItem
           onClick={() => {
             router.push("/playground/client");
           }}
         >
           <div className="flex gap-4 px-2 items-center h-16">
-            <img src="/sqlite-icon.svg" alt="rqlite" className="w-9 h-9" />
+            <img src="/sqlite-icon.svg" alt="sqlite" className="w-9 h-9" />
             <div>
-              <div className="font-bold">SQLite</div>
+              <div className="font-bold">Blank SQLite</div>
               <div className="text-xs opacity-50">
-                Open an SQLite file or start a new SQLite database directly in
-                your browser.
+                Start a new SQLite database directly in your browser.
               </div>
             </div>
           </div>
diff --git a/src/app/connect/page-client.tsx b/src/app/(theme)/connect/page-client.tsx
similarity index 100%
rename from src/app/connect/page-client.tsx
rename to src/app/(theme)/connect/page-client.tsx
diff --git a/src/app/connect/page.tsx b/src/app/(theme)/connect/page.tsx
similarity index 100%
rename from src/app/connect/page.tsx
rename to src/app/(theme)/connect/page.tsx
diff --git a/src/app/connect/quick-connect.tsx b/src/app/(theme)/connect/quick-connect.tsx
similarity index 100%
rename from src/app/connect/quick-connect.tsx
rename to src/app/(theme)/connect/quick-connect.tsx
diff --git a/src/app/connect/saved-connection-card.tsx b/src/app/(theme)/connect/saved-connection-card.tsx
similarity index 93%
rename from src/app/connect/saved-connection-card.tsx
rename to src/app/(theme)/connect/saved-connection-card.tsx
index 4b4bf30e..311b8b72 100644
--- a/src/app/connect/saved-connection-card.tsx
+++ b/src/app/(theme)/connect/saved-connection-card.tsx
@@ -43,7 +43,9 @@ export default function ConnectionItemCard({
           )}
           href={
             conn.storage === "local"
-              ? `/client/s/${conn.driver ?? "turso"}?p=${conn.id}`
+              ? conn.driver === "sqlite-filehandler"
+                ? `/playground/client?s=${conn.id}`
+                : `/client/s/${conn.driver ?? "turso"}?p=${conn.id}`
               : `/client/r?p=${conn.id}`
           }
         >
diff --git a/src/app/connect/saved-connection-config.tsx b/src/app/(theme)/connect/saved-connection-config.tsx
similarity index 98%
rename from src/app/connect/saved-connection-config.tsx
rename to src/app/(theme)/connect/saved-connection-config.tsx
index 71cb28a0..a244a8dc 100644
--- a/src/app/connect/saved-connection-config.tsx
+++ b/src/app/(theme)/connect/saved-connection-config.tsx
@@ -11,7 +11,7 @@ import {
   SupportedDriver,
   prefillConnectionString,
   validateConnectionString,
-} from "@/app/connect/saved-connection-storage";
+} from "@/app/(theme)/connect/saved-connection-storage";
 import { cn } from "@/lib/utils";
 import { useMemo, useState } from "react";
 import { LucideLoader } from "lucide-react";
diff --git a/src/app/connect/saved-connection-content.tsx b/src/app/(theme)/connect/saved-connection-content.tsx
similarity index 100%
rename from src/app/connect/saved-connection-content.tsx
rename to src/app/(theme)/connect/saved-connection-content.tsx
diff --git a/src/app/connect/saved-connection-storage.ts b/src/app/(theme)/connect/saved-connection-storage.ts
similarity index 91%
rename from src/app/connect/saved-connection-storage.ts
rename to src/app/(theme)/connect/saved-connection-storage.ts
index 44c0d766..59702360 100644
--- a/src/app/connect/saved-connection-storage.ts
+++ b/src/app/(theme)/connect/saved-connection-storage.ts
@@ -3,7 +3,7 @@ import parseSafeJson from "@/lib/json-safe";
 
 export interface DriverDetailField {
   name: keyof SavedConnectionItemConfigConfig;
-  type: "text" | "textarea" | "password";
+  type: "text" | "textarea" | "password" | "filehandler";
   secret?: boolean;
   required?: boolean;
   title?: string;
@@ -16,11 +16,26 @@ export interface DriverDetailField {
 export interface DriverDetail {
   name: string;
   icon: string;
+  disableRemote?: boolean;
   fields: DriverDetailField[];
 }
 
 export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
   Object.freeze({
+    "sqlite-filehandler": {
+      name: "sqlite-filehandler",
+      icon: "/sqlite-icon.svg",
+      disableRemote: true,
+      fields: [
+        {
+          name: "filehandler",
+          required: true,
+          type: "filehandler",
+          title: "File",
+          description: "",
+        },
+      ],
+    },
     turso: {
       name: "turso",
       icon: "/turso.jpeg",
@@ -178,7 +193,12 @@ export function prefillConnectionString(
   };
 }
 
-export type SupportedDriver = "turso" | "rqlite" | "valtown" | "cloudflare-d1";
+export type SupportedDriver =
+  | "turso"
+  | "rqlite"
+  | "valtown"
+  | "cloudflare-d1"
+  | "sqlite-filehandler";
 export type SavedConnectionStorage = "remote" | "local";
 export type SavedConnectionLabel = "gray" | "red" | "yellow" | "green" | "blue";
 
@@ -208,6 +228,7 @@ export interface SavedConnectionItemConfigConfig {
   username?: string;
   password?: string;
   database?: string;
+  filehandler?: string;
 }
 
 export interface SavedConnectionItemConfig {
@@ -236,6 +257,7 @@ interface SavedConnectionRawLocalStorage {
   database: string;
   driver?: SupportedDriver;
   label?: SavedConnectionLabel;
+  file_handler?: string;
   description?: string;
   last_used: number;
 }
@@ -250,6 +272,7 @@ function configToRaw(
     driver: data.driver ?? "turso",
     url: data.config?.url ?? "",
     token: data.config?.token ?? "",
+    file_handler: data.config?.filehandler,
     username: data.config?.username ?? "",
     password: data.config?.password ?? "",
     database: data.config?.database ?? "",
@@ -286,6 +309,7 @@ function mapDetailRaw(
       password: data.password,
       username: data.username,
       database: data.database,
+      filehandler: data.file_handler,
     },
   };
 }
@@ -305,6 +329,13 @@ export class SavedConnectionLocalStorage {
     ).map(mapRaw);
   }
 
+  static getDetailList(): SavedConnectionItemDetail[] {
+    return parseSafeJson<SavedConnectionRawLocalStorage[]>(
+      localStorage.getItem("connections"),
+      []
+    ).map(mapDetailRaw);
+  }
+
   static remove(id: string) {
     const tmp = getAllConnections().filter((conn) => conn.id !== id);
     localStorage.setItem("connections", JSON.stringify(tmp));
diff --git a/src/app/connect/saved-connection-type.tsx b/src/app/(theme)/connect/saved-connection-type.tsx
similarity index 94%
rename from src/app/connect/saved-connection-type.tsx
rename to src/app/(theme)/connect/saved-connection-type.tsx
index e9cd431d..db12d6aa 100644
--- a/src/app/connect/saved-connection-type.tsx
+++ b/src/app/(theme)/connect/saved-connection-type.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button";
-import { SavedConnectionStorage } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionStorage } from "@/app/(theme)/connect/saved-connection-storage";
 import { cn } from "@/lib/utils";
 import { useState } from "react";
 
diff --git a/src/app/connect/saved-connection.tsx b/src/app/(theme)/connect/saved-connection.tsx
similarity index 92%
rename from src/app/connect/saved-connection.tsx
rename to src/app/(theme)/connect/saved-connection.tsx
index 19c460ce..be9520d0 100644
--- a/src/app/connect/saved-connection.tsx
+++ b/src/app/(theme)/connect/saved-connection.tsx
@@ -2,13 +2,14 @@ import { useCallback, useState } from "react";
 import ConnectionDialogContent from "./saved-connection-content";
 import SaveConnectionType from "./saved-connection-type";
 import {
+  DRIVER_DETAIL,
   SavedConnectionItem,
   SavedConnectionItemConfig,
   SavedConnectionItemWithoutId,
   SavedConnectionLocalStorage,
   SavedConnectionStorage,
   SupportedDriver,
-} from "@/app/connect/saved-connection-storage";
+} from "@/app/(theme)/connect/saved-connection-storage";
 import SavedConnectionConfig from "./saved-connection-config";
 import { createDatabase } from "@/lib/api/fetch-databases";
 import { User } from "lucia";
@@ -51,9 +52,11 @@ export default function SaveConnection({
   const [storage, setStorage] = useState<SavedConnectionStorage | undefined>(
     user ? undefined : "local"
   );
-  const [step, setStep] = useState<SaveConnectionStep>(
-    user ? "storage" : "config"
-  );
+  const [step, setStep] = useState<SaveConnectionStep>(() => {
+    if (!user) return "config";
+    if (DRIVER_DETAIL[driver].disableRemote) return "config";
+    return "storage";
+  });
   const [loading, setLoading] = useState(false);
 
   const onConnectionTypeSelected = useCallback(
diff --git a/src/app/connect/saved-edit-connection.tsx b/src/app/(theme)/connect/saved-edit-connection.tsx
similarity index 100%
rename from src/app/connect/saved-edit-connection.tsx
rename to src/app/(theme)/connect/saved-edit-connection.tsx
diff --git a/src/app/connect/saved-remove-connection.tsx b/src/app/(theme)/connect/saved-remove-connection.tsx
similarity index 100%
rename from src/app/connect/saved-remove-connection.tsx
rename to src/app/(theme)/connect/saved-remove-connection.tsx
diff --git a/src/app/embed/sqlite/page.tsx b/src/app/(theme)/embed/sqlite/page.tsx
similarity index 100%
rename from src/app/embed/sqlite/page.tsx
rename to src/app/(theme)/embed/sqlite/page.tsx
diff --git a/src/app/(theme)/layout.tsx b/src/app/(theme)/layout.tsx
new file mode 100644
index 00000000..33a13bb1
--- /dev/null
+++ b/src/app/(theme)/layout.tsx
@@ -0,0 +1,30 @@
+import { Analytics } from "@vercel/analytics/react";
+import { Inter } from "next/font/google";
+import ThemeProvider from "@/context/theme-provider";
+import { cookies } from "next/headers";
+import { Toaster } from "@/components/ui/sonner";
+import { Fragment } from "react";
+import Script from "next/script";
+import { cn } from "@/lib/utils";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export default async function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const cookieStore = cookies();
+  const theme = cookieStore.get("theme")?.value === "dark" ? "dark" : "light";
+
+  return (
+    <body className={cn(inter.className, theme)} suppressHydrationWarning>
+      <ThemeProvider defaultTheme={theme}>
+        <Fragment>{children}</Fragment>
+        <Toaster />
+      </ThemeProvider>
+      <Analytics />
+      <Script async defer src="https://buttons.github.io/buttons.js" />
+    </body>
+  );
+}
diff --git a/src/app/playground/client/page-client.tsx b/src/app/(theme)/playground/client/page-client.tsx
similarity index 86%
rename from src/app/playground/client/page-client.tsx
rename to src/app/(theme)/playground/client/page-client.tsx
index d98ff72a..6b4dcfbe 100644
--- a/src/app/playground/client/page-client.tsx
+++ b/src/app/(theme)/playground/client/page-client.tsx
@@ -15,6 +15,9 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import { useSearchParams } from "next/navigation";
+import { localDb } from "@/indexdb";
+import { SavedConnectionLocalStorage } from "@/app/(theme)/connect/saved-connection-storage";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -22,6 +25,7 @@ export default function PlaygroundEditorBody({
   preloadDatabase?: string | null;
 }) {
   const [sqlInit, setSqlInit] = useState<SqlJsStatic>();
+  const searchParams = useSearchParams();
   const [databaseLoading, setDatabaseLoading] = useState(!!preloadDatabase);
   const [rawDb, setRawDb] = useState<Database>();
   const [db, setDb] = useState<SqljsDriver>();
@@ -46,13 +50,36 @@ export default function PlaygroundEditorBody({
             setDb(new SqljsDriver(sqljsDatabase));
           })
           .finally(() => setDatabaseLoading(false));
+      } else if (searchParams.get("s")) {
+        const sessionId = searchParams.get("s");
+        if (!sessionId) return;
+
+        const session = SavedConnectionLocalStorage.get(sessionId);
+        if (!session) return;
+
+        const fileHandlerId = session?.config.filehandler;
+        if (!fileHandlerId) return;
+
+        localDb.file_handler.get(fileHandlerId).then((sessionData) => {
+          if (sessionData?.handler) {
+            sessionData.handler.queryPermission().then((permission) => {
+              if (permission !== "granted") {
+                sessionData.handler.requestPermission().then(() => {
+                  setHandler(sessionData.handler);
+                });
+              } else {
+                setHandler(sessionData.handler);
+              }
+            });
+          }
+        });
       } else {
         const sqljsDatabase = new sqlInit.Database();
         setRawDb(sqljsDatabase);
         setDb(new SqljsDriver(sqljsDatabase));
       }
     }
-  }, [sqlInit, preloadDatabase]);
+  }, [sqlInit, preloadDatabase, searchParams]);
 
   useEffect(() => {
     if (handler && sqlInit) {
@@ -203,7 +230,7 @@ export default function PlaygroundEditorBody({
         </div>
       </div>
     );
-  }, [rawDb, handler, db, fileName]);
+  }, [rawDb, handler, db, fileName, onReloadDatabase]);
 
   useEffect(() => {
     if (handler && db) {
diff --git a/src/app/playground/client/page.tsx b/src/app/(theme)/playground/client/page.tsx
similarity index 100%
rename from src/app/playground/client/page.tsx
rename to src/app/(theme)/playground/client/page.tsx
diff --git a/src/app/api/database/[database_id]/route.ts b/src/app/api/database/[database_id]/route.ts
index 2aac0701..36ef0488 100644
--- a/src/app/api/database/[database_id]/route.ts
+++ b/src/app/api/database/[database_id]/route.ts
@@ -5,7 +5,7 @@ import { database } from "@/db/schema";
 import { eq } from "drizzle-orm";
 import { encrypt } from "@/lib/encryption-edge";
 import { env } from "@/env";
-import { SavedConnectionItemConfig } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItemConfig } from "@/app/(theme)/connect/saved-connection-storage";
 import { get_database } from "@/db";
 
 export const runtime = "edge";
diff --git a/src/app/api/database/route.ts b/src/app/api/database/route.ts
index 18436e40..a09848f2 100644
--- a/src/app/api/database/route.ts
+++ b/src/app/api/database/route.ts
@@ -5,7 +5,7 @@ import { database, database_role, database_user_role } from "@/db/schema";
 import { NextResponse } from "next/server";
 import { env } from "@/env";
 import { encrypt } from "@/lib/encryption-edge";
-import { SavedConnectionItem } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItem } from "@/app/(theme)/connect/saved-connection-storage";
 import { get_database } from "@/db";
 
 export const runtime = "edge";
diff --git a/src/app/api/databases/route.ts b/src/app/api/databases/route.ts
index 7141ad08..c7a4de0c 100644
--- a/src/app/api/databases/route.ts
+++ b/src/app/api/databases/route.ts
@@ -1,4 +1,4 @@
-import { SavedConnectionItem } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItem } from "@/app/(theme)/connect/saved-connection-storage";
 import { get_database } from "@/db";
 import { database, database_user_role, user as userTable } from "@/db/schema";
 import withUser from "@/lib/with-user";
diff --git a/src/app/api/temp_ops/[session_id]/route.ts b/src/app/api/temp_ops/[session_id]/route.ts
index d91ea89c..52b47bac 100644
--- a/src/app/api/temp_ops/[session_id]/route.ts
+++ b/src/app/api/temp_ops/[session_id]/route.ts
@@ -7,7 +7,7 @@ import withErrorHandler from "@/lib/with-error-handler";
 import { ApiError } from "@/lib/api-error";
 import { HttpStatus } from "@/constants/http-status";
 import parseSafeJson from "@/lib/json-safe";
-import { SavedConnectionItemConfigConfig } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItemConfigConfig } from "@/app/(theme)/connect/saved-connection-storage";
 
 export const runtime = "edge";
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index eb3997e4..35afb88c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,8 @@
-import { Analytics } from "@vercel/analytics/react";
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
 
 import "./globals.css";
 import "./codemirror-override.css";
-
-import ThemeProvider from "@/context/theme-provider";
-import { cookies } from "next/headers";
-import { Toaster } from "@/components/ui/sonner";
 import { Fragment } from "react";
-import Script from "next/script";
-
-const inter = Inter({ subsets: ["latin"] });
 
 const siteDescription =
   "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
@@ -41,19 +32,9 @@ export default async function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-  const cookieStore = cookies();
-  const theme = cookieStore.get("theme")?.value === "dark" ? "dark" : "light";
-
   return (
     <html lang="en">
-      <body className={inter.className} suppressHydrationWarning>
-        <ThemeProvider defaultTheme={theme}>
-          <Fragment>{children}</Fragment>
-          <Toaster />
-        </ThemeProvider>
-        <Analytics />
-        <Script async defer src="https://buttons.github.io/buttons.js" />
-      </body>
+      <Fragment>{children}</Fragment>
     </html>
   );
 }
diff --git a/src/components/filehandler-picker.tsx b/src/components/filehandler-picker.tsx
new file mode 100644
index 00000000..3152b801
--- /dev/null
+++ b/src/components/filehandler-picker.tsx
@@ -0,0 +1,106 @@
+import { useCallback, useEffect, useState } from "react";
+import { Button, buttonVariants } from "./ui/button";
+import { localDb } from "@/indexdb";
+import { LucideFile, LucideFolderClosed } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { SavedConnectionLocalStorage } from "@/app/(theme)/connect/saved-connection-storage";
+
+/**
+ * Cleanup file handler from indexdb database when
+ * it is no longer needed.
+ */
+async function cleanupFileHandler() {
+  const connectionList = SavedConnectionLocalStorage.getDetailList();
+  const validHandlerIds = new Set(
+    connectionList.map((c) => c.config?.filehandler).filter(Boolean) as string[]
+  );
+
+  const fileHandlerList = (await localDb.file_handler.toArray()).map(
+    (r) => r.id
+  );
+
+  for (const id of fileHandlerList) {
+    if (!validHandlerIds.has(id)) {
+      await localDb.file_handler.delete(id);
+    }
+  }
+}
+
+async function openFileHandler() {
+  const [newFileHandler] = await window.showOpenFilePicker({
+    types: [
+      {
+        description: "SQLite Files",
+        accept: {
+          "application/x-sqlite3": [
+            ".db",
+            ".sdb",
+            ".sqlite",
+            ".db3",
+            ".s3db",
+            ".sqlite3",
+            ".sl3",
+            ".db2",
+            ".s2db",
+            ".sqlite2",
+            ".sl2",
+          ],
+        },
+      },
+    ],
+  });
+
+  const id = crypto.randomUUID();
+  localDb.file_handler.add({ id, handler: newFileHandler }).then();
+
+  return id;
+}
+
+export default function FileHandlerPicker({
+  value,
+  onChange,
+}: {
+  value?: string;
+  onChange: (file: string) => void;
+}) {
+  const [handler, setHandler] = useState<FileSystemHandle>();
+
+  useEffect(() => {
+    if (value) {
+      localDb.file_handler.get(value).then((data) => {
+        if (data?.handler) {
+          setHandler(data.handler);
+        }
+      });
+    }
+  }, [value]);
+
+  const onChangeFile = useCallback(() => {
+    cleanupFileHandler()
+      .then(openFileHandler)
+      .then(onChange)
+      .catch(console.error);
+  }, [onChange]);
+
+  if (handler) {
+    return (
+      <div
+        onClick={onChangeFile}
+        className={cn(
+          buttonVariants({ variant: "outline" }),
+          "w-full justify-start cursor-pointer"
+        )}
+      >
+        <LucideFile className="w-4 h-4 mr-2" />
+        {handler.name}
+      </div>
+    );
+  }
+
+  return (
+    <Button onClick={onChangeFile} variant={"outline"}>
+      <LucideFolderClosed className="w-4 h-4 mr-2" />
+      Open File
+    </Button>
+  );
+}
diff --git a/src/context/connection-config-provider.tsx b/src/context/connection-config-provider.tsx
index ceb5e03b..008e1d24 100644
--- a/src/context/connection-config-provider.tsx
+++ b/src/context/connection-config-provider.tsx
@@ -1,4 +1,4 @@
-import { SavedConnectionItem } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItem } from "@/app/(theme)/connect/saved-connection-storage";
 import { createContext, PropsWithChildren, useContext, useMemo } from "react";
 
 const ConnectionConfigContext = createContext<{
diff --git a/src/hooks/use-connect.ts b/src/hooks/use-connect.ts
index c9b085aa..6fa8f18d 100644
--- a/src/hooks/use-connect.ts
+++ b/src/hooks/use-connect.ts
@@ -2,7 +2,7 @@
 import {
   SavedConnectionItemConfigConfig,
   SupportedDriver,
-} from "@/app/connect/saved-connection-storage";
+} from "@/app/(theme)/connect/saved-connection-storage";
 import { useRouter } from "next/navigation";
 import { useCallback } from "react";
 
diff --git a/src/indexdb.ts b/src/indexdb.ts
index 6fced921..b86dc493 100644
--- a/src/indexdb.ts
+++ b/src/indexdb.ts
@@ -19,14 +19,21 @@ interface IndexDbDoc {
   updated_at: number;
 }
 
+interface IndexDbFileHandler {
+  id: string;
+  handler: FileSystemFileHandle;
+}
+
 const localDb = new Dexie("libstudio") as Dexie & {
   namespace: EntityTable<IndexDbNamespace, "id">;
   saved_doc: EntityTable<IndexDbDoc, "id">;
+  file_handler: EntityTable<IndexDbFileHandler, "id">;
 };
 
-localDb.version(1).stores({
+localDb.version(2).stores({
   namespace: "++id, database_id",
   saved_doc: "++id, database_id, namespace_id",
+  file_handler: "++id, handler",
 });
 
 export { localDb };
diff --git a/src/lib/api-response-types.ts b/src/lib/api-response-types.ts
index 8dbbab2b..26083628 100644
--- a/src/lib/api-response-types.ts
+++ b/src/lib/api-response-types.ts
@@ -1,4 +1,4 @@
-import { SavedConnectionItem } from "@/app/connect/saved-connection-storage";
+import { SavedConnectionItem } from "@/app/(theme)/connect/saved-connection-storage";
 import {
   DatabaseResultSet,
   DatabaseSchemaItem,
diff --git a/src/lib/api/fetch-databases.ts b/src/lib/api/fetch-databases.ts
index 1177b1aa..0adb292d 100644
--- a/src/lib/api/fetch-databases.ts
+++ b/src/lib/api/fetch-databases.ts
@@ -2,7 +2,7 @@ import {
   SavedConnectionItem,
   SavedConnectionItemConfig,
   SupportedDriver,
-} from "@/app/connect/saved-connection-storage";
+} from "@/app/(theme)/connect/saved-connection-storage";
 import { ApiDatabasesResponse } from "../api-response-types";
 
 export async function getDatabases(): Promise<ApiDatabasesResponse> {

From 142d7e6f47105a057558218ad0367677eafdf561 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 7 Aug 2024 13:45:39 +0700
Subject: [PATCH 065/124] bump version 0.6.4

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 916c6a79..37f0ef01 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.6.3",
+      "version": "0.6.4",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/package.json b/package.json
index f1c6bf33..da5a57ec 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "private": false,
   "scripts": {
     "dev": "next dev",

From 523514d5e6245454aae8bd8f6830c9e802ea9b78 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 14 Aug 2024 10:47:44 +0700
Subject: [PATCH 066/124] hotfix: do not use BigNumberCell when it is a float

---
 src/components/gui/table-result/render-cell.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
index 1a04b0ef..d08c40e9 100644
--- a/src/components/gui/table-result/render-cell.tsx
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -72,7 +72,10 @@ export default function useTableResultCellRenderer() {
           />
         );
       } else if (header.dataType === TableColumnDataType.INTEGER) {
-        if (databaseDriver.supportBigInt()) {
+        if (
+          databaseDriver.supportBigInt() &&
+          Number.isInteger(state.getValue(y, x))
+        ) {
           return (
             <BigNumberCell
               header={header}

From aff5edd58e1bd9bf7834d97c0d60a442369ef268 Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 11:09:26 -0300
Subject: [PATCH 067/124] fix: button "close" click event targeting the icon
 instead of the entire container (#139)

This issue caused the tab to close only when clicking specifically on the icon, even though the hover effect suggested that the entire container was clickable.
---
 src/components/gui/sortable-tab.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index d2507399..4837727f 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -47,13 +47,13 @@ export const WindowTabItemButton = forwardRef<
             "rounded-full hover:bg-red-600 hover:text-white w-4 h-4 ml-2 flex justify-center items-center",
             "libsql-window-close"
           )}
+          onClick={(e) => {
+            e.stopPropagation();
+            if (onClose) onClose();
+          }}
         >
           <LucideX
             className={cn("w-3 h-3 grow-0 shrink-0", "libsql-window-close")}
-            onClick={(e) => {
-              e.stopPropagation();
-              if (onClose) onClose();
-            }}
           />
         </div>
       )}

From ded063011f10ef4d0e96be4959152c907574d05b Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 15:00:14 -0300
Subject: [PATCH 068/124] fix: handle values according to their received type,
 not the column-defined type (fixes #137) (#140)

* fix: handle values according to their received type, not the column-defined type (fixes #137)

Since SQLite is flexible with types, we can't blindly trust the column-defined type. Instead, we now determine the display type based on the type of the received data.

Here's how it works:

- A `string` received type will be treated as `TEXT`.
- A `bigint` received type will be treated as `INTEGER` (since the `BigNumberCell` component handles `bigint`, which aligns with how `INTEGER` data is managed internally).
- A `number` received type will be treated as `REAL` (because the `NumberCell` component can handle `number`, which can represent both `integer` or `float` in JavaScript, so even if an `INTEGER` is treated as `number`, it won't be an issue).
- An `object` (Array) received type will be treated as `BLOB`.
- `BLOB` or `NULL` types are handled as generic types (managed by the `GenericCell` component).
- When there is no received type (e.g., when inserting a new value), we default to using the column type as before.

Additional improvements:

- `useTableResultCellRenderer()` has been refactored into a direct callback instead of a React hook since it no longer has hook dependencies (specifically, `useDatabaseDriver()`). As there was only one use of this hook, I moved the call directly to the final point of use instead of passing it down through component dependencies.

* fix: fast-return `null` value as `undefined`

Since `typeof null` is also `object`, it was mistakenly being interpreted as `BLOB`. The idea here is that in this particular case, we'll keep the column type instead of determining the type based on the value.
---
 src/components/gui/query-result-table.tsx     |   3 -
 src/components/gui/table-optimized/index.tsx  |  10 +-
 .../gui/table-result/render-cell.tsx          | 141 ++++++++----------
 3 files changed, 67 insertions(+), 87 deletions(-)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 617f7c5d..07ee16b7 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -24,7 +24,6 @@ import {
   DropdownMenuSeparator,
 } from "../ui/dropdown-menu";
 import useTableResultContextMenu from "./table-result/context-menu";
-import useTableResultCellRenderer from "./table-result/render-cell";
 
 interface ResultTableProps {
   data: OptimizeTableState;
@@ -176,7 +175,6 @@ export default function ResultTable({
     }
   }, []);
 
-  const onRenderCell = useTableResultCellRenderer();
   const onCellContextMenu = useTableResultContextMenu({
     tableName,
     data,
@@ -247,7 +245,6 @@ export default function ResultTable({
       arrangeHeaderIndex={headerIndex}
       renderAhead={20}
       renderHeader={renderHeader}
-      renderCell={onRenderCell}
       rowHeight={35}
       onKeyDown={onKeyDown}
     />
diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index 493027a2..633b7e3b 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -19,6 +19,7 @@ import {
   TableColumnDataType,
 } from "@/drivers/base-driver";
 import { cn } from "@/lib/utils";
+import tableResultCellRenderer from "@/components/gui/table-result/render-cell";
 
 export interface OptimizeTableHeaderProps {
   name: string;
@@ -54,7 +55,6 @@ interface TableCellListCommonProps {
     props: OptimizeTableHeaderWithIndexProps,
     idx: number
   ) => ReactElement;
-  renderCell: (props: OptimizeTableCellRenderProps) => ReactElement;
   rowHeight: number;
   onHeaderContextMenu?: (
     e: React.MouseEvent,
@@ -123,7 +123,6 @@ function renderCellList({
   hasSticky,
   customStyles,
   headers,
-  renderCell,
   rowEnd,
   rowStart,
   colEnd,
@@ -191,7 +190,7 @@ function renderCellList({
           >
             <div className={"libsql-table-cell"}>
               {headers[0] &&
-                renderCell({
+                tableResultCellRenderer({
                   y: absoluteRowIndex,
                   x: headers[0].index,
                   state: internalState,
@@ -219,7 +218,7 @@ function renderCellList({
               onMouseDown={handleCellClicked(absoluteRowIndex, header.index)}
             >
               <div className={"libsql-table-cell"}>
-                {renderCell({
+                {tableResultCellRenderer({
                   y: absoluteRowIndex,
                   x: header.index,
                   state: internalState,
@@ -260,7 +259,6 @@ function renderCellList({
 export default function OptimizeTable({
   stickyHeaderIndex,
   internalState,
-  renderCell,
   renderHeader,
   rowHeight,
   renderAhead,
@@ -325,7 +323,6 @@ export default function OptimizeTable({
   return useMemo(() => {
     const common = {
       headers: headerWithIndex,
-      renderCell,
       rowEnd,
       rowStart,
       colEnd,
@@ -370,7 +367,6 @@ export default function OptimizeTable({
     rowStart,
     colEnd,
     colStart,
-    renderCell,
     rowHeight,
     headerWithIndex,
     onHeaderResize,
diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
index d08c40e9..b1f0dee8 100644
--- a/src/components/gui/table-result/render-cell.tsx
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -1,4 +1,3 @@
-import { useCallback } from "react";
 import { OptimizeTableCellRenderProps } from "../table-optimized";
 import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import TextCell from "../table-cell/text-cell";
@@ -6,7 +5,6 @@ import parseSafeJson from "@/lib/json-safe";
 import NumberCell from "../table-cell/number-cell";
 import BigNumberCell from "../table-cell/big-number-cell";
 import GenericCell from "../table-cell/generic-cell";
-import { useDatabaseDriver } from "@/context/driver-provider";
 
 function detectTextEditorType(
   value: DatabaseValue<string>
@@ -31,85 +29,74 @@ function detectTextEditorType(
   return "input";
 }
 
-export default function useTableResultCellRenderer() {
-  const { databaseDriver } = useDatabaseDriver();
+function determineCellType(value: unknown) {
+  if (value === null) return undefined;
+  if (typeof value === "bigint") return TableColumnDataType.INTEGER;
+  if (typeof value === "number") return TableColumnDataType.REAL;
+  if (typeof value === "string") return TableColumnDataType.TEXT;
+  if (typeof value === "object") return TableColumnDataType.BLOB;
 
-  return useCallback(
-    ({ y, x, state, header }: OptimizeTableCellRenderProps) => {
-      const isFocus = state.hasFocus(y, x);
-      const editMode = isFocus && state.isInEditMode();
+  return undefined;
+}
+
+export default function tableResultCellRenderer({
+  y,
+  x,
+  state,
+  header,
+}: OptimizeTableCellRenderProps) {
+  const isFocus = state.hasFocus(y, x);
+  const editMode = isFocus && state.isInEditMode();
+  const value = state.getValue(y, x);
 
-      if (header.dataType === TableColumnDataType.TEXT) {
-        const value = state.getValue(y, x) as DatabaseValue<string>;
-        const editor = detectTextEditorType(value);
+  switch (determineCellType(value) ?? header.dataType) {
+    case TableColumnDataType.INTEGER:
+      return (
+        <BigNumberCell
+          header={header}
+          state={state}
+          editMode={editMode}
+          value={value as DatabaseValue<bigint>}
+          focus={isFocus}
+          isChanged={state.hasCellChange(y, x)}
+          onChange={(newValue) => {
+            state.changeValue(y, x, newValue);
+          }}
+        />
+      );
 
-        return (
-          <TextCell
-            header={header}
-            state={state}
-            editor={editor}
-            editMode={editMode}
-            value={state.getValue(y, x) as DatabaseValue<string>}
-            focus={isFocus}
-            isChanged={state.hasCellChange(y, x)}
-            onChange={(newValue) => {
-              state.changeValue(y, x, newValue);
-            }}
-          />
-        );
-      } else if (header.dataType === TableColumnDataType.REAL) {
-        return (
-          <NumberCell
-            header={header}
-            state={state}
-            editMode={editMode}
-            value={state.getValue(y, x) as DatabaseValue<number>}
-            focus={isFocus}
-            isChanged={state.hasCellChange(y, x)}
-            onChange={(newValue) => {
-              state.changeValue(y, x, newValue);
-            }}
-          />
-        );
-      } else if (header.dataType === TableColumnDataType.INTEGER) {
-        if (
-          databaseDriver.supportBigInt() &&
-          Number.isInteger(state.getValue(y, x))
-        ) {
-          return (
-            <BigNumberCell
-              header={header}
-              state={state}
-              editMode={editMode}
-              value={state.getValue(y, x) as DatabaseValue<bigint>}
-              focus={isFocus}
-              isChanged={state.hasCellChange(y, x)}
-              onChange={(newValue) => {
-                state.changeValue(y, x, newValue);
-              }}
-            />
-          );
-        } else {
-          return (
-            <NumberCell
-              header={header}
-              state={state}
-              editMode={editMode}
-              value={state.getValue(y, x) as DatabaseValue<number>}
-              focus={isFocus}
-              isChanged={state.hasCellChange(y, x)}
-              onChange={(newValue) => {
-                state.changeValue(y, x, newValue);
-              }}
-            />
-          );
-        }
-      }
+    case TableColumnDataType.REAL:
+      return (
+        <NumberCell
+          header={header}
+          state={state}
+          editMode={editMode}
+          value={value as DatabaseValue<number>}
+          focus={isFocus}
+          isChanged={state.hasCellChange(y, x)}
+          onChange={(newValue) => {
+            state.changeValue(y, x, newValue);
+          }}
+        />
+      );
 
+    case TableColumnDataType.TEXT:
       return (
-        <GenericCell value={state.getValue(y, x) as string} header={header} />
+        <TextCell
+          header={header}
+          state={state}
+          editor={detectTextEditorType(value as DatabaseValue<string>)}
+          editMode={editMode}
+          value={value as DatabaseValue<string>}
+          focus={isFocus}
+          isChanged={state.hasCellChange(y, x)}
+          onChange={(newValue) => {
+            state.changeValue(y, x, newValue);
+          }}
+        />
       );
-    },
-    [databaseDriver]
-  );
+
+    default:
+      return <GenericCell value={value as string} header={header} />;
+  }
 }

From 9ab2cd95b03f0d35758ffcb18f0326c1d44b9086 Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 22:54:07 -0300
Subject: [PATCH 069/124] feat: added support for closing tabs with the middle
 mouse button (#141)

This behavior is similar to Chrome or VSCode, where pressing the middle mouse button allows for easy tab closure.

Additionally:

- Improved the visual consistency between having no tabs and having tabs, ensuring the toolbar height remains the same.
- Enhanced the visual distinction between selected and unselected tabs, maintaining the visual position of elements to avoid unnecessary movement.
---
 src/components/gui/sortable-tab.tsx        | 27 ++++++++++++----------
 src/components/gui/tabs/table-data-tab.tsx |  2 +-
 src/components/gui/windows-tab.tsx         |  2 +-
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index 4837727f..41d551b6 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -27,19 +27,22 @@ export const WindowTabItemButton = forwardRef<
 >(function WindowTabItemButton(props: WindowTabItemButtonProps, ref) {
   const { icon: Icon, selected, title, onClose, isDragging, ...rest } = props;
 
-  const className = cn(
-    "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px]",
-    "libsql-window-tab",
-    isDragging && "z-20",
-    isDragging && !selected && "bg-gray-200 dark:bg-gray-700 rounded-t",
-    selected
-      ? "border-x border-t bg-background border-b-background rounded-t"
-      : "border-b border-t border-t-secondary border-x-secondary opacity-65 hover:opacity-100"
-  );
-
   return (
-    <button className={className} ref={ref} {...rest}>
-      <Icon className="w-4 h-4 ml-2 grow-0 shrink-0" />
+    <button
+      className={cn(
+        "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px] border-x border-t",
+        "libsql-window-tab",
+        isDragging && "z-20",
+        isDragging && !selected && "bg-gray-200 dark:bg-gray-700 rounded-t",
+        selected
+          ? "border-b-background bg-background rounded-t"
+          : "border-t-secondary border-x-secondary opacity-65 hover:opacity-100"
+      )}
+      onAuxClick={({ button }) => button === 1 && onClose && onClose()}
+      ref={ref}
+      {...rest}
+    >
+      <Icon className="ml-2 h-4 w-4 shrink-0 grow-0" />
       <div className="line-clamp-1 grow px-2">{title}</div>
       {onClose && (
         <div
diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
index 02a366ef..4c903da4 100644
--- a/src/components/gui/tabs/table-data-tab.tsx
+++ b/src/components/gui/tabs/table-data-tab.tsx
@@ -171,7 +171,7 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
         </AlertDialog>
       )}
       <div className="shrink-0 grow-0">
-        <div className="flex p-1 gap-1 pb-2">
+        <div className="flex p-1 gap-1">
           <Button
             variant={"ghost"}
             size={"sm"}
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index 115e42b2..b9c64aa7 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -140,7 +140,7 @@ export default function WindowTabs({
       >
         <div className="flex flex-col w-full h-full">
           <div className="grow-0 shrink-0 pt-1 bg-secondary overflow-x-auto no-scrollbar">
-            <div className="flex">
+            <div className="flex min-h-9">
               {menu ? (
                 <DropdownMenu modal={false}>
                   <DropdownMenuTrigger>

From bbab71efb18ca6edecb83d0ac7e87d88aee985ec Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 23:02:58 -0300
Subject: [PATCH 070/124] refactor: use green color for texts (#142)

This is a pattern used by HeidiSQL: text is green to differentiate it from similar non-text, such as NULL.
---
 src/components/gui/table-cell/generic-cell.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index ba38a584..0b1fbd44 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -212,7 +212,7 @@ export default function GenericCell({
       return (
         <span
           className={
-            isChanged ? "text-black" : "text-gray-500 dark:text-gray-300"
+            isChanged ? "text-black" : "text-green-600 dark:text-green-500"
           }
         >
           {value}

From 926cb16b0263ee946f48bf9ef1e6380a8aa82a08 Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 23:10:35 -0300
Subject: [PATCH 071/124] feat: added a type mismatch indicator (#143)

When a column is defined with one type (e.g., INTEGER) but stores a value of another type (e.g., TEXT), an indicator is displayed with a tooltip showing the mismatched type. This is very useful since SQLite has flexible typing, which can cause issues when the data is handled in an environment where this behavior is not expected.
---
 src/app/globals.css                           |  8 +++
 .../gui/table-cell/create-editable-cell.tsx   |  5 +-
 .../gui/table-cell/generic-cell.tsx           | 51 ++++++++++++++++---
 .../gui/table-result/render-cell.tsx          |  6 ++-
 src/drivers/base-driver.ts                    | 18 ++++++-
 src/drivers/sqlite/sql-helper.ts              |  3 +-
 6 files changed, 79 insertions(+), 12 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7cf1993d..0ce590d4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -228,6 +228,14 @@ body {
   color: var(--color-text);
 }
 
+.libsql-mismatch-arrow {
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 8px 8px 0;
+  border-color: transparent theme("colors.red.400") transparent transparent;
+}
+
 .dark .libsql-removed-row td {
   @apply bg-red-800;
 }
diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index 46056ed6..c0791493 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -1,12 +1,13 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 import GenericCell from "./generic-cell";
-import { DatabaseValue } from "@/drivers/base-driver";
+import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import OptimizeTableState from "../table-optimized/OptimizeTableState";
 import { useFullEditor } from "../providers/full-editor-provider";
 import { OptimizeTableHeaderWithIndexProps } from "../table-optimized";
 
 export interface TableEditableCell<T = unknown> {
   value: DatabaseValue<T>;
+  valueType: TableColumnDataType | undefined;
   isChanged?: boolean;
   focus?: boolean;
   editMode?: boolean;
@@ -104,6 +105,7 @@ export default function createEditableCell<T = unknown>({
 }: TabeEditableCellProps<T>): React.FC<TableEditableCell<T>> {
   return function GenericEditableCell({
     value,
+    valueType,
     isChanged,
     focus,
     onChange,
@@ -164,6 +166,7 @@ export default function createEditableCell<T = unknown>({
       <GenericCell
         header={header}
         value={toValue(editValue)}
+        valueType={valueType}
         focus={focus}
         isChanged={isChanged}
         align={align}
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 0b1fbd44..edc6f9e0 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -9,13 +9,24 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
-import { DatabaseResultSet, DatabaseValue } from "@/drivers/base-driver";
+import {
+  DatabaseResultSet,
+  DatabaseValue,
+  describeTableColumnType,
+  TableColumnDataType,
+} from "@/drivers/base-driver";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { convertDatabaseValueToString } from "@/drivers/sqlite/sql-helper";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 interface TableCellProps<T = unknown> {
   align?: "left" | "right";
   value: T;
+  valueType?: TableColumnDataType;
   focus?: boolean;
   isChanged?: boolean;
   onFocus?: () => void;
@@ -157,6 +168,7 @@ function BlobCellValue({
 
 export default function GenericCell({
   value,
+  valueType,
   onFocus,
   isChanged,
   focus,
@@ -254,13 +266,36 @@ export default function GenericCell({
   }, [value, textBaseStyle, isChanged, header]);
 
   return (
-    <div
-      className={className}
-      onMouseDown={onFocus}
-      onDoubleClick={onDoubleClick}
-    >
-      <div className="flex flex-grow overflow-hidden">{content}</div>
-      {fkContent}
+    <div className="relative">
+      {valueType && header.dataType && valueType !== header.dataType && (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <div className="libsql-mismatch-arrow absolute right-0 top-0"></div>
+          </TooltipTrigger>
+          <TooltipContent>
+            <strong>Mismatched type:</strong>
+            <ul>
+              <li>
+                <strong>- Expected by column:</strong>{" "}
+                <code>{describeTableColumnType(header.dataType)}</code>
+              </li>
+              <li>
+                <strong>- But stored as:</strong>{" "}
+                <code>{describeTableColumnType(valueType)}</code>
+              </li>
+            </ul>
+          </TooltipContent>
+        </Tooltip>
+      )}
+
+      <div
+        className={className}
+        onMouseDown={onFocus}
+        onDoubleClick={onDoubleClick}
+      >
+        <div className="flex flex-grow overflow-hidden">{content}</div>
+        {fkContent}
+      </div>
     </div>
   );
 }
diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
index b1f0dee8..a048067a 100644
--- a/src/components/gui/table-result/render-cell.tsx
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -48,8 +48,9 @@ export default function tableResultCellRenderer({
   const isFocus = state.hasFocus(y, x);
   const editMode = isFocus && state.isInEditMode();
   const value = state.getValue(y, x);
+  const valueType = determineCellType(value);
 
-  switch (determineCellType(value) ?? header.dataType) {
+  switch (valueType ?? header.dataType) {
     case TableColumnDataType.INTEGER:
       return (
         <BigNumberCell
@@ -57,6 +58,7 @@ export default function tableResultCellRenderer({
           state={state}
           editMode={editMode}
           value={value as DatabaseValue<bigint>}
+          valueType={valueType}
           focus={isFocus}
           isChanged={state.hasCellChange(y, x)}
           onChange={(newValue) => {
@@ -72,6 +74,7 @@ export default function tableResultCellRenderer({
           state={state}
           editMode={editMode}
           value={value as DatabaseValue<number>}
+          valueType={valueType}
           focus={isFocus}
           isChanged={state.hasCellChange(y, x)}
           onChange={(newValue) => {
@@ -88,6 +91,7 @@ export default function tableResultCellRenderer({
           editor={detectTextEditorType(value as DatabaseValue<string>)}
           editMode={editMode}
           value={value as DatabaseValue<string>}
+          valueType={valueType}
           focus={isFocus}
           isChanged={state.hasCellChange(y, x)}
           onChange={(newValue) => {
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 819887a4..e1a7f46f 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -15,6 +15,22 @@ export enum TableColumnDataType {
   BLOB = 4,
 }
 
+export function describeTableColumnType(type: TableColumnDataType) {
+  switch (type) {
+    case TableColumnDataType.TEXT:
+      return "TEXT";
+
+    case TableColumnDataType.INTEGER:
+      return "INTEGER";
+
+    case TableColumnDataType.REAL:
+      return "REAL";
+
+    case TableColumnDataType.BLOB:
+      return "BLOB";
+  }
+}
+
 export type SqlOrder = "ASC" | "DESC";
 export type DatabaseRow = Record<string, unknown>;
 
@@ -22,7 +38,7 @@ export interface DatabaseHeader {
   name: string;
   displayName: string;
   originalType: string | null;
-  type: TableColumnDataType;
+  type: TableColumnDataType | undefined;
 }
 
 export interface DatabaseResultStat {
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index ee022f4d..eb9a6b99 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -34,8 +34,9 @@ export function escapeSqlValue(value: unknown) {
 
 export function convertSqliteType(
   type: string | undefined
-): TableColumnDataType {
+): TableColumnDataType | undefined {
   // https://www.sqlite.org/datatype3.html
+  if (type === "") return undefined;
   if (type === undefined) return TableColumnDataType.BLOB;
 
   type = type.toUpperCase();

From d3b5f15cc796098dc69b36d5f6ebacfbee68f164 Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 14 Aug 2024 23:11:33 -0300
Subject: [PATCH 072/124] fix: prevent visual glitch when entering field edit
 mode (#144)

Currently, when a field enters edit mode, its height exceeds the outermost container's height. Applying the `flex` class forces it to respect the height limit, preventing the bottom border from disappearing.
---
 .../gui/table-cell/create-editable-cell.tsx     | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index c0791493..13072d85 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -4,6 +4,7 @@ import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import OptimizeTableState from "../table-optimized/OptimizeTableState";
 import { useFullEditor } from "../providers/full-editor-provider";
 import { OptimizeTableHeaderWithIndexProps } from "../table-optimized";
+import { cn } from "@/lib/utils";
 
 export interface TableEditableCell<T = unknown> {
   value: DatabaseValue<T>;
@@ -138,17 +139,15 @@ export default function createEditableCell<T = unknown>({
       state.exitEditMode();
     }, [setEditValue, state, value]);
 
-    const className = [
-      "libsql-cell",
-      focus ? "libsql-focus" : null,
-      isChanged ? "libsql-change" : null,
-    ]
-      .filter(Boolean)
-      .join(" ");
-
     if (editMode && (editor === undefined || editor === "input")) {
       return (
-        <div className={className}>
+        <div
+          className={cn(
+            "libsql-cell flex",
+            focus && "libsql-focus",
+            isChanged && "libsql-change"
+          )}
+        >
           <InputCellEditor
             state={state}
             readOnly={state.getReadOnlyMode()}

From 36c47b9a80077be6ae8a13abd65467e5109fcd4c Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Thu, 15 Aug 2024 08:50:13 -0300
Subject: [PATCH 073/124] refactor: try to display binary data (BLOB) whenever
 possible (#146)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: try to display binary data (BLOB) whenever possible

Characters that cannot be displayed legibly are transformed into `\x{XX}`.

* feat: added ability to edit BLOB columns

This feature allows users to enter text normally. Binary values can be written using \x{XX}, and the backslash can be escaped with \\. Any printable value will be written normally, including automatic conversion between hexadecimal and printable formats (e.g., \x20 is automatically transformed into a space). Unicode characters may be partially or fully transformed into \x{XX} format.

It’s important to remember that BLOB fields do not support UTF-8 encoding like TEXT fields do. Therefore, Unicode characters are directly transformed into a binary representation, which does not inherently correspond to their UTF-8 equivalents.
---
 src/components/gui/table-cell/blob-cell.tsx   | 27 +++++++++++++++++
 .../gui/table-cell/generic-cell.tsx           | 29 ++++++++++++-------
 .../table-optimized/OptimizeTableState.tsx    |  3 +-
 .../gui/table-result/render-cell.tsx          | 16 ++++++++++
 src/drivers/sqlite/sql-helper.ts              |  2 ++
 5 files changed, 66 insertions(+), 11 deletions(-)
 create mode 100644 src/components/gui/table-cell/blob-cell.tsx

diff --git a/src/components/gui/table-cell/blob-cell.tsx b/src/components/gui/table-cell/blob-cell.tsx
new file mode 100644
index 00000000..37ce5fec
--- /dev/null
+++ b/src/components/gui/table-cell/blob-cell.tsx
@@ -0,0 +1,27 @@
+import { prettifyBytes } from "@/components/gui/table-cell/generic-cell";
+import createEditableCell from "./create-editable-cell";
+
+const BlobCell = createEditableCell<number[]>({
+  toString: (v) => {
+    if (v === null) return null;
+    if (v === undefined) return undefined;
+
+    return prettifyBytes(Uint8Array.from(v ?? []));
+  },
+  toValue: (v) => {
+    if (v === null) return null;
+    if (v === undefined) return undefined;
+    if (v === "") return null;
+
+    return [...v.matchAll(/(\\\\)|\\x([0-9a-f]{2})|(.)/gi)].map(
+      ([, escape, hex, letter]) =>
+        escape !== undefined
+          ? 0x5c
+          : letter !== undefined
+            ? letter.codePointAt(0)
+            : parseInt(hex, 16)
+    ) as number[];
+  },
+});
+
+export default BlobCell;
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index edc6f9e0..3f1dddf1 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -121,6 +121,18 @@ function ForeignKeyColumnSnippet(props: SneakpeakProps) {
   );
 }
 
+export function prettifyBytes(bytes: Uint8Array) {
+  return [...bytes]
+    .map((b) =>
+      b === 0x5c
+        ? "\\\\"
+        : b >= 0x20 && b !== 0x7f
+          ? String.fromCharCode(b)
+          : "\\x" + b.toString(16).toUpperCase().padStart(2, "0")
+    )
+    .join("");
+}
+
 function BlobCellValue({
   value,
   vector,
@@ -144,23 +156,20 @@ function BlobCellValue({
     );
   } else {
     const bytes = new Uint8Array(value);
-    const base64Text = btoa(
-      bytes
-        .slice(0, 64)
-        .reduce((data, byte) => data + String.fromCharCode(byte), "")
-    );
 
     return (
-      <div className="flex">
-        <div className="mr-2 justify-center items-center flex-col">
+      <div className="flex w-full">
+        <span className="flex-1 text-ellipsis overflow-hidden whitespace-nowrap text-orange-600 dark:text-orange-400">
+          {prettifyBytes(bytes.subarray(0, 64))}
+        </span>
+        <div className="ml-2 justify-center items-center flex-col">
           <span className="bg-blue-500 text-white inline rounded p-1 pl-2 pr-2">
             {bytes.length.toLocaleString(undefined, {
               maximumFractionDigits: 0,
-            })}{" "}
-            bytes
+            })}
+            {" bytes"}
           </span>
         </div>
-        <div className="text-orange-600">{base64Text}</div>
       </div>
     );
   }
diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index 6adf5b2c..ec963f5a 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -7,6 +7,7 @@ import {
   TableColumnDataType,
 } from "@/drivers/base-driver";
 import { ReactElement } from "react";
+import deepEqual from "deep-equal";
 
 export interface OptimizeTableRowValue {
   raw: Record<string, unknown>;
@@ -202,7 +203,7 @@ export default class OptimizeTableState {
 
     if (!row) return;
 
-    if (oldValue === newValue) {
+    if (deepEqual(oldValue, newValue)) {
       const rowChange = row.change;
       if (rowChange && headerName in rowChange) {
         delete rowChange[headerName];
diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
index a048067a..5e560992 100644
--- a/src/components/gui/table-result/render-cell.tsx
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -5,6 +5,7 @@ import parseSafeJson from "@/lib/json-safe";
 import NumberCell from "../table-cell/number-cell";
 import BigNumberCell from "../table-cell/big-number-cell";
 import GenericCell from "../table-cell/generic-cell";
+import BlobCell from "@/components/gui/table-cell/blob-cell";
 
 function detectTextEditorType(
   value: DatabaseValue<string>
@@ -100,6 +101,21 @@ export default function tableResultCellRenderer({
         />
       );
 
+    case TableColumnDataType.BLOB:
+      return (
+        <BlobCell
+          header={header}
+          state={state}
+          editMode={editMode}
+          value={value as DatabaseValue<number[]>}
+          focus={isFocus}
+          isChanged={state.hasCellChange(y, x)}
+          onChange={(newValue) => {
+            state.changeValue(y, x, newValue);
+          }}
+        />
+      );
+
     default:
       return <GenericCell value={value as string} header={header} />;
   }
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index eb9a6b99..8f139580 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -28,6 +28,8 @@ export function escapeSqlValue(value: unknown) {
   if (typeof value === "number") return value.toString();
   if (typeof value === "bigint") return value.toString();
   if (value instanceof ArrayBuffer) return escapeSqlBinary(value);
+  if (Array.isArray(value))
+    return escapeSqlBinary(Uint8Array.from(value).buffer);
   // eslint-disable-next-line @typescript-eslint/no-base-to-string
   throw new Error(value.toString() + " is unrecongize type of value");
 }

From 1db029185dd3024fcac5a32f0c5937b00ea762e7 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 15 Aug 2024 19:28:35 +0700
Subject: [PATCH 074/124] fixing the deployment error

---
 src/components/gui/table-result/render-cell.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/gui/table-result/render-cell.tsx b/src/components/gui/table-result/render-cell.tsx
index 5e560992..7b17496f 100644
--- a/src/components/gui/table-result/render-cell.tsx
+++ b/src/components/gui/table-result/render-cell.tsx
@@ -107,6 +107,7 @@ export default function tableResultCellRenderer({
           header={header}
           state={state}
           editMode={editMode}
+          valueType={valueType}
           value={value as DatabaseValue<number[]>}
           focus={isFocus}
           isChanged={state.hasCellChange(y, x)}

From 3a7e536df6ad050d0e2556e17c2a354f1bb10164 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 15 Aug 2024 20:55:43 +0700
Subject: [PATCH 075/124] Add tree view and remove some features to simplify
 (#136)

* feat: remove permission

* feat: add tree view

* feat: improve the tree view design

* add highlight for listview

* use new list view

* add better scroll design

* feat: remove the feature for future collaboration

* add driver to support additional schema level
---
 drizzle/0012_wealthy_betty_ross.sql           |   2 +
 drizzle/meta/0012_snapshot.json               | 943 ++++++++++++++++++
 drizzle/meta/_journal.json                    |   7 +
 .../ops/[database_id]/handle-find-first.ts    |  20 -
 .../api/ops/[database_id]/handle-schema.ts    |  20 -
 .../api/ops/[database_id]/handle-schemas.ts   |  30 -
 .../ops/[database_id]/handle-select-table.ts  |  42 -
 .../api/ops/[database_id]/handle-trigger.ts   |  20 -
 .../[database_id]/handle-update-table-data.ts |  23 -
 src/app/api/ops/[database_id]/handler.ts      |  18 -
 src/app/globals.css                           |  30 +-
 src/app/storybook/listview/page.tsx           | 132 +++
 src/components/gui/database-gui.tsx           |   2 +-
 .../schema-editor-constraint-list.tsx         |   6 +-
 src/components/gui/schema-sidebar-list.tsx    | 317 ++----
 src/components/gui/sidebar-tab.tsx            |   4 +-
 .../saved-doc-tab/create-namespace-button.tsx |   2 +-
 .../gui/sidebar/saved-doc-tab/index.tsx       | 269 +++--
 .../saved-doc-tab/remove-namespace-dialog.tsx |   6 +-
 .../gui/table-combobox/TableCombobox.tsx      |   4 +-
 src/components/listview/index.tsx             | 307 ++++--
 src/context/schema-provider.tsx               |  62 +-
 src/db/schema-database.ts                     |  45 -
 src/drivers/base-driver.ts                    |  12 +-
 src/drivers/cloudflare-d1-driver.ts           |   4 -
 src/drivers/iframe-driver.ts                  |   4 -
 src/drivers/remote-driver.ts                  |  73 +-
 src/drivers/rqlite-driver.ts                  |   4 -
 src/drivers/saved-doc/indexdb-saved-doc.ts    |  40 +-
 src/drivers/saved-doc/remote-saved-doc.ts     |  40 +-
 .../saved-doc/saved-doc-actions.test.ts       |  17 +-
 src/drivers/saved-doc/saved-doc-actions.ts    |  22 +-
 src/drivers/saved-doc/saved-doc-driver.ts     |   7 +-
 src/drivers/sqlite-base-driver.ts             |  16 +-
 src/drivers/sqljs-driver.ts                   |   4 -
 src/drivers/turso-driver.tsx                  |   5 +-
 src/drivers/valtown-driver.ts                 |   4 -
 src/lib/api/api-request-types.ts              |  51 +-
 src/lib/with-database-ops.ts                  |  10 +-
 tailwind.config.ts                            |   5 +-
 40 files changed, 1760 insertions(+), 869 deletions(-)
 create mode 100644 drizzle/0012_wealthy_betty_ross.sql
 create mode 100644 drizzle/meta/0012_snapshot.json
 delete mode 100644 src/app/api/ops/[database_id]/handle-find-first.ts
 delete mode 100644 src/app/api/ops/[database_id]/handle-schema.ts
 delete mode 100644 src/app/api/ops/[database_id]/handle-schemas.ts
 delete mode 100644 src/app/api/ops/[database_id]/handle-select-table.ts
 delete mode 100644 src/app/api/ops/[database_id]/handle-trigger.ts
 delete mode 100644 src/app/api/ops/[database_id]/handle-update-table-data.ts
 create mode 100644 src/app/storybook/listview/page.tsx

diff --git a/drizzle/0012_wealthy_betty_ross.sql b/drizzle/0012_wealthy_betty_ross.sql
new file mode 100644
index 00000000..ea7cd9e9
--- /dev/null
+++ b/drizzle/0012_wealthy_betty_ross.sql
@@ -0,0 +1,2 @@
+DROP TABLE `database_role_permission`;--> statement-breakpoint
+ALTER TABLE database_role ADD `permissions` text;
\ No newline at end of file
diff --git a/drizzle/meta/0012_snapshot.json b/drizzle/meta/0012_snapshot.json
new file mode 100644
index 00000000..697e1dc6
--- /dev/null
+++ b/drizzle/meta/0012_snapshot.json
@@ -0,0 +1,943 @@
+{
+    "version": "5",
+    "dialect": "sqlite",
+    "id": "b9fa9ef2-249a-4656-9e95-6c4344e22371",
+    "prevId": "270b8ac4-367a-427c-a238-a5fbb58ed6d8",
+    "tables": {
+      "user": {
+        "name": "user",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "picture": {
+            "name": "picture",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false,
+            "default": "CURRENT_TIMESTAMP"
+          },
+          "email": {
+            "name": "email",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "storage_usage": {
+            "name": "storage_usage",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": 0
+          }
+        },
+        "indexes": {},
+        "foreignKeys": {},
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "user_file": {
+        "name": "user_file",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "hashed": {
+            "name": "hashed",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "path": {
+            "name": "path",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "filename": {
+            "name": "filename",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "size_in_byte": {
+            "name": "size_in_byte",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "user_file_index": {
+            "name": "user_file_index",
+            "columns": [
+              "user_id",
+              "created_at"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {},
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "user_auth": {
+        "name": "user_auth",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "provider": {
+            "name": "provider",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "provider_id": {
+            "name": "provider_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false,
+            "default": "CURRENT_TIMESTAMP"
+          }
+        },
+        "indexes": {
+          "user_auth_provider_provider_id_unique": {
+            "name": "user_auth_provider_provider_id_unique",
+            "columns": [
+              "provider",
+              "provider_id"
+            ],
+            "isUnique": true
+          }
+        },
+        "foreignKeys": {},
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "user_session": {
+        "name": "user_session",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "auth_id": {
+            "name": "auth_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "user_agent": {
+            "name": "user_agent",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "expires_at": {
+            "name": "expires_at",
+            "type": "blob",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "user_session_expire_idx": {
+            "name": "user_session_expire_idx",
+            "columns": [
+              "expires_at"
+            ],
+            "isUnique": false
+          },
+          "user_session_auth_id_idx": {
+            "name": "user_session_auth_id_idx",
+            "columns": [
+              "auth_id"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {
+          "user_session_user_id_user_id_fk": {
+            "name": "user_session_user_id_user_id_fk",
+            "tableFrom": "user_session",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "database": {
+        "name": "database",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "description": {
+            "name": "description",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "color": {
+            "name": "color",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": "'gray'"
+          },
+          "driver": {
+            "name": "driver",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": "'turso'"
+          },
+          "host": {
+            "name": "host",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "token": {
+            "name": "token",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "username": {
+            "name": "username",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "password": {
+            "name": "password",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "database_name": {
+            "name": "database_name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "deleted_at": {
+            "name": "deleted_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "database_user_idx": {
+            "name": "database_user_idx",
+            "columns": [
+              "user_id"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {
+          "database_user_id_user_id_fk": {
+            "name": "database_user_id_user_id_fk",
+            "tableFrom": "database",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "database_role": {
+        "name": "database_role",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "database_id": {
+            "name": "database_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "can_execute_query": {
+            "name": "can_execute_query",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": 0
+          },
+          "is_owner": {
+            "name": "is_owner",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": 0
+          },
+          "permissions": {
+            "name": "permissions",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_by": {
+            "name": "created_by",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "updated_by": {
+            "name": "updated_by",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "updated_at": {
+            "name": "updated_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "database_role_idx": {
+            "name": "database_role_idx",
+            "columns": [
+              "database_id"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {
+          "database_role_database_id_database_id_fk": {
+            "name": "database_role_database_id_database_id_fk",
+            "tableFrom": "database_role",
+            "tableTo": "database",
+            "columnsFrom": [
+              "database_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "database_role_created_by_user_id_fk": {
+            "name": "database_role_created_by_user_id_fk",
+            "tableFrom": "database_role",
+            "tableTo": "user",
+            "columnsFrom": [
+              "created_by"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "database_role_updated_by_user_id_fk": {
+            "name": "database_role_updated_by_user_id_fk",
+            "tableFrom": "database_role",
+            "tableTo": "user",
+            "columnsFrom": [
+              "updated_by"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "database_user_role": {
+        "name": "database_user_role",
+        "columns": {
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "database_id": {
+            "name": "database_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "role_id": {
+            "name": "role_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_by": {
+            "name": "created_by",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {},
+        "foreignKeys": {
+          "database_user_role_user_id_user_id_fk": {
+            "name": "database_user_role_user_id_user_id_fk",
+            "tableFrom": "database_user_role",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "database_user_role_database_id_database_id_fk": {
+            "name": "database_user_role_database_id_database_id_fk",
+            "tableFrom": "database_user_role",
+            "tableTo": "database",
+            "columnsFrom": [
+              "database_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "database_user_role_role_id_database_role_id_fk": {
+            "name": "database_user_role_role_id_database_role_id_fk",
+            "tableFrom": "database_user_role",
+            "tableTo": "database_role",
+            "columnsFrom": [
+              "role_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "database_user_role_created_by_user_id_fk": {
+            "name": "database_user_role_created_by_user_id_fk",
+            "tableFrom": "database_user_role",
+            "tableTo": "user",
+            "columnsFrom": [
+              "created_by"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {
+          "database_user_role_database_id_user_id_pk": {
+            "columns": [
+              "database_id",
+              "user_id"
+            ],
+            "name": "database_user_role_database_id_user_id_pk"
+          }
+        },
+        "uniqueConstraints": {}
+      },
+      "dataset": {
+        "name": "dataset",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "source": {
+            "name": "source",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "summary": {
+            "name": "summary",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "description": {
+            "name": "description",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "used": {
+            "name": "used",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": 0
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {},
+        "foreignKeys": {
+          "dataset_user_id_user_id_fk": {
+            "name": "dataset_user_id_user_id_fk",
+            "tableFrom": "dataset",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "temp_session": {
+        "name": "temp_session",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "driver": {
+            "name": "driver",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "credential": {
+            "name": "credential",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "exired_at": {
+            "name": "exired_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {},
+        "foreignKeys": {},
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "doc": {
+        "name": "doc",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "namespace_id": {
+            "name": "namespace_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "type": {
+            "name": "type",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "content": {
+            "name": "content",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "last_used_at": {
+            "name": "last_used_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "updated_at": {
+            "name": "updated_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "doc_namespace_idx": {
+            "name": "doc_namespace_idx",
+            "columns": [
+              "namespace_id"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {
+          "doc_namespace_id_doc_namespace_id_fk": {
+            "name": "doc_namespace_id_doc_namespace_id_fk",
+            "tableFrom": "doc",
+            "tableTo": "doc_namespace",
+            "columnsFrom": [
+              "namespace_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "doc_user_id_user_id_fk": {
+            "name": "doc_user_id_user_id_fk",
+            "tableFrom": "doc",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      },
+      "doc_namespace": {
+        "name": "doc_namespace",
+        "columns": {
+          "id": {
+            "name": "id",
+            "type": "text",
+            "primaryKey": true,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "database_id": {
+            "name": "database_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "name": {
+            "name": "name",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "updated_at": {
+            "name": "updated_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "created_at": {
+            "name": "created_at",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          }
+        },
+        "indexes": {
+          "doc_namespace_database_idx": {
+            "name": "doc_namespace_database_idx",
+            "columns": [
+              "database_id"
+            ],
+            "isUnique": false
+          }
+        },
+        "foreignKeys": {
+          "doc_namespace_database_id_database_id_fk": {
+            "name": "doc_namespace_database_id_database_id_fk",
+            "tableFrom": "doc_namespace",
+            "tableTo": "database",
+            "columnsFrom": [
+              "database_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "doc_namespace_user_id_user_id_fk": {
+            "name": "doc_namespace_user_id_user_id_fk",
+            "tableFrom": "doc_namespace",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {},
+        "uniqueConstraints": {}
+      }
+    },
+    "enums": {},
+    "_meta": {
+      "schemas": {},
+      "tables": {},
+      "columns": {}
+    }
+  }
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index 48794d15..05a3737d 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -78,6 +78,13 @@
       "when": 1721439112769,
       "tag": "0011_brief_nick_fury",
       "breakpoints": true
+    },
+    {
+      "idx": 12,
+      "version": "5",
+      "when": 1723099258318,
+      "tag": "0012_wealthy_betty_ross",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/app/api/ops/[database_id]/handle-find-first.ts b/src/app/api/ops/[database_id]/handle-find-first.ts
deleted file mode 100644
index ac9f4440..00000000
--- a/src/app/api/ops/[database_id]/handle-find-first.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-import { RequestOperationFindFirst } from "@/lib/api/api-request-types";
-
-const handleFindFirst: DatabaseOperationHandler<
-  RequestOperationFindFirst
-> = async ({ database, body }) => {
-  const client = await createTursoEdgeDriver(database);
-
-  try {
-    return NextResponse.json({
-      data: await client.findFirst(body.tableName, body.options),
-    });
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleFindFirst;
diff --git a/src/app/api/ops/[database_id]/handle-schema.ts b/src/app/api/ops/[database_id]/handle-schema.ts
deleted file mode 100644
index e2698525..00000000
--- a/src/app/api/ops/[database_id]/handle-schema.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-import { RequestOperationSchema } from "@/lib/api/api-request-types";
-
-const handleSchemaRequest: DatabaseOperationHandler<
-  RequestOperationSchema
-> = async ({ database, body }) => {
-  const client = await createTursoEdgeDriver(database);
-
-  try {
-    return NextResponse.json({
-      data: await client.tableSchema(body.tableName),
-    });
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleSchemaRequest;
diff --git a/src/app/api/ops/[database_id]/handle-schemas.ts b/src/app/api/ops/[database_id]/handle-schemas.ts
deleted file mode 100644
index 46f98c82..00000000
--- a/src/app/api/ops/[database_id]/handle-schemas.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-
-const handleSchemasRequest: DatabaseOperationHandler = async ({
-  permission,
-  database,
-}) => {
-  const client = await createTursoEdgeDriver(database);
-
-  try {
-    let tables = await client.schemas();
-
-    // If you don't have permssion to execute query
-    // We will only allow you to see tables that
-    // you have permission to
-    if (!permission.canExecuteQuery) {
-      const allowedTables = new Set(permission.roles.map((t) => t.tableName));
-      tables = tables.filter((table) => allowedTables.has(table.name));
-    }
-
-    return NextResponse.json({
-      data: tables,
-    });
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleSchemasRequest;
diff --git a/src/app/api/ops/[database_id]/handle-select-table.ts b/src/app/api/ops/[database_id]/handle-select-table.ts
deleted file mode 100644
index a7b63086..00000000
--- a/src/app/api/ops/[database_id]/handle-select-table.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-import { RequestOperationSelectTable } from "@/lib/api/api-request-types";
-import { ApiError } from "@/lib/api-error";
-import { HttpStatus } from "@/constants/http-status";
-
-const handleSelectTableRequest: DatabaseOperationHandler<
-  RequestOperationSelectTable
-> = async ({ database, body, permission }) => {
-  const client = await createTursoEdgeDriver(database);
-
-  if (body.options.whereRaw && !permission.canExecuteQuery) {
-    return NextResponse.json(
-      {
-        error: "No permission to execute query",
-      },
-      { status: 500 }
-    );
-  }
-
-  if (body.options.orderBy) {
-    for (const orderOption of body.options.orderBy) {
-      if (orderOption.by !== "DESC" && orderOption.by !== "ASC") {
-        throw new ApiError({
-          message: "Order by must be DESC or ASC",
-          status: HttpStatus.FORBIDDEN,
-        });
-      }
-    }
-  }
-
-  try {
-    return NextResponse.json(
-      await client.selectTable(body.tableName, body.options)
-    );
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleSelectTableRequest;
diff --git a/src/app/api/ops/[database_id]/handle-trigger.ts b/src/app/api/ops/[database_id]/handle-trigger.ts
deleted file mode 100644
index a5a3c265..00000000
--- a/src/app/api/ops/[database_id]/handle-trigger.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-import { RequestOperationTrigger } from "@/lib/api/api-request-types";
-
-const handleTriggerRequest: DatabaseOperationHandler<
-  RequestOperationTrigger
-> = async ({ database, body }) => {
-  const client = await createTursoEdgeDriver(database);
-
-  try {
-    return NextResponse.json({
-      data: await client.trigger(body.name),
-    });
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleTriggerRequest;
diff --git a/src/app/api/ops/[database_id]/handle-update-table-data.ts b/src/app/api/ops/[database_id]/handle-update-table-data.ts
deleted file mode 100644
index 250c1bd1..00000000
--- a/src/app/api/ops/[database_id]/handle-update-table-data.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { DatabaseOperationHandler } from "@/lib/with-database-ops";
-import { NextResponse } from "next/server";
-import { createTursoEdgeDriver } from "./turso-edge-client";
-import { RequestOperationUpdateTableData } from "@/lib/api/api-request-types";
-
-const handleUpdateTableDataRequest: DatabaseOperationHandler<
-  RequestOperationUpdateTableData
-> = async ({ database, body }) => {
-  const client = await createTursoEdgeDriver(database);
-  const tableName = body.tableName;
-
-  const tableSchema = await client.tableSchema(tableName);
-
-  try {
-    return NextResponse.json(
-      await client.updateTableData(tableName, body.ops, tableSchema)
-    );
-  } catch (e) {
-    return NextResponse.json({ error: (e as Error).message });
-  }
-};
-
-export default handleUpdateTableDataRequest;
diff --git a/src/app/api/ops/[database_id]/handler.ts b/src/app/api/ops/[database_id]/handler.ts
index 40ee3042..29ceaf9b 100644
--- a/src/app/api/ops/[database_id]/handler.ts
+++ b/src/app/api/ops/[database_id]/handler.ts
@@ -2,13 +2,7 @@ import { RequestOperationBody } from "@/lib/api/api-request-types";
 import { DatabaseOperationHandler } from "@/lib/with-database-ops";
 import handleBatchRequest from "./handle-batch";
 import handleQueryRequest from "./handle-query";
-import handleSchemasRequest from "./handle-schemas";
-import handleSelectTableRequest from "./handle-select-table";
-import handleUpdateTableDataRequest from "./handle-update-table-data";
-import handleSchemaRequest from "./handle-schema";
-import handleTriggerRequest from "./handle-trigger";
 import { NextResponse } from "next/server";
-import handleFindFirst from "./handle-find-first";
 
 export const databaseOperationHandler: DatabaseOperationHandler<
   RequestOperationBody
@@ -19,18 +13,6 @@ export const databaseOperationHandler: DatabaseOperationHandler<
     return await handleBatchRequest({ ...props, body });
   } else if (body.type === "query") {
     return await handleQueryRequest({ ...props, body });
-  } else if (body.type === "schemas") {
-    return await handleSchemasRequest(props);
-  } else if (body.type === "select-table") {
-    return await handleSelectTableRequest({ ...props, body });
-  } else if (body.type === "find-first") {
-    return await handleFindFirst({ ...props, body });
-  } else if (body.type === "update-table-data") {
-    return await handleUpdateTableDataRequest({ ...props, body });
-  } else if (body.type === "schema") {
-    return await handleSchemaRequest({ ...props, body });
-  } else if (body.type === "trigger") {
-    return await handleTriggerRequest({ ...props, body });
   }
 
   return NextResponse.json({ error: "Unknown command" }, { status: 500 });
diff --git a/src/app/globals.css b/src/app/globals.css
index 0ce590d4..3762da40 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -26,7 +26,7 @@ body {
 
 @layer base {
   :root {
-    --background: 0 0% 100%;
+    --background: #fff;
     --foreground: 222.2 84% 4.9%;
 
     --color-surface: #fff;
@@ -58,10 +58,13 @@ body {
     --ring: 222.2 84% 4.9%;
 
     --radius: 0.5rem;
+
+    --selected: rgb(229, 229, 229);
+    --scroll-bar: #e2e8f0;
   }
 
   .dark {
-    --background: 222.2 84% 4.9%;
+    --background: rgb(10, 10, 10);
     --foreground: 210 40% 98%;
 
     --color-surface: #1f1f1f;
@@ -91,9 +94,32 @@ body {
     --border: 210 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
     --ring: 212.7 26.8% 83.9%;
+
+    --selected: rgb(38, 38, 38);
+    --scroll-bar: #1e2d3b;
   }
 }
 
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  padding: 2px;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: var(--scroll-bar);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scroll-bar);
+}
+
 @layer base {
   * {
     @apply border-border;
diff --git a/src/app/storybook/listview/page.tsx b/src/app/storybook/listview/page.tsx
new file mode 100644
index 00000000..155e921c
--- /dev/null
+++ b/src/app/storybook/listview/page.tsx
@@ -0,0 +1,132 @@
+"use client";
+import { ListView, ListViewItem } from "@/components/listview";
+import { Input } from "@/components/ui/input";
+import { LucideDatabase, LucideTable } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+
+function Demo1() {
+  const [filter, setFilter] = useState("");
+  const [selected, setSelected] = useState("");
+  const [collapsed, setCollapsed] = useState(new Set<string>(["movies"]));
+
+  const filterCallback = useCallback(
+    (item: ListViewItem<unknown>) => {
+      if (filter === "") return true;
+      return item.name.toLowerCase().indexOf(filter.toLowerCase()) >= 0;
+    },
+    [filter]
+  );
+
+  const items = useMemo(() => {
+    return [
+      {
+        key: "movies",
+        data: {},
+        name: "movies",
+        icon: LucideDatabase,
+        children: [
+          {
+            name: "movies",
+            key: "movies.movies",
+            icon: LucideTable,
+          },
+          {
+            name: "users",
+            badgeContent: "fts5",
+            badgeClassName: "bg-red-500 text-white",
+            key: "movies.users",
+            icon: LucideTable,
+            children: [
+              {
+                name: "insert_movies",
+                key: "movies.insert_movies",
+                icon: LucideTable,
+              },
+              {
+                name: "update_movies",
+                key: "movies.update_users",
+                icon: LucideTable,
+              },
+              {
+                name: "delete_movies",
+                key: "movies.delete_movies",
+                icon: LucideTable,
+              },
+            ],
+          },
+          { name: "reviews", key: "movies.reviews", icon: LucideTable },
+        ],
+      },
+      {
+        key: "resturants",
+        data: {},
+        name: "resturants",
+        icon: LucideDatabase,
+      },
+      {
+        key: "hotel",
+        data: {},
+        name: "hotel",
+        icon: LucideDatabase,
+      },
+    ] as ListViewItem<unknown>[];
+  }, []);
+
+  return (
+    <div className="w-[300px] border p-2 rounded">
+      <Input
+        className="mb-2"
+        value={filter}
+        onChange={(e) => setFilter(e.currentTarget.value)}
+      />
+      <ListView
+        filter={filterCallback}
+        highlight={filter}
+        items={items}
+        collapsedKeys={collapsed}
+        onCollapsedChange={setCollapsed}
+        selectedKey={selected}
+        onSelectChange={setSelected}
+      />
+    </div>
+  );
+}
+
+function Demo2() {
+  return (
+    <div className="w-[300px] border p-2 rounded">
+      <ListView
+        items={[
+          {
+            name: "insert_movies",
+            key: "movies.insert_movies",
+            icon: LucideTable,
+            data: {},
+          },
+          {
+            name: "update_movies",
+            key: "movies.update_users",
+            icon: LucideTable,
+            data: {},
+          },
+          {
+            name: "delete_movies",
+            key: "movies.delete_movies",
+            icon: LucideTable,
+            data: {},
+          },
+        ]}
+      />
+    </div>
+  );
+}
+
+export default function ListViewStorybookPage() {
+  return (
+    <body className="p-4">
+      <Demo1 />
+      <br />
+      <Demo2 />
+    </body>
+  );
+}
diff --git a/src/components/gui/database-gui.tsx b/src/components/gui/database-gui.tsx
index 4c708788..0300a494 100644
--- a/src/components/gui/database-gui.tsx
+++ b/src/components/gui/database-gui.tsx
@@ -134,7 +134,7 @@ export default function DatabaseGui() {
         <ResizablePanel minSize={5} defaultSize={defaultWidthPercentage}>
           <SidebarTab tabs={sidebarTabs} />
         </ResizablePanel>
-        <ResizableHandle />
+        <ResizableHandle withHandle />
         <ResizablePanel defaultSize={100 - defaultWidthPercentage}>
           <WindowTabs
             menu={tabSideMenu}
diff --git a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
index 03f620c8..e10f709c 100644
--- a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
+++ b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
@@ -73,7 +73,7 @@ function ColumnForeignKey({
   disabled?: boolean;
 }>) {
   const { columns } = useColumnList();
-  const { schema } = useSchema();
+  const { currentSchema } = useSchema();
 
   const columnMemo = useMemo(() => {
     return [...new Set(columns.map((c) => c.new?.name ?? c.old?.name ?? ""))];
@@ -83,7 +83,7 @@ function ColumnForeignKey({
     const fkTableName = constraint.foreignKey?.foreignTableName;
 
     if (fkTableName) {
-      const fkTableSchema = schema.find(
+      const fkTableSchema = currentSchema.find(
         (s) => s.type === "table" && s.name === fkTableName
       );
 
@@ -93,7 +93,7 @@ function ColumnForeignKey({
     }
 
     return [];
-  }, [constraint, schema]);
+  }, [constraint, currentSchema]);
 
   const onConstraintChange = useCallback(
     (newColumn: string[]) => {
diff --git a/src/components/gui/schema-sidebar-list.tsx b/src/components/gui/schema-sidebar-list.tsx
index a930bb19..597f6773 100644
--- a/src/components/gui/schema-sidebar-list.tsx
+++ b/src/components/gui/schema-sidebar-list.tsx
@@ -1,123 +1,100 @@
-import { ScrollArea } from "../ui/scroll-area";
-import { buttonVariants } from "../ui/button";
-import { cn } from "@/lib/utils";
-import { LucideCog, LucideIcon, LucideView, Table2 } from "lucide-react";
-import {
-  OpenContextMenuList,
-  openContextMenuFromEvent,
-} from "@/messages/open-context-menu";
+import { LucideCog, LucideView, Table2 } from "lucide-react";
+import { OpenContextMenuList } from "@/messages/open-context-menu";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { openTab } from "@/messages/open-tab";
 import { DatabaseSchemaItem } from "@/drivers/base-driver";
 import { useSchema } from "@/context/schema-provider";
+import { ListView, ListViewItem } from "../listview";
 
 interface SchemaListProps {
   search: string;
 }
 
-type DatabaseSchemaItemWithIndentation = DatabaseSchemaItem & {
-  indentation?: number;
-};
+function prepareListViewItem(
+  schema: DatabaseSchemaItem[]
+): ListViewItem<DatabaseSchemaItem>[] {
+  return schema.map((s) => {
+    let icon = Table2;
+    let iconClassName = "text-blue-600 dark:text-blue-300";
+
+    if (s.type === "trigger") {
+      icon = LucideCog;
+      iconClassName = "text-purple-500";
+    } else if (s.type === "view") {
+      icon = LucideView;
+      iconClassName = "text-green-600 dark:text-green-300";
+    }
+
+    return {
+      data: s,
+      icon: icon,
+      iconColor: iconClassName,
+      key: s.name,
+      name: s.name,
+    };
+  });
+}
 
-type DatabaseSchemaTreeNode = {
-  node: DatabaseSchemaItemWithIndentation;
-  sub: DatabaseSchemaItemWithIndentation[];
-};
+function groupTriggerByTable(
+  items: ListViewItem<DatabaseSchemaItem>[]
+): ListViewItem<DatabaseSchemaItem>[] {
+  // Find all triggers
+  const triggers = items.filter((item) => item.data.type === "trigger");
+  const triggerByTable = triggers.reduce(
+    (a, b) => {
+      a[b.data.tableName ?? ""] = [...(a[b.data.tableName ?? ""] ?? []), b];
+      return a;
+    },
+    {} as Record<string, ListViewItem<DatabaseSchemaItem>[]>
+  );
+
+  const list = items.filter((item) => item.data.type !== "trigger");
+  for (const item of list) {
+    if (item.data.type === "table" && triggerByTable[item.data.name]) {
+      item.children = [
+        ...(item.children ?? []),
+        ...(triggerByTable[item.name] ?? []),
+      ];
+    }
+  }
 
-interface SchemaViewItemProps {
-  item: DatabaseSchemaItem;
-  highlight?: string;
-  icon: LucideIcon;
-  iconClassName?: string;
-  title: string;
-  selected: boolean;
-  onClick: () => void;
-  onContextMenu: React.MouseEventHandler;
-  indentation?: boolean;
-  badge?: string;
+  return list;
 }
 
-function SchemaViewItem({
-  icon: Icon,
-  iconClassName,
-  title,
-  onClick,
-  highlight,
-  selected,
-  onContextMenu,
-  indentation,
-  item,
-  badge,
-}: Readonly<SchemaViewItemProps>) {
-  const regex = new RegExp(
-    "(" + (highlight ?? "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + ")",
-    "i"
+function groupByFtsTable(items: ListViewItem<DatabaseSchemaItem>[]) {
+  const hash = items.reduce(
+    (a, b) => {
+      a[b.name] = b;
+      return a;
+    },
+    {} as Record<string, ListViewItem<DatabaseSchemaItem>>
   );
+  const ftsSuffix = ["_config", "_content", "_data", "_docsize", "_idx"];
+  const excludes = new Set();
 
-  const splitedText = title.split(regex);
+  for (const item of items) {
+    if (item.data.tableSchema?.fts5) {
+      item.children = ftsSuffix
+        .map((suffix) => hash[item.data.name + suffix])
+        .filter(Boolean);
 
-  return (
-    <div
-      onMouseDown={onClick}
-      onContextMenu={(e) => {
-        onContextMenu(e);
-        onClick();
-      }}
-      onDoubleClick={() => {
-        if (item.type === "table" || item.type === "view") {
-          openTab({
-            type: "table",
-            tableName: title,
-          });
-        } else if (item.type === "trigger") {
-          openTab({
-            type: "trigger",
-            name: item.name,
-          });
-        }
-      }}
-      className={cn(
-        buttonVariants({
-          variant: selected ? "default" : "ghost",
-          size: "sm",
-        }),
-        "justify-start",
-        "cursor-pointer"
-      )}
-    >
-      {indentation && (
-        <div className="w-2 border-l ml-2  2 h-full border-dashed"></div>
-      )}
-      <Icon className={cn("mr-2 h-4 w-4", selected ? "" : iconClassName)} />
+      ftsSuffix.forEach((suffix) => excludes.add(item.data.name + suffix));
 
-      <span>
-        {splitedText.map((text, idx) => {
-          return text.toLowerCase() === (highlight ?? "").toLowerCase() ? (
-            <span key={idx} className="bg-yellow-300 text-black">
-              {text}
-            </span>
-          ) : (
-            <span key={idx}>{text}</span>
-          );
-        })}
+      item.badgeContent = "fts5";
+    }
+  }
 
-        {badge && (
-          <span className="bg-red-500 text-white rounded p-0.5 px-1 ml-1 text-xs font-mono font-normal">
-            {badge}
-          </span>
-        )}
-      </span>
-    </div>
-  );
+  return items.filter((item) => !excludes.has(item.data.name));
 }
 
 export default function SchemaList({ search }: Readonly<SchemaListProps>) {
-  const [selectedIndex, setSelectedIndex] = useState(-1);
-  const { refresh, schema } = useSchema();
+  const [selected, setSelected] = useState("");
+  const [collapsed, setCollapsed] = useState(new Set<string>());
+  const { refresh, currentSchema } = useSchema();
 
   useEffect(() => {
-    setSelectedIndex(-1);
-  }, [setSelectedIndex, search]);
+    setSelected("");
+  }, [setSelected, search]);
 
   const prepareContextMenu = useCallback(
     (item?: DatabaseSchemaItem) => {
@@ -160,117 +137,43 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
   );
 
   const filteredSchema = useMemo(() => {
-    // Build the tree first then we can flat it
-    let tree: DatabaseSchemaTreeNode[] = [];
-    const treeHash: Record<string, DatabaseSchemaTreeNode> = {};
-
-    const excludeTables = new Set();
-    const ftsTables: string[] = [];
-    const ftsSuffix = ["_config", "_content", "_data", "_docsize", "_idx"];
-
-    // Scan for FTS5
-    for (const item of schema) {
-      if (item.name && item.tableSchema?.fts5) {
-        const tableName = item.name;
-        ftsTables.push(tableName);
-        for (const suffix of ftsSuffix) {
-          excludeTables.add(tableName + suffix);
-        }
-      }
-    }
-
-    for (const item of schema) {
-      if (item.type === "table" || item.type === "view") {
-        const node = { node: item, sub: [] };
-        treeHash[item.name] = node;
-
-        if (item.name && !excludeTables.has(item.name)) {
-          tree.push(node);
-        }
-      }
-    }
-
-    // Grouping FTS5 table
-    for (const ftsTableName of ftsTables) {
-      const ftsSubgroup = treeHash[ftsTableName].sub;
-      if (ftsSubgroup) {
-        for (const suffix of ftsSuffix) {
-          const ftsSubTable = treeHash[ftsTableName + suffix];
-          if (ftsSubTable) {
-            treeHash[ftsTableName].sub.push(ftsSubTable.node);
-          }
-        }
-      }
-    }
-
-    for (const item of schema) {
-      if (item.type === "trigger" && item.tableName) {
-        if (treeHash[item.tableName]) {
-          treeHash[item.tableName]?.sub.push(item);
-        }
-      }
-    }
-
-    tree = tree.filter((s) => {
-      const foundName =
-        s.node.name.toLowerCase().indexOf(search.toLowerCase()) >= 0;
-      const foundInChildren =
-        s.sub.filter(
-          (c) => c.name.toLowerCase().indexOf(search.toLowerCase()) >= 0
-        ).length > 0;
-      return foundName || foundInChildren;
-    });
-
-    return tree
-      .map((r) => [r.node, ...r.sub.map((d) => ({ ...d, indentation: 1 }))])
-      .flat();
-  }, [schema, search]);
+    return groupByFtsTable(
+      groupTriggerByTable(prepareListViewItem(currentSchema))
+    );
+  }, [currentSchema]);
+
+  const filterCallback = useCallback(
+    (item: ListViewItem<DatabaseSchemaItem>) => {
+      if (!search) return true;
+      return item.name.toLowerCase().indexOf(search.toLowerCase()) >= 0;
+    },
+    [search]
+  );
 
   return (
-    <ScrollArea
-      className="grow select-none"
-      onContextMenu={(e) =>
-        openContextMenuFromEvent(
-          prepareContextMenu(
-            selectedIndex && schema[selectedIndex]
-              ? schema[selectedIndex]
-              : undefined
-          )
-        )(e)
-      }
-    >
-      <div className="flex flex-col p-2 pr-4">
-        {filteredSchema.map((item, schemaIndex) => {
-          let icon = Table2;
-          let iconClassName = "text-blue-600 dark:text-blue-300";
-          if (item.type === "trigger") {
-            icon = LucideCog;
-            iconClassName = "text-purple-500";
-          } else if (item.type === "view") {
-            icon = LucideView;
-            iconClassName = "text-green-600 dark:text-green-300";
-          }
-
-          return (
-            <SchemaViewItem
-              highlight={search}
-              item={item}
-              onContextMenu={(e) => {
-                openContextMenuFromEvent(prepareContextMenu(item))(e);
-                e.stopPropagation();
-              }}
-              key={item.name}
-              title={item.name}
-              iconClassName={iconClassName}
-              icon={icon}
-              indentation={!!item.indentation}
-              selected={schemaIndex === selectedIndex}
-              onClick={() => setSelectedIndex(schemaIndex)}
-              badge={item.tableSchema?.fts5 ? "fts5" : undefined}
-            />
-          );
-        })}
-      </div>
-    </ScrollArea>
+    <ListView
+      full
+      filter={filterCallback}
+      highlight={search}
+      items={filteredSchema}
+      collapsedKeys={collapsed}
+      onCollapsedChange={setCollapsed}
+      onContextMenu={(item) => prepareContextMenu(item?.data)}
+      selectedKey={selected}
+      onSelectChange={setSelected}
+      onDoubleClick={(item) => {
+        if (item.data.type === "table" || item.data.type === "view") {
+          openTab({
+            type: "table",
+            tableName: item.data.name,
+          });
+        } else if (item.data.type === "trigger") {
+          openTab({
+            type: "trigger",
+            name: item.name,
+          });
+        }
+      }}
+    />
   );
 }
diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index f4d00289..a7715e30 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -127,11 +127,11 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
               key={tab.key}
               style={{
                 contentVisibility: selected ? "auto" : "hidden",
-                zIndex: selected ? 1 : 0,
+                zIndex: selected ? 0 : -1,
                 position: "absolute",
                 display: "flex",
                 left: 0,
-                right: 5,
+                right: 0,
                 bottom: 0,
                 top: 0,
               }}
diff --git a/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
index e5a5880f..77bbcdfc 100644
--- a/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
@@ -57,7 +57,7 @@ export default function CreateNamespaceButton({
           <Button
             size="sm"
             variant="ghost"
-            className=" mx-2 mb-2 -mt-2 w-full justify-start"
+            className="mb-1 flex w-full justify-start"
           >
             <LucidePlus className="w-4 h-4 mr-2" />
             Create Namespace
diff --git a/src/components/gui/sidebar/saved-doc-tab/index.tsx b/src/components/gui/sidebar/saved-doc-tab/index.tsx
index c4eff2f4..4b551077 100644
--- a/src/components/gui/sidebar/saved-doc-tab/index.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/index.tsx
@@ -1,68 +1,86 @@
 import { closeTabs, openTab } from "@/messages/open-tab";
-import { Separator } from "@/components/ui/separator";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import {
   SavedDocData,
+  SavedDocGroupByNamespace,
   SavedDocNamespace,
 } from "@/drivers/saved-doc/saved-doc-driver";
 import { ListView, ListViewItem } from "@/components/listview";
-import { LucideCode, LucideFolderGit, LucideTrash } from "lucide-react";
+import { LucideCode, LucideFolder, LucideTrash } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import CreateNamespaceButton from "./create-namespace-button";
 import RenameNamespaceDialog from "./rename-namespace-dialog";
 import RemoveDocDialog from "./remove-doc-dialog";
 import { TAB_PREFIX_SAVED_QUERY } from "@/const";
 import RemoveNamespaceDialog from "./remove-namespace-dialog";
+import { OpenContextMenuList } from "@/messages/open-context-menu";
+import { Separator } from "@/components/ui/separator";
 
-function mapNamespace(
-  data: SavedDocNamespace
-): ListViewItem<SavedDocNamespace> {
-  return {
-    data,
-    key: data.id,
-    icon: LucideFolderGit,
-    name: data.name,
-  };
-}
-
-function mapDoc(data: SavedDocData): ListViewItem<SavedDocData> {
-  return {
-    data,
-    key: data.id,
-    icon: LucideCode,
-    iconColor: "text-orange-500",
-    name: data.name,
-  };
+type SavedDocListData =
+  | {
+      type: "namespace";
+      data: SavedDocNamespace;
+    }
+  | {
+      type: "doc";
+      data: SavedDocData;
+    };
+
+function mapDoc(
+  data: SavedDocGroupByNamespace[]
+): ListViewItem<SavedDocListData>[] {
+  return data.map((ns) => {
+    return {
+      data: { type: "namespace", data: ns.namespace },
+      key: ns.namespace.id,
+      icon: LucideFolder,
+      name: ns.namespace.name,
+      children: ns.docs.map((d) => {
+        return {
+          key: d.id,
+          data: { type: "doc", data: d },
+          icon: LucideCode,
+          name: d.name,
+        };
+      }) as ListViewItem<SavedDocListData>[],
+    };
+  });
 }
 
-function SavedDocNamespaceDocList({
-  namespaceData,
-}: {
-  namespaceData?: SavedDocNamespace;
-}) {
+export default function SavedDocTab() {
   const { docDriver } = useDatabaseDriver();
   const [selected, setSelected] = useState<string>();
-  const [docList, setDocList] = useState<ListViewItem<SavedDocData>[]>([]);
+  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+
+  const [namespaceToRename, setNamespaceToRename] =
+    useState<SavedDocNamespace>();
+  const [namespaceToRemove, setNamespaceToRemove] =
+    useState<SavedDocNamespace>();
   const [docToRemove, setDocToRemove] = useState<SavedDocData | undefined>();
 
-  useEffect(() => {
-    const namespaceId = namespaceData?.id;
+  const [docList, setDocList] = useState<ListViewItem<SavedDocListData>[]>([]);
 
-    if (docDriver && namespaceId) {
-      docDriver.getDocs(namespaceId).then((r) => {
-        setDocList(r.map(mapDoc));
-      });
+  const refresh = useCallback(() => {
+    if (docDriver) {
+      docDriver
+        .getDocs()
+        .then((r) => setDocList(mapDoc(r)))
+        .catch(console.error);
+    }
+  }, [docDriver]);
+
+  useEffect(() => {
+    refresh();
 
+    if (docDriver) {
       const onDocChange = () => {
-        docDriver?.getDocs(namespaceId).then((r) => {
-          setDocList(r.map(mapDoc));
-        });
+        refresh();
       };
 
       docDriver.addChangeListener(onDocChange);
       return () => docDriver.removeChangeListener(onDocChange);
     }
-  }, [docDriver, namespaceData]);
+  }, [refresh, docDriver]);
 
   let dialog: JSX.Element | null = null;
 
@@ -74,11 +92,8 @@ function SavedDocNamespaceDocList({
           setDocToRemove(undefined);
         }}
         onComplete={() => {
-          const namespaceId = namespaceData?.id;
-          if (docDriver && namespaceId) {
-            docDriver.getDocs(namespaceId).then((r) => {
-              setDocList(r.map(mapDoc));
-            });
+          if (docDriver) {
+            refresh();
             closeTabs([TAB_PREFIX_SAVED_QUERY + docToRemove.id]);
           }
         }}
@@ -86,91 +101,16 @@ function SavedDocNamespaceDocList({
     );
   }
 
-  return (
-    <>
-      {dialog}
-      <ListView
-        items={docList}
-        full
-        onSelectChange={setSelected}
-        selectedKey={selected}
-        onContextMenu={(item) => {
-          return [
-            {
-              title: "Remove",
-              onClick: () => {
-                if (item) {
-                  setDocToRemove(item.data);
-                }
-              },
-              icon: LucideTrash,
-              destructive: true,
-              disabled: !item,
-            },
-          ];
-        }}
-        onDoubleClick={(item: ListViewItem<SavedDocData>) => {
-          openTab({
-            type: "query",
-            name: item.name,
-            saved: {
-              key: item.key,
-              sql: item.data.content,
-              namespaceName: namespaceData?.name,
-            },
-          });
-        }}
-      />
-    </>
-  );
-}
-
-export default function SavedDocTab() {
-  const { docDriver } = useDatabaseDriver();
-  const [selectedNamespace, setSelectedNamespace] = useState<string>();
-
-  const [namespaceToRename, setNamespaceToRename] =
-    useState<SavedDocNamespace>();
-  const [namespaceToRemove, setNamespaceToRemove] =
-    useState<SavedDocNamespace>();
-
-  const [namespaceList, setNamespaceList] = useState<
-    ListViewItem<SavedDocNamespace>[]
-  >([]);
-
-  useEffect(() => {
-    if (docDriver) {
-      docDriver.getNamespaces().then((r) => {
-        setNamespaceList(r.map(mapNamespace));
-        const firstNamespaceId = r[0].id;
-        setSelectedNamespace(firstNamespaceId);
-      });
-    }
-  }, [docDriver]);
-
-  const onNamespaceCreated = useCallback(
-    (createdNamespace: SavedDocNamespace) => {
-      if (docDriver) {
-        docDriver.getNamespaces().then((r) => {
-          setNamespaceList(r.map(mapNamespace));
-          setSelectedNamespace(createdNamespace.id);
-        });
-      }
-    },
-    [docDriver]
-  );
-
-  let dialog: JSX.Element | null = null;
-
   if (namespaceToRename) {
     dialog = (
       <RenameNamespaceDialog
         onClose={() => setNamespaceToRename(undefined)}
         onComplete={() => {
           if (docDriver) {
-            docDriver.getNamespaces().then((r) => {
-              setNamespaceList(r.map(mapNamespace));
-            });
+            docDriver
+              .getDocs()
+              .then((r) => setDocList(mapDoc(r)))
+              .catch(console.error);
           }
         }}
         value={namespaceToRename}
@@ -185,18 +125,7 @@ export default function SavedDocTab() {
         onComplete={(docs) => {
           if (docDriver) {
             closeTabs(docs.map((d) => TAB_PREFIX_SAVED_QUERY + d.id));
-
-            // Refresh new namespace list
-            docDriver
-              .getNamespaces()
-              .then((r) => {
-                setNamespaceList(r.map(mapNamespace));
-
-                if (selectedNamespace === namespaceToRemove.id) {
-                  setSelectedNamespace(r[0].id);
-                }
-              })
-              .catch(console.error);
+            refresh();
           }
         }}
         value={namespaceToRemove}
@@ -207,19 +136,43 @@ export default function SavedDocTab() {
   return (
     <>
       {dialog}
-      <div className="flex flex-col grow">
-        <div>
-          <ListView
-            items={namespaceList}
-            selectedKey={selectedNamespace}
-            onSelectChange={setSelectedNamespace}
-            onContextMenu={(item) => {
-              return [
+
+      <div className="flex flex-col grow pt-1">
+        <div className="px-2 py-1">
+          <CreateNamespaceButton onCreated={refresh} />
+        </div>
+        <Separator />
+        <ListView
+          full
+          items={docList}
+          selectedKey={selected}
+          onSelectChange={setSelected}
+          collapsedKeys={collapsed}
+          onCollapsedChange={setCollapsed}
+          onDoubleClick={(item: ListViewItem<SavedDocListData>) => {
+            if (item.data.type === "doc") {
+              openTab({
+                type: "query",
+                name: item.name,
+                saved: {
+                  key: item.key,
+                  sql: item.data.data.content,
+                  namespaceName: item.data.data.namespace.name,
+                },
+              });
+            }
+          }}
+          onContextMenu={(item) => {
+            let menu: OpenContextMenuList = [];
+
+            if (item?.data.type === "namespace") {
+              menu = [
+                ...menu,
                 {
                   title: "Rename",
                   disabled: !item,
                   onClick: () => {
-                    if (item) setNamespaceToRename(item.data);
+                    if (item) setNamespaceToRename(item.data.data);
                   },
                 },
                 {
@@ -228,22 +181,30 @@ export default function SavedDocTab() {
                   destructive: true,
                   disabled: !item,
                   onClick: () => {
-                    if (item) setNamespaceToRemove(item.data);
+                    if (item) setNamespaceToRemove(item.data.data);
                   },
                 },
               ];
-            }}
-          />
-          <CreateNamespaceButton onCreated={onNamespaceCreated} />
-        </div>
-        <Separator />
-        <div className="grow overflow-hidden flex">
-          <SavedDocNamespaceDocList
-            namespaceData={
-              namespaceList.find((n) => n.key === selectedNamespace)?.data
+            } else if (item?.data.type === "doc") {
+              menu = [
+                ...menu,
+                {
+                  title: "Remove",
+                  onClick: () => {
+                    if (item) {
+                      setDocToRemove(item.data.data as SavedDocData);
+                    }
+                  },
+                  icon: LucideTrash,
+                  destructive: true,
+                  disabled: !item,
+                },
+              ];
             }
-          />
-        </div>
+
+            return menu;
+          }}
+        />
       </div>
     </>
   );
diff --git a/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx b/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
index 809e747a..08d19d6d 100644
--- a/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/remove-namespace-dialog.tsx
@@ -32,13 +32,15 @@ export default function RemoveNamespaceDialog({
       setLoading(true);
 
       docDriver
-        .getDocs(value.id)
+        .getDocs()
         .then((docs) => {
           docDriver
             .removeNamespapce(value.id)
             .then(() => {
               onClose();
-              onComplete(docs);
+              onComplete(
+                docs.find((n) => n.namespace.id === value.id)?.docs ?? []
+              );
             })
             .finally(() => {
               setLoading(false);
diff --git a/src/components/gui/table-combobox/TableCombobox.tsx b/src/components/gui/table-combobox/TableCombobox.tsx
index 5671e76c..c46905b3 100644
--- a/src/components/gui/table-combobox/TableCombobox.tsx
+++ b/src/components/gui/table-combobox/TableCombobox.tsx
@@ -25,7 +25,7 @@ export default function TableCombobox({
   borderless?: boolean;
 }>) {
   const [open, setOpen] = useState(false);
-  const { schema, refresh } = useSchema();
+  const { currentSchema, refresh } = useSchema();
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
@@ -48,7 +48,7 @@ export default function TableCombobox({
 
           <CommandEmpty>No table found.</CommandEmpty>
           <CommandGroup className="max-h-[250px] overflow-y-auto">
-            {schema.map((table) => (
+            {currentSchema.map((table) => (
               <CommandItem
                 key={table.name}
                 value={table.name}
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index c710e68e..4b05e0f3 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -1,5 +1,4 @@
 import { ContextMenuList } from "@/components/gui/context-menu-handler";
-import { buttonVariants } from "@/components/ui/button";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -7,8 +6,19 @@ import {
 } from "@/components/ui/context-menu";
 import { cn } from "@/lib/utils";
 import { OpenContextMenuList } from "@/messages/open-context-menu";
-import { LucideIcon } from "lucide-react";
-import { useRef, useState } from "react";
+import {
+  LucideChevronDown,
+  LucideChevronRight,
+  LucideIcon,
+} from "lucide-react";
+import React, {
+  Dispatch,
+  Fragment,
+  MutableRefObject,
+  SetStateAction,
+  useRef,
+  useState,
+} from "react";
 
 export interface ListViewItem<T = unknown> {
   key: string;
@@ -16,25 +26,232 @@ export interface ListViewItem<T = unknown> {
   icon: LucideIcon;
   iconColor?: string;
   data: T;
+  badgeContent?: string;
+  badgeClassName?: string;
+  children?: ListViewItem<T>[];
 }
 
 interface ListViewProps<T> {
   items: ListViewItem<T>[];
   selectedKey?: string;
   full?: boolean;
+  filter?: (item: ListViewItem<T>) => boolean;
+  highlight?: string;
+  collapsedKeys?: Set<string>;
+  onCollapsedChange?: (keys: Set<string>) => void;
   onSelectChange?: (key: string) => void;
   onDoubleClick?: (item: ListViewItem<T>) => void;
   onContextMenu?: (item?: ListViewItem<T>) => OpenContextMenuList;
 }
 
-export function ListView<T = unknown>({
-  items,
-  selectedKey,
-  onDoubleClick,
-  onSelectChange,
-  onContextMenu,
-  full,
-}: ListViewProps<T>) {
+interface ListViewRendererProps<T> extends ListViewProps<T> {
+  depth: number;
+  stopParentPropagation: MutableRefObject<boolean>;
+  setContextMenu: Dispatch<SetStateAction<OpenContextMenuList>>;
+  contextMenuKey: string;
+  setContextMenuKey: Dispatch<SetStateAction<string>>;
+  contextOpen: boolean;
+}
+
+function Highlight({ text, highlight }: { text: string; highlight?: string }) {
+  if (!highlight) return <span>{text}</span>;
+
+  const regex = new RegExp(
+    "(" + (highlight ?? "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + ")",
+    "i"
+  );
+
+  const splitedText = text.split(regex);
+
+  return (
+    <span>
+      {splitedText.map((text, idx) => {
+        return text.toLowerCase() === (highlight ?? "").toLowerCase() ? (
+          <span key={idx} className="bg-yellow-300 text-black">
+            {text}
+          </span>
+        ) : (
+          <span key={idx}>{text}</span>
+        );
+      })}
+    </span>
+  );
+}
+
+function Indentation({ depth }: { depth: number }) {
+  if (depth <= 0) return null;
+
+  return new Array(depth).fill(false).map((_, idx: number) => {
+    return (
+      <div
+        key={idx}
+        className={cn(
+          "ml-2 w-2 border-l border-gray-300 dark:border-gray-500 border-dashed h-full"
+        )}
+      ></div>
+    );
+  });
+}
+
+function CollapsedButton({
+  hasCollapsed,
+  collapsed,
+  onClick,
+}: {
+  hasCollapsed: boolean;
+  collapsed: boolean;
+  onClick: () => void;
+}) {
+  return hasCollapsed ? (
+    <div className="mr-1" onClick={onClick}>
+      {collapsed ? (
+        <LucideChevronDown className={cn("w-4 h-4")} />
+      ) : (
+        <LucideChevronRight className={cn("w-4 h-4")} />
+      )}
+    </div>
+  ) : (
+    <div className="w-2 ml-2 border-l border-gray-300 dark:border-gray-500 border-dashed h-full mr-1 text-gray-300 dark:text-gray-500 relative">
+      <span className="absolute -left-1 top-1.5">●</span>
+    </div>
+  );
+}
+
+function matchFilter<T = unknown>(
+  item: ListViewItem<T>,
+  filter?: (item: ListViewItem<T>) => boolean
+): boolean {
+  if (!filter) return true;
+
+  return (
+    filter(item) ||
+    (item.children ?? []).some((child) => matchFilter(child, filter))
+  );
+}
+
+function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
+  const { items, depth, ...rest } = props;
+  const {
+    filter,
+    highlight,
+    stopParentPropagation,
+    onContextMenu,
+    onDoubleClick,
+    onSelectChange,
+    selectedKey,
+    setContextMenu,
+    contextMenuKey,
+    setContextMenuKey,
+    collapsedKeys,
+    onCollapsedChange,
+    contextOpen,
+  } = rest;
+
+  if (items.length === 0) return <Fragment></Fragment>;
+  const listCollapsed = items.some(
+    (item) => item.children && item.children.length > 0
+  );
+
+  return (
+    <>
+      {items
+        .filter((item) => matchFilter(item, filter))
+        .map((item) => {
+          const hasCollaped = !!item.children && item.children.length > 0;
+          const isCollapsed = !!collapsedKeys && collapsedKeys.has(item.key);
+
+          const collapsedClicked = () => {
+            if (onCollapsedChange) {
+              if (collapsedKeys) {
+                const tmpSet = new Set(collapsedKeys);
+                if (tmpSet.has(item.key)) {
+                  tmpSet.delete(item.key);
+                } else {
+                  tmpSet.add(item.key);
+                }
+                onCollapsedChange(tmpSet);
+              } else {
+                onCollapsedChange(new Set([item.key]));
+              }
+            }
+          };
+
+          return (
+            <React.Fragment key={item.key}>
+              <div
+                key={item.key}
+                onContextMenu={() => {
+                  stopParentPropagation.current = true;
+                  setContextMenuKey(item.key);
+                  if (onContextMenu) setContextMenu(onContextMenu(item));
+                }}
+                onDoubleClick={() => {
+                  if (onDoubleClick) {
+                    onDoubleClick(item);
+                  }
+                }}
+                onClick={() => {
+                  if (onSelectChange) {
+                    onSelectChange(item.key);
+                  }
+                }}
+              >
+                <div
+                  className={cn(
+                    "px-1 flex text-xs items-center gap-0.5 h-8",
+                    selectedKey === item.key
+                      ? "bg-selected"
+                      : "hover:bg-accent",
+                    contextMenuKey === item.key && contextOpen
+                      ? "border border-blue-500"
+                      : "border border-transparent",
+                    "w-full",
+                    "justify-start",
+                    "cursor-pointer"
+                  )}
+                >
+                  <Indentation depth={depth} />
+
+                  {(depth > 0 || listCollapsed) && (
+                    <CollapsedButton
+                      hasCollapsed={hasCollaped}
+                      onClick={collapsedClicked}
+                      collapsed={isCollapsed}
+                    />
+                  )}
+
+                  {item.icon && (
+                    <item.icon className={cn("w-4 h-4 mr-1", item.iconColor)} />
+                  )}
+                  <div>
+                    <Highlight text={item.name} highlight={highlight} />
+                    {item.badgeContent && (
+                      <span
+                        className={cn(
+                          "rounded p-0.5 px-1 ml-1 text-xs font-mono font-normal",
+                          item.badgeClassName ?? "bg-red-500 text-white"
+                        )}
+                      >
+                        {item.badgeContent}
+                      </span>
+                    )}
+                  </div>
+                </div>
+              </div>
+              {isCollapsed &&
+                renderList({
+                  ...rest,
+                  depth: depth + 1,
+                  items: item.children ?? [],
+                })}
+            </React.Fragment>
+          );
+        })}
+    </>
+  );
+}
+
+export function ListView<T = unknown>(props: ListViewProps<T>) {
   const [contextOpen, setContextOpen] = useState(false);
   const [contextMenuKey, setContextMenuKey] = useState("");
   const [contextMenu, setContextMenu] = useState<OpenContextMenuList>([]);
@@ -43,66 +260,38 @@ export function ListView<T = unknown>({
   // to prevent container context menu event.
   const stopParentPropagation = useRef<boolean>(false);
 
+  const { full, ...rest } = props;
+  const { onContextMenu } = rest;
+
   return (
     <ContextMenu modal={false} onOpenChange={setContextOpen}>
       <ContextMenuTrigger asChild>
         <div
           tabIndex={0}
-          className={cn(full ? "grow overflow-auto p-2" : "p-2", "select-none")}
-          onContextMenu={() => {
+          className={cn(full ? "grow overflow-auto" : "", "select-none")}
+          onContextMenu={(e) => {
             if (stopParentPropagation.current) {
               stopParentPropagation.current = false;
               return;
             }
-            if (onContextMenu) setContextMenu(onContextMenu());
+
+            if (onContextMenu) {
+              const menu = onContextMenu();
+              if (menu.length === 0) e.preventDefault();
+            }
+
             setContextMenuKey("");
           }}
         >
-          <div className={"flex flex-col"}>
-            {items.map((item) => {
-              return (
-                <div
-                  key={item.key}
-                  onContextMenu={() => {
-                    stopParentPropagation.current = true;
-                    setContextMenuKey(item.key);
-                    if (onContextMenu) setContextMenu(onContextMenu(item));
-                  }}
-                  onDoubleClick={() => {
-                    if (onDoubleClick) {
-                      onDoubleClick(item);
-                    }
-                  }}
-                  onClick={() => {
-                    if (onSelectChange) {
-                      onSelectChange(item.key);
-                    }
-                  }}
-                  className="flex p-0.5"
-                >
-                  <div
-                    className={cn(
-                      buttonVariants({
-                        variant: selectedKey === item.key ? "default" : "ghost",
-                        size: "sm",
-                      }),
-                      contextMenuKey === item.key && contextOpen
-                        ? "border border-blue-500"
-                        : "border border-transparent",
-                      "w-full",
-                      "justify-start",
-                      "cursor-pointer"
-                    )}
-                  >
-                    {item.icon && (
-                      <item.icon
-                        className={cn("w-4 h-4 mr-2", item.iconColor)}
-                      />
-                    )}
-                    {item.name}
-                  </div>
-                </div>
-              );
+          <div className={"flex flex-col gap-0"}>
+            {renderList({
+              ...rest,
+              depth: 0,
+              stopParentPropagation,
+              setContextMenu,
+              contextMenuKey,
+              contextOpen,
+              setContextMenuKey,
             })}
           </div>
         </div>
diff --git a/src/context/schema-provider.tsx b/src/context/schema-provider.tsx
index 69d5ae3e..fc283029 100644
--- a/src/context/schema-provider.tsx
+++ b/src/context/schema-provider.tsx
@@ -8,15 +8,19 @@ import {
   useState,
 } from "react";
 import ConnectingDialog from "@/components/gui/connection-dialog";
-import { DatabaseSchemaItem } from "@/drivers/base-driver";
+import { DatabaseSchemaItem, DatabaseSchemas } from "@/drivers/base-driver";
 import { useDatabaseDriver } from "./driver-provider";
 import { useAutoComplete } from "./auto-complete-provider";
 
 const SchemaContext = createContext<{
-  schema: DatabaseSchemaItem[];
+  schema: DatabaseSchemas;
+  currentSchema: DatabaseSchemaItem[];
+  currentSchemaName: string;
   refresh: () => void;
 }>({
-  schema: [],
+  schema: {},
+  currentSchema: [],
+  currentSchemaName: "",
   refresh: () => {
     throw new Error("Not implemented");
   },
@@ -29,10 +33,13 @@ export function useSchema() {
 export function SchemaProvider({ children }: Readonly<PropsWithChildren>) {
   const { updateTableList, updateTableSchema } = useAutoComplete();
   const [error, setError] = useState<string>();
-  const [schemaItems, setSchemaItems] = useState<DatabaseSchemaItem[]>([]);
   const [loading, setLoading] = useState(true);
   const { databaseDriver } = useDatabaseDriver();
 
+  const [schema, setSchema] = useState<DatabaseSchemas>({});
+  const [currentSchema, setCurrentSchema] = useState<DatabaseSchemaItem[]>([]);
+  const currentSchemaName = databaseDriver.getFlags().defaultSchema;
+
   const fetchSchema = useCallback(
     (refresh?: boolean) => {
       if (refresh) {
@@ -41,20 +48,8 @@ export function SchemaProvider({ children }: Readonly<PropsWithChildren>) {
 
       databaseDriver
         .schemas()
-        .then((tableList) => {
-          const sortedTableList = [...tableList];
-          sortedTableList.sort((a, b) => {
-            return a.name.localeCompare(b.name);
-          });
-
-          setSchemaItems(sortedTableList);
-          updateTableList(tableList.map((table) => table.name));
-          for (const table of tableList) {
-            if (table.tableSchema) {
-              updateTableSchema(table.name, table.tableSchema.columns);
-            }
-          }
-
+        .then((result) => {
+          setSchema(result);
           setError(undefined);
           setLoading(false);
         })
@@ -63,16 +58,37 @@ export function SchemaProvider({ children }: Readonly<PropsWithChildren>) {
           setLoading(false);
         });
     },
-    [databaseDriver, updateTableList, setError, updateTableSchema]
+    [databaseDriver, setError]
   );
 
+  useEffect(() => {
+    if (schema[currentSchemaName]) {
+      setCurrentSchema(schema[currentSchemaName]);
+    }
+  }, [currentSchemaName, schema, setCurrentSchema]);
+
+  useEffect(() => {
+    const sortedTableList = [...currentSchema];
+    sortedTableList.sort((a, b) => {
+      return a.name.localeCompare(b.name);
+    });
+
+    updateTableList(currentSchema.map((table) => table.name));
+
+    for (const table of currentSchema) {
+      if (table.tableSchema) {
+        updateTableSchema(table.name, table.tableSchema.columns);
+      }
+    }
+  }, [currentSchema, updateTableList, updateTableSchema]);
+
   useEffect(() => {
     fetchSchema(true);
   }, [fetchSchema]);
 
   const props = useMemo(() => {
-    return { schema: schemaItems, refresh: fetchSchema };
-  }, [schemaItems, fetchSchema]);
+    return { schema, currentSchema, currentSchemaName, refresh: fetchSchema };
+  }, [schema, fetchSchema, currentSchema, currentSchemaName]);
 
   if (error || loading) {
     return <ConnectingDialog message={error} loading={loading} />;
@@ -82,7 +98,3 @@ export function SchemaProvider({ children }: Readonly<PropsWithChildren>) {
     <SchemaContext.Provider value={props}>{children}</SchemaContext.Provider>
   );
 }
-
-// function useAutoComplete(): { updateTableList: any } {
-//   return { updateTableList: () => console.log("Not implemented") };
-// }
diff --git a/src/db/schema-database.ts b/src/db/schema-database.ts
index cce0a4e7..ddfff519 100644
--- a/src/db/schema-database.ts
+++ b/src/db/schema-database.ts
@@ -1,4 +1,3 @@
-import { relations } from "drizzle-orm";
 import {
   index,
   int,
@@ -76,47 +75,3 @@ export const database_user_role = sqliteTable(
     return { pk: primaryKey({ columns: [table.databaseId, table.userId] }) };
   }
 );
-
-export const database_role_permission = sqliteTable(
-  "database_role_permission",
-  {
-    id: text("id").primaryKey(),
-    roleId: text("role_id")
-      .notNull()
-      .references(() => database_role.id),
-
-    type: text("role").$type<DatabaseRoleType>(),
-    access: text("access").$type<DatabaseRoleAccess>(),
-    tableName: text("table_name"),
-    columnName: text("column_name"),
-
-    createdBy: text("created_by").references(() => user.id),
-    createdAt: int("created_at"),
-    updatedBy: text("updated_by").references(() => user.id),
-    updatedAt: int("updated_at"),
-  },
-  (table) => {
-    return {
-      databaseRoleIdx: index("role_permission_table_idx").on(
-        table.roleId,
-        table.tableName
-      ),
-    };
-  }
-);
-
-export const databaseRoleRelation = relations(database_role, ({ many }) => {
-  return { permissions: many(database_role_permission) };
-});
-
-export const databaseRolePermissionRelation = relations(
-  database_role_permission,
-  ({ one }) => {
-    return {
-      role: one(database_role, {
-        fields: [database_role_permission.roleId],
-        references: [database_role.id],
-      }),
-    };
-  }
-);
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index e1a7f46f..665049e8 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -69,6 +69,8 @@ export interface SelectFromTableOptions {
 
 export type DatabaseValue<T = unknown> = T | undefined | null;
 
+export type DatabaseSchemas = Record<string, DatabaseSchemaItem[]>;
+
 export interface DatabaseSchemaItem {
   type: "table" | "trigger" | "view";
   name: string;
@@ -191,9 +193,15 @@ export interface DatabaseTableOperationReslt {
   record?: Record<string, DatabaseValue>;
 }
 
+export interface DriverFlags {
+  defaultSchema: string;
+  optionalSchema: boolean;
+  supportBigInt: boolean;
+}
+
 export abstract class BaseDriver {
   // Flags
-  abstract supportBigInt(): boolean;
+  abstract getFlags(): DriverFlags;
 
   // Methods
   abstract close(): void;
@@ -201,7 +209,7 @@ export abstract class BaseDriver {
   abstract query(stmt: string): Promise<DatabaseResultSet>;
   abstract transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
 
-  abstract schemas(): Promise<DatabaseSchemaItem[]>;
+  abstract schemas(): Promise<DatabaseSchemas>;
   abstract tableSchema(tableName: string): Promise<DatabaseTableSchema>;
   abstract trigger(name: string): Promise<DatabaseTriggerSchema>;
 
diff --git a/src/drivers/cloudflare-d1-driver.ts b/src/drivers/cloudflare-d1-driver.ts
index 33119609..e707cbea 100644
--- a/src/drivers/cloudflare-d1-driver.ts
+++ b/src/drivers/cloudflare-d1-driver.ts
@@ -78,10 +78,6 @@ export default class CloudflareD1Driver extends SqliteLikeBaseDriver {
     this.url = url;
   }
 
-  supportBigInt(): boolean {
-    return false;
-  }
-
   async transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
     const r = await fetch(this.url, {
       method: "POST",
diff --git a/src/drivers/iframe-driver.ts b/src/drivers/iframe-driver.ts
index 50a2635f..993cfbab 100644
--- a/src/drivers/iframe-driver.ts
+++ b/src/drivers/iframe-driver.ts
@@ -74,10 +74,6 @@ export default class IframeDriver extends SqliteLikeBaseDriver {
     });
   }
 
-  supportBigInt(): boolean {
-    return false;
-  }
-
   close(): void {
     // do nothing
   }
diff --git a/src/drivers/remote-driver.ts b/src/drivers/remote-driver.ts
index 9abebd82..e70f2294 100644
--- a/src/drivers/remote-driver.ts
+++ b/src/drivers/remote-driver.ts
@@ -1,38 +1,25 @@
-import {
-  BaseDriver,
-  DatabaseResultSet,
-  DatabaseSchemaItem,
-  DatabaseTableOperation,
-  DatabaseTableOperationReslt,
-  DatabaseTableSchema,
-  DatabaseTriggerSchema,
-  DatabaseValue,
-  SelectFromTableOptions,
-} from "@/drivers/base-driver";
 import {
   ApiOpsBatchResponse,
   ApiOpsQueryResponse,
-  ApiSchemaListResponse,
-  ApiSchemaResponse,
-  ApiTriggerResponse,
 } from "@/lib/api-response-types";
 import { RequestOperationBody } from "@/lib/api/api-request-types";
+import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
 
-export default class RemoteDriver implements BaseDriver {
+export default class RemoteDriver extends SqliteLikeBaseDriver {
   protected id: string = "";
   protected authToken = "";
   protected type: "temporary" | "remote" = "remote";
 
   constructor(type: "temporary" | "remote", id: string, authToken: string) {
+    super();
     this.id = id;
     this.authToken = authToken;
     this.type = type;
   }
 
-  supportBigInt(): boolean {
-    return false;
+  close(): void {
+    // do nothing
   }
-
   protected async request<T = unknown>(body: RequestOperationBody) {
     const url =
       this.type === "temporary"
@@ -63,16 +50,6 @@ export default class RemoteDriver implements BaseDriver {
     return r.data;
   }
 
-  async findFirst(tableName: string, options: Record<string, DatabaseValue>) {
-    const r = await this.request<ApiOpsQueryResponse>({
-      type: "find-first",
-      options,
-      tableName,
-    });
-
-    return r.data;
-  }
-
   async transaction(stmt: string[]) {
     const r = await this.request<ApiOpsBatchResponse>({
       type: "batch",
@@ -81,44 +58,4 @@ export default class RemoteDriver implements BaseDriver {
 
     return r.data;
   }
-
-  close() {}
-
-  async schemas(): Promise<DatabaseSchemaItem[]> {
-    return (await this.request<ApiSchemaListResponse>({ type: "schemas" }))
-      .data;
-  }
-
-  async tableSchema(tableName: string): Promise<DatabaseTableSchema> {
-    return (
-      await this.request<ApiSchemaResponse>({ type: "schema", tableName })
-    ).data;
-  }
-
-  async trigger(name: string): Promise<DatabaseTriggerSchema> {
-    return (await this.request<ApiTriggerResponse>({ type: "trigger", name }))
-      .data;
-  }
-
-  async updateTableData(
-    tableName: string,
-    ops: DatabaseTableOperation[]
-  ): Promise<DatabaseTableOperationReslt[]> {
-    return await this.request({
-      type: "update-table-data",
-      ops,
-      tableName,
-    });
-  }
-
-  async selectTable(
-    tableName: string,
-    options: SelectFromTableOptions
-  ): Promise<{ data: DatabaseResultSet; schema: DatabaseTableSchema }> {
-    return await this.request({
-      type: "select-table",
-      tableName,
-      options,
-    });
-  }
 }
diff --git a/src/drivers/rqlite-driver.ts b/src/drivers/rqlite-driver.ts
index 19146d42..5d8cbfc0 100644
--- a/src/drivers/rqlite-driver.ts
+++ b/src/drivers/rqlite-driver.ts
@@ -111,10 +111,6 @@ export default class RqliteDriver extends SqliteLikeBaseDriver {
     return json.results.map(transformRawResult);
   }
 
-  supportBigInt(): boolean {
-    return false;
-  }
-
   async query(stmt: string): Promise<DatabaseResultSet> {
     return (await this.transaction([stmt]))[0];
   }
diff --git a/src/drivers/saved-doc/indexdb-saved-doc.ts b/src/drivers/saved-doc/indexdb-saved-doc.ts
index 4de3e8f0..62658afc 100644
--- a/src/drivers/saved-doc/indexdb-saved-doc.ts
+++ b/src/drivers/saved-doc/indexdb-saved-doc.ts
@@ -2,6 +2,7 @@ import { localDb } from "@/indexdb";
 import {
   SavedDocData,
   SavedDocDriver,
+  SavedDocGroupByNamespace,
   SavedDocInput,
   SavedDocNamespace,
   SavedDocType,
@@ -162,26 +163,31 @@ export default class IndexdbSavedDoc implements SavedDocDriver {
     };
   }
 
-  async getDocs(namespaceId: string): Promise<SavedDocData[]> {
-    const namespaceData = await localDb.namespace.get(namespaceId);
-    if (!namespaceData) return [];
-
+  async getDocs(): Promise<SavedDocGroupByNamespace[]> {
+    const ns = await this.getNamespaces();
     const docs = await localDb.saved_doc
-      .where({ namespace_id: namespaceId })
+      .where({ database_id: this.databaseId })
       .toArray();
 
-    return docs.map((d) => ({
-      content: d.content,
-      createdAt: d.created_at,
-      id: d.id,
-      name: d.name,
-      namespace: {
-        id: namespaceData.id,
-        name: namespaceData.name,
-      },
-      type: d.type as SavedDocType,
-      updatedAt: d.updated_at,
-    }));
+    return ns.map((n) => {
+      return {
+        namespace: n,
+        docs: docs
+          .filter((d) => d.namespace_id === n.id)
+          .map((d) => ({
+            content: d.content,
+            createdAt: d.created_at,
+            id: d.id,
+            name: d.name,
+            namespace: {
+              id: n.id ?? "",
+              name: n.name ?? "",
+            },
+            type: d.type as SavedDocType,
+            updatedAt: d.updated_at,
+          })),
+      };
+    });
   }
 
   addChangeListener(cb: () => void): void {
diff --git a/src/drivers/saved-doc/remote-saved-doc.ts b/src/drivers/saved-doc/remote-saved-doc.ts
index 1d97e590..a0d92cd2 100644
--- a/src/drivers/saved-doc/remote-saved-doc.ts
+++ b/src/drivers/saved-doc/remote-saved-doc.ts
@@ -11,6 +11,7 @@ import {
 import {
   SavedDocData,
   SavedDocDriver,
+  SavedDocGroupByNamespace,
   SavedDocInput,
   SavedDocNamespace,
   SavedDocType,
@@ -30,12 +31,31 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
     if (this.cacheNamespaceList) {
       return this.cacheNamespaceList;
     }
+
     const t = await getDocNamespaceList(this.databaseId);
+    const d = await getSavedDocList(this.databaseId);
+
+    this.cacheDocs = d.reduce(
+      (a, b) => {
+        if (!a[b.namespace.id]) a[b.namespace.id] = [b];
+        else a[b.namespace.id].push(b);
+        return a;
+      },
+      t.reduce(
+        (a, b) => {
+          a[b.id] = [];
+          return a;
+        },
+        {} as Record<string, SavedDocData[]>
+      )
+    );
+
     this.cacheNamespaceList = t;
     return t;
   }
 
   async createNamespace(name: string): Promise<SavedDocNamespace> {
+    await this.getNamespaces();
     const t = await createDocNamespace(this.databaseId, name);
 
     if (this.cacheNamespaceList) {
@@ -46,6 +66,7 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
   }
 
   async updateNamespace(id: string, name: string): Promise<SavedDocNamespace> {
+    await this.getNamespaces();
     const t = await updateDocNamespace(this.databaseId, id, name);
 
     if (this.cacheNamespaceList) {
@@ -61,6 +82,7 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
   }
 
   async removeNamespapce(id: string): Promise<void> {
+    await this.getNamespaces();
     await removeDocNamespace(this.databaseId, id);
 
     if (this.cacheNamespaceList) {
@@ -79,6 +101,7 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
     namespace: string,
     data: SavedDocInput
   ): Promise<SavedDocData> {
+    await this.getNamespaces();
     const r = await createSavedDoc(this.databaseId, namespace, type, data);
 
     if (this.cacheDocs[r.namespace.id]) {
@@ -89,17 +112,19 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
     return r;
   }
 
-  async getDocs(namespaceId: string): Promise<SavedDocData[]> {
-    if (this.cacheDocs[namespaceId]) {
-      return this.cacheDocs[namespaceId];
-    }
+  async getDocs(): Promise<SavedDocGroupByNamespace[]> {
+    const ns = await this.getNamespaces();
 
-    const t = await getSavedDocList(this.databaseId, namespaceId);
-    this.cacheDocs[namespaceId] = t;
-    return t;
+    return ns.map((n) => {
+      return {
+        namespace: n,
+        docs: this.cacheDocs[n.id] ?? [],
+      };
+    });
   }
 
   async updateDoc(id: string, data: SavedDocInput): Promise<SavedDocData> {
+    await this.getNamespaces();
     const r = await updateSavedDoc(this.databaseId, id, data);
 
     if (this.cacheDocs[r.namespace.id]) {
@@ -116,6 +141,7 @@ export default class RemoteSavedDocDriver implements SavedDocDriver {
   }
 
   async removeDoc(id: string): Promise<void> {
+    await this.getNamespaces();
     const r = await removeSavedDoc(this.databaseId, id);
 
     for (const namespaceId of Object.keys(this.cacheDocs)) {
diff --git a/src/drivers/saved-doc/saved-doc-actions.test.ts b/src/drivers/saved-doc/saved-doc-actions.test.ts
index 860a8b17..1965182f 100644
--- a/src/drivers/saved-doc/saved-doc-actions.test.ts
+++ b/src/drivers/saved-doc/saved-doc-actions.test.ts
@@ -77,7 +77,11 @@ describe("Namespace", () => {
       name: "Testing 2",
     });
 
-    expect((await remoteDoc.getDocs(defaultNamespaceId)).length).toBe(2);
+    expect(
+      (await remoteDoc.getDocs()).find(
+        (n) => n.namespace.id === defaultNamespaceId
+      )!.docs.length
+    ).toBe(2);
 
     await remoteDoc.updateDoc(d1.id, {
       name: "Renamed Test",
@@ -85,12 +89,17 @@ describe("Namespace", () => {
     });
 
     expect(
-      (await remoteDoc.getDocs(defaultNamespaceId)).find((n) => n.id === d1.id)
-        ?.name
+      (await remoteDoc.getDocs())!
+        .find((n) => n.namespace.id === defaultNamespaceId)!
+        .docs.find((n) => n.id === d1.id)?.name
     ).toBe("Renamed Test");
 
     await remoteDoc.removeDoc(d2.id);
-    expect((await remoteDoc.getDocs(defaultNamespaceId)).length).toBe(1);
+    expect(
+      (await remoteDoc.getDocs())!.find(
+        (n) => n.namespace.id === defaultNamespaceId
+      )?.docs.length
+    ).toBe(1);
   });
 
   it("rename namespace", async () => {
diff --git a/src/drivers/saved-doc/saved-doc-actions.ts b/src/drivers/saved-doc/saved-doc-actions.ts
index 524e3d67..dbcca555 100644
--- a/src/drivers/saved-doc/saved-doc-actions.ts
+++ b/src/drivers/saved-doc/saved-doc-actions.ts
@@ -7,7 +7,7 @@ import {
   SavedDocType,
 } from "./saved-doc-driver";
 import { getDatabaseWithAuth } from "@/lib/with-database-ops";
-import { desc, eq } from "drizzle-orm";
+import { desc, eq, inArray } from "drizzle-orm";
 import { dbDoc, dbDocNamespace } from "@/db/schema-doc";
 import { generateId } from "lucia";
 import { ApiError } from "@/lib/api-error";
@@ -163,20 +163,22 @@ export async function updateDocNamespace(
 }
 
 export async function getSavedDocList(
-  databaseId: string,
-  namespaceId: string
+  databaseId: string
 ): Promise<SavedDocData[]> {
-  const { db, namespaceData } = await getNamespaceWithAuth(
-    databaseId,
-    namespaceId
-  );
+  const { db } = await getDatabaseWithAuth(databaseId);
+  const ns = await getDocNamespaceList(databaseId);
 
   const docList = await db.query.dbDoc.findMany({
-    where: eq(dbDoc.namespaceId, namespaceId),
+    where: inArray(
+      dbDoc.namespaceId,
+      ns.map((n) => n.id)
+    ),
     orderBy: desc(dbDoc.createdAt),
   });
 
   return docList.map((item) => {
+    const found = ns.find((n) => n.id === item.namespaceId);
+
     return {
       content: item.content ?? "",
       createdAt: item.createdAt ?? 0,
@@ -185,8 +187,8 @@ export async function getSavedDocList(
       name: item.name ?? "",
       type: (item.type ?? "sql") as SavedDocType,
       namespace: {
-        id: namespaceData.id,
-        name: namespaceData.name ?? "",
+        id: found?.id ?? "",
+        name: found?.name ?? "",
       },
     };
   });
diff --git a/src/drivers/saved-doc/saved-doc-driver.ts b/src/drivers/saved-doc/saved-doc-driver.ts
index a99ef69c..dd07926f 100644
--- a/src/drivers/saved-doc/saved-doc-driver.ts
+++ b/src/drivers/saved-doc/saved-doc-driver.ts
@@ -23,6 +23,11 @@ export interface SavedDocData extends SavedDocInput {
   updatedAt: number;
 }
 
+export interface SavedDocGroupByNamespace {
+  namespace: SavedDocNamespace;
+  docs: SavedDocData[];
+}
+
 export abstract class SavedDocDriver {
   abstract getNamespaces(): Promise<SavedDocNamespace[]>;
   abstract createNamespace(name: string): Promise<SavedDocNamespace>;
@@ -32,7 +37,7 @@ export abstract class SavedDocDriver {
   ): Promise<SavedDocNamespace>;
   abstract removeNamespapce(id: string): Promise<void>;
 
-  abstract getDocs(namespaceId: string): Promise<SavedDocData[]>;
+  abstract getDocs(): Promise<SavedDocGroupByNamespace[]>;
   abstract createDoc(
     type: SavedDocType,
     namespace: string,
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index de5b1ee0..92ea63e5 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -2,12 +2,14 @@ import { validateOperation } from "@/components/lib/validation";
 import type {
   DatabaseResultSet,
   DatabaseSchemaItem,
+  DatabaseSchemas,
   DatabaseTableColumn,
   DatabaseTableOperation,
   DatabaseTableOperationReslt,
   DatabaseTableSchema,
   DatabaseTriggerSchema,
   DatabaseValue,
+  DriverFlags,
   SelectFromTableOptions,
 } from "./base-driver";
 import { BaseDriver } from "./base-driver";
@@ -31,7 +33,15 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
   abstract override query(stmt: string): Promise<DatabaseResultSet>;
   abstract override transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
 
-  async schemas(): Promise<DatabaseSchemaItem[]> {
+  getFlags(): DriverFlags {
+    return {
+      supportBigInt: false,
+      defaultSchema: "main",
+      optionalSchema: true,
+    };
+  }
+
+  async schemas(): Promise<DatabaseSchemas> {
     const result = await this.query("SELECT * FROM sqlite_schema;");
 
     const tmp: DatabaseSchemaItem[] = [];
@@ -60,7 +70,9 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
       }
     }
 
-    return tmp;
+    return {
+      main: tmp,
+    };
   }
 
   async trigger(name: string): Promise<DatabaseTriggerSchema> {
diff --git a/src/drivers/sqljs-driver.ts b/src/drivers/sqljs-driver.ts
index 80b3e40c..3885a106 100644
--- a/src/drivers/sqljs-driver.ts
+++ b/src/drivers/sqljs-driver.ts
@@ -32,10 +32,6 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
     return r;
   }
 
-  supportBigInt(): boolean {
-    return false;
-  }
-
   async query(stmt: InStatement): Promise<DatabaseResultSet> {
     const sql = typeof stmt === "string" ? stmt : stmt.sql;
     const bind =
diff --git a/src/drivers/turso-driver.tsx b/src/drivers/turso-driver.tsx
index 6255bc67..940ed0d6 100644
--- a/src/drivers/turso-driver.tsx
+++ b/src/drivers/turso-driver.tsx
@@ -9,6 +9,7 @@ import {
   DatabaseHeader,
   DatabaseResultSet,
   DatabaseRow,
+  DriverFlags,
 } from "@/drivers/base-driver";
 import { convertSqliteType } from "./sqlite/sql-helper";
 import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
@@ -97,8 +98,8 @@ export default class TursoDriver extends SqliteLikeBaseDriver {
     }
   }
 
-  supportBigInt(): boolean {
-    return this.bigInt;
+  override getFlags(): DriverFlags {
+    return { ...super.getFlags(), supportBigInt: this.bigInt };
   }
 
   async query(stmt: InStatement) {
diff --git a/src/drivers/valtown-driver.ts b/src/drivers/valtown-driver.ts
index 95cb0f38..99607910 100644
--- a/src/drivers/valtown-driver.ts
+++ b/src/drivers/valtown-driver.ts
@@ -28,10 +28,6 @@ export default class ValtownDriver extends SqliteLikeBaseDriver {
     return json.map(transformRawResult);
   }
 
-  supportBigInt(): boolean {
-    return false;
-  }
-
   async query(stmt: InStatement): Promise<DatabaseResultSet> {
     const r = await fetch(`https://api.val.town/v1/sqlite/execute`, {
       method: "POST",
diff --git a/src/lib/api/api-request-types.ts b/src/lib/api/api-request-types.ts
index 5de706a5..3f6d6c01 100644
--- a/src/lib/api/api-request-types.ts
+++ b/src/lib/api/api-request-types.ts
@@ -1,8 +1,3 @@
-import {
-  DatabaseTableOperation,
-  SelectFromTableOptions,
-} from "@/drivers/base-driver";
-
 export interface RequestOperationBatch {
   type: "batch";
   statements: string[];
@@ -13,50 +8,6 @@ export interface RequestOperationQuery {
   statement: string;
 }
 
-export interface RequestOperationSchemas {
-  type: "schemas";
-}
-
-export interface RequestOperationSchema {
-  type: "schema";
-  tableName: string;
-}
-
-export interface RequestTriggerSchema {
-  type: "trigger";
-  name: string;
-}
-
-export interface RequestOperationTrigger {
-  type: "trigger";
-  name: string;
-}
-
-export interface RequestOperationSelectTable {
-  type: "select-table";
-  tableName: string;
-  options: SelectFromTableOptions;
-}
-
-export interface RequestOperationFindFirst {
-  type: "find-first";
-  tableName: string;
-  options: Record<string, unknown>;
-}
-
-export interface RequestOperationUpdateTableData {
-  type: "update-table-data";
-  tableName: string;
-  ops: DatabaseTableOperation[];
-}
-
 export type RequestOperationBody =
   | RequestOperationBatch
-  | RequestOperationQuery
-  | RequestOperationSchemas
-  | RequestOperationSelectTable
-  | RequestOperationUpdateTableData
-  | RequestOperationSchema
-  | RequestOperationTrigger
-  | RequestTriggerSchema
-  | RequestOperationFindFirst;
+  | RequestOperationQuery;
diff --git a/src/lib/with-database-ops.ts b/src/lib/with-database-ops.ts
index b86996ba..36c6147b 100644
--- a/src/lib/with-database-ops.ts
+++ b/src/lib/with-database-ops.ts
@@ -81,9 +81,6 @@ export default function withDatabaseOperation<T = unknown>(
       const roleId = databaseRole.roleId ?? "";
       const permission = await db.query.database_role.findFirst({
         where: eq(database_role.id, roleId),
-        with: {
-          permissions: true,
-        },
       });
 
       if (!permission) {
@@ -103,12 +100,7 @@ export default function withDatabaseOperation<T = unknown>(
         permission: {
           isOwner: !!permission.isOwner,
           canExecuteQuery: !!permission.canExecuteQuery,
-          roles: permission.permissions.map((p) => ({
-            type: p.type ?? "table",
-            access: p.access ?? "read",
-            tableName: p.tableName,
-            columnName: p.columnName,
-          })),
+          roles: [],
         },
       });
     }
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 5c23fa59..55e45be0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -22,7 +22,7 @@ const config: Config = {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
+        background: "var(--background)",
         foreground: "hsl(var(--foreground))",
         primary: {
           DEFAULT: "hsl(var(--primary))",
@@ -52,6 +52,9 @@ const config: Config = {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
+        selected: {
+          DEFAULT: "var(--selected)",
+        },
       },
       borderRadius: {
         lg: "var(--radius)",

From b997f46a77f905e30de47d51b71211a63d454cf3 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 16 Aug 2024 10:06:59 +0700
Subject: [PATCH 076/124] hotfix: disable mismatch hint

---
 src/components/gui/table-cell/generic-cell.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 3f1dddf1..08e0947e 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -276,7 +276,15 @@ export default function GenericCell({
 
   return (
     <div className="relative">
-      {valueType && header.dataType && valueType !== header.dataType && (
+      {/*
+        Temporary disable mismatch hint:
+        - Some driver do not support BigInteger which gives a false positive warning
+          (This can easily be fixed)
+        - Some driver do not even give us the header type
+          (For sqljs driver does not return header type. I need to find better driver first)
+        
+      */}
+      {/* {valueType && header.dataType && valueType !== header.dataType && (
         <Tooltip>
           <TooltipTrigger asChild>
             <div className="libsql-mismatch-arrow absolute right-0 top-0"></div>
@@ -295,7 +303,7 @@ export default function GenericCell({
             </ul>
           </TooltipContent>
         </Tooltip>
-      )}
+      )} */}
 
       <div
         className={className}

From 364e4885101419b4ec79122ce3143eb143ec334e Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 16 Aug 2024 10:07:33 +0700
Subject: [PATCH 077/124] remove tree view line

---
 src/components/listview/index.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index 4b05e0f3..c16c0ac5 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -82,14 +82,7 @@ function Indentation({ depth }: { depth: number }) {
   if (depth <= 0) return null;
 
   return new Array(depth).fill(false).map((_, idx: number) => {
-    return (
-      <div
-        key={idx}
-        className={cn(
-          "ml-2 w-2 border-l border-gray-300 dark:border-gray-500 border-dashed h-full"
-        )}
-      ></div>
-    );
+    return <div key={idx} className={cn("w-4")}></div>;
   });
 }
 
@@ -103,7 +96,7 @@ function CollapsedButton({
   onClick: () => void;
 }) {
   return hasCollapsed ? (
-    <div className="mr-1" onClick={onClick}>
+    <div onClick={onClick}>
       {collapsed ? (
         <LucideChevronDown className={cn("w-4 h-4")} />
       ) : (
@@ -111,9 +104,7 @@ function CollapsedButton({
       )}
     </div>
   ) : (
-    <div className="w-2 ml-2 border-l border-gray-300 dark:border-gray-500 border-dashed h-full mr-1 text-gray-300 dark:text-gray-500 relative">
-      <span className="absolute -left-1 top-1.5">●</span>
-    </div>
+    <div className="w-4"></div>
   );
 }
 
@@ -198,7 +189,7 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
               >
                 <div
                   className={cn(
-                    "px-1 flex text-xs items-center gap-0.5 h-8",
+                    "px-2    flex text-xs items-center gap-0.5 h-8",
                     selectedKey === item.key
                       ? "bg-selected"
                       : "hover:bg-accent",

From 3194dd20af6f7f6a135a64de2450e802600a622e Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 16 Aug 2024 10:14:56 +0700
Subject: [PATCH 078/124] fixing context menu

---
 src/components/listview/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index c16c0ac5..cdcf8812 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -266,9 +266,16 @@ export function ListView<T = unknown>(props: ListViewProps<T>) {
               return;
             }
 
+            console.log("here2");
+
             if (onContextMenu) {
               const menu = onContextMenu();
-              if (menu.length === 0) e.preventDefault();
+              if (menu.length === 0) {
+                e.preventDefault();
+                e.stopPropagation();
+              } else {
+                setContextMenu(menu);
+              }
             }
 
             setContextMenuKey("");

From 6e9b6c0258ea31545ffbdd834aebe638e3d07536 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 16 Aug 2024 10:18:00 +0700
Subject: [PATCH 079/124] fix deployment for unused var

---
 src/components/gui/table-cell/generic-cell.tsx | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 08e0947e..831a1f33 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -12,16 +12,10 @@ import {
 import {
   DatabaseResultSet,
   DatabaseValue,
-  describeTableColumnType,
   TableColumnDataType,
 } from "@/drivers/base-driver";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { convertDatabaseValueToString } from "@/drivers/sqlite/sql-helper";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 
 interface TableCellProps<T = unknown> {
   align?: "left" | "right";
@@ -177,7 +171,6 @@ function BlobCellValue({
 
 export default function GenericCell({
   value,
-  valueType,
   onFocus,
   isChanged,
   focus,

From 42582fa09bd955d66d86bdbecbae081a97dcc9bb Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Wed, 21 Aug 2024 16:44:52 +0300
Subject: [PATCH 080/124] fix(doc): update iframe example (#150)

---
 src/app/(public)/docs/embed-iframe-client/page.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(public)/docs/embed-iframe-client/page.mdx b/src/app/(public)/docs/embed-iframe-client/page.mdx
index adf96276..5e4d8926 100644
--- a/src/app/(public)/docs/embed-iframe-client/page.mdx
+++ b/src/app/(public)/docs/embed-iframe-client/page.mdx
@@ -64,12 +64,12 @@ export default function ExamplePage() {
                 "*"
               );
             })
-            .catch((e) => {
+            .catch((err) => {
               contentWindow.postMessage(
                 {
                   type: e.data.type,
                   id: e.data.id,
-                  error: (e as Error).message,
+                  error: (err as Error).message,
                 },
                 "*"
               );
@@ -87,12 +87,12 @@ export default function ExamplePage() {
                 "*"
               );
             })
-            .catch((e) => {
+            .catch((err) => {
               contentWindow.postMessage(
                 {
                   type: e.data.type,
                   id: e.data.id,
-                  error: (e as Error).message,
+                  error: (err as Error).message,
                 },
                 "*"
               );

From 3c1f9ebc8da014cac0c3e1348406a747b82ba065 Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 21 Aug 2024 22:10:45 -0300
Subject: [PATCH 081/124] feat: added ellipsis for large numbers, texts, and
 links (#149)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This feature had already been added to BLOBs; now it has been extended to other supported types as well, in case the content doesn’t fit within the box.
---
 src/components/gui/table-cell/display-link-cell.tsx |  4 ++--
 src/components/gui/table-cell/generic-cell.tsx      | 12 +++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/gui/table-cell/display-link-cell.tsx b/src/components/gui/table-cell/display-link-cell.tsx
index 15daf890..b409e6e8 100644
--- a/src/components/gui/table-cell/display-link-cell.tsx
+++ b/src/components/gui/table-cell/display-link-cell.tsx
@@ -12,11 +12,11 @@ export default function DisplayLinkCell({ link }: { link: string }) {
   const isImage = IMAGE_EXTENSION.includes((extension ?? "").toLowerCase());
 
   return (
-    <div className="flex">
+    <div className="flex w-full">
       <HoverCard>
         <HoverCardTrigger
           target="_blank"
-          className="text-blue-600 dark:text-blue-300 underline"
+          className="text-blue-600 dark:text-blue-300 underline flex-1 text-ellipsis overflow-hidden whitespace-nowrap"
         >
           {link}
         </HoverCardTrigger>
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 831a1f33..cfea74eb 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -225,9 +225,10 @@ export default function GenericCell({
 
       return (
         <span
-          className={
+          className={cn(
+            "flex-1 text-ellipsis overflow-hidden whitespace-nowrap",
             isChanged ? "text-black" : "text-green-600 dark:text-green-500"
-          }
+          )}
         >
           {value}
         </span>
@@ -237,11 +238,12 @@ export default function GenericCell({
     if (typeof value === "number" || typeof value === "bigint") {
       return (
         <span
-          className={
+          className={cn(
+            "flex-1 text-ellipsis overflow-hidden whitespace-nowrap",
             isChanged
               ? "text-black block text-right flex-grow"
               : "text-blue-700 dark:text-blue-300 block text-right flex-grow"
-          }
+          )}
         >
           {value.toString()}
         </span>
@@ -275,7 +277,7 @@ export default function GenericCell({
           (This can easily be fixed)
         - Some driver do not even give us the header type
           (For sqljs driver does not return header type. I need to find better driver first)
-        
+
       */}
       {/* {valueType && header.dataType && valueType !== header.dataType && (
         <Tooltip>

From 9872fc6d78f52cec186ac0ac54ec51b664863cfa Mon Sep 17 00:00:00 2001
From: David Rodrigues <david.proweb@gmail.com>
Date: Wed, 21 Aug 2024 22:55:20 -0300
Subject: [PATCH 082/124] fix: soft disable mismatch indicator for sqljs driver
 (#148)

Since this driver does not report the column type, the type should be treated as `undefined`, which causes the type analysis system to be disabled for this driver.

Co-authored-by: Visal .In <invisal@gmail.com>
---
 src/app/globals.css                           |  8 -------
 .../gui/table-cell/generic-cell.tsx           | 21 +++++++++----------
 src/components/gui/tabs/query-tab.tsx         |  4 ++--
 src/drivers/sqljs-driver.ts                   |  4 ++--
 4 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 3762da40..229d7858 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -254,14 +254,6 @@ body {
   color: var(--color-text);
 }
 
-.libsql-mismatch-arrow {
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 0 8px 8px 0;
-  border-color: transparent theme("colors.red.400") transparent transparent;
-}
-
 .dark .libsql-removed-row td {
   @apply bg-red-800;
 }
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index cfea74eb..054a8430 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -12,10 +12,16 @@ import {
 import {
   DatabaseResultSet,
   DatabaseValue,
+  describeTableColumnType,
   TableColumnDataType,
 } from "@/drivers/base-driver";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { convertDatabaseValueToString } from "@/drivers/sqlite/sql-helper";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 interface TableCellProps<T = unknown> {
   align?: "left" | "right";
@@ -171,6 +177,7 @@ function BlobCellValue({
 
 export default function GenericCell({
   value,
+  valueType,
   onFocus,
   isChanged,
   focus,
@@ -271,18 +278,10 @@ export default function GenericCell({
 
   return (
     <div className="relative">
-      {/*
-        Temporary disable mismatch hint:
-        - Some driver do not support BigInteger which gives a false positive warning
-          (This can easily be fixed)
-        - Some driver do not even give us the header type
-          (For sqljs driver does not return header type. I need to find better driver first)
-
-      */}
-      {/* {valueType && header.dataType && valueType !== header.dataType && (
+      {valueType && header.dataType && valueType !== header.dataType && (
         <Tooltip>
           <TooltipTrigger asChild>
-            <div className="libsql-mismatch-arrow absolute right-0 top-0"></div>
+            <div className="w-0 h-0 border-transparent border-r-8 border-b-8 border-r-red-400 dark:border-r-red-600 absolute right-0 top-0"></div>
           </TooltipTrigger>
           <TooltipContent>
             <strong>Mismatched type:</strong>
@@ -298,7 +297,7 @@ export default function GenericCell({
             </ul>
           </TooltipContent>
         </Tooltip>
-      )} */}
+      )}
 
       <div
         className={className}
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 84bc387b..f31bc215 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -117,8 +117,8 @@ export default function QueryWindow({
       setProgress(undefined);
       setQueryTabIndex(0);
 
-      multipleQuery(databaseDriver, finalStatements, (currentProgrss) => {
-        setProgress(currentProgrss);
+      multipleQuery(databaseDriver, finalStatements, (currentProgress) => {
+        setProgress(currentProgress);
       })
         .then(({ result: completeQueryResult, logs: completeLogs }) => {
           setData(completeQueryResult);
diff --git a/src/drivers/sqljs-driver.ts b/src/drivers/sqljs-driver.ts
index 3885a106..34fa6315 100644
--- a/src/drivers/sqljs-driver.ts
+++ b/src/drivers/sqljs-driver.ts
@@ -56,8 +56,8 @@ export default class SqljsDriver extends SqliteLikeBaseDriver {
       return {
         name: renameColName,
         displayName: colName,
-        originalType: "text",
-        type: TableColumnDataType.TEXT,
+        originalType: null,
+        type: undefined,
       };
     });
 

From a32f84bde50d5405637cfbbe6cae32b6428a1e8f Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 22 Aug 2024 08:55:52 +0700
Subject: [PATCH 083/124] fix the lint error

---
 src/drivers/sqljs-driver.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/drivers/sqljs-driver.ts b/src/drivers/sqljs-driver.ts
index 34fa6315..950a682b 100644
--- a/src/drivers/sqljs-driver.ts
+++ b/src/drivers/sqljs-driver.ts
@@ -3,7 +3,6 @@ import {
   DatabaseHeader,
   DatabaseResultSet,
   DatabaseRow,
-  TableColumnDataType,
 } from "@/drivers/base-driver";
 import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
 import { BindParams, Database } from "sql.js";

From 13738b1fccd27d38f694caa395b610fb99e2b5a4 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 22 Aug 2024 23:23:40 +0700
Subject: [PATCH 084/124] allow driver to disable mismatch indicator

---
 src/components/gui/query-result.tsx           |  6 ++-
 .../gui/table-cell/create-editable-cell.tsx   |  1 +
 .../gui/table-cell/generic-cell.tsx           | 45 ++++++++++---------
 .../table-optimized/OptimizeTableState.tsx    |  1 +
 src/components/gui/tabs/table-data-tab.tsx    |  9 +++-
 src/drivers/base-driver.ts                    |  1 +
 src/drivers/sqlite-base-driver.ts             |  1 +
 src/drivers/turso-driver.tsx                  |  6 ++-
 8 files changed, 47 insertions(+), 23 deletions(-)

diff --git a/src/components/gui/query-result.tsx b/src/components/gui/query-result.tsx
index 53ac33d4..c778c6ea 100644
--- a/src/components/gui/query-result.tsx
+++ b/src/components/gui/query-result.tsx
@@ -6,12 +6,15 @@ import ResultStats from "./result-stat";
 import { useMemo } from "react";
 import OptimizeTableState from "./table-optimized/OptimizeTableState";
 import { QueryExplanation, isExplainQueryPlan } from "./query-explanation";
+import { useDatabaseDriver } from "@/context/driver-provider";
 
 export default function QueryResult({
   result,
 }: {
   result: MultipleQueryResult;
 }) {
+  const { databaseDriver } = useDatabaseDriver();
+
   const data = useMemo(() => {
     if (isExplainQueryPlan(result.sql)) {
       return { _tag: "EXPLAIN", value: result.result } as const;
@@ -19,8 +22,9 @@ export default function QueryResult({
 
     const state = OptimizeTableState.createFromResult(result.result);
     state.setReadOnlyMode(true);
+    state.mismatchDetection = databaseDriver.getFlags().mismatchDetection;
     return { _tag: "QUERY", value: state } as const;
-  }, [result]);
+  }, [result, databaseDriver]);
 
   const stats = result.result.stat;
 
diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index 13072d85..8f0662cb 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -169,6 +169,7 @@ export default function createEditableCell<T = unknown>({
         focus={focus}
         isChanged={isChanged}
         align={align}
+        mismatchDetection={state.mismatchDetection}
         onDoubleClick={() => {
           if (
             typeof editValue === "string" &&
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 054a8430..81cfc240 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -32,6 +32,7 @@ interface TableCellProps<T = unknown> {
   onFocus?: () => void;
   onDoubleClick?: () => void;
   header: OptimizeTableHeaderWithIndexProps;
+  mismatchDetection?: boolean;
 }
 
 interface SneakpeakProps {
@@ -184,6 +185,7 @@ export default function GenericCell({
   align,
   onDoubleClick,
   header,
+  mismatchDetection,
 }: TableCellProps) {
   const className = cn(
     "libsql-cell font-mono flex",
@@ -278,26 +280,29 @@ export default function GenericCell({
 
   return (
     <div className="relative">
-      {valueType && header.dataType && valueType !== header.dataType && (
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <div className="w-0 h-0 border-transparent border-r-8 border-b-8 border-r-red-400 dark:border-r-red-600 absolute right-0 top-0"></div>
-          </TooltipTrigger>
-          <TooltipContent>
-            <strong>Mismatched type:</strong>
-            <ul>
-              <li>
-                <strong>- Expected by column:</strong>{" "}
-                <code>{describeTableColumnType(header.dataType)}</code>
-              </li>
-              <li>
-                <strong>- But stored as:</strong>{" "}
-                <code>{describeTableColumnType(valueType)}</code>
-              </li>
-            </ul>
-          </TooltipContent>
-        </Tooltip>
-      )}
+      {mismatchDetection &&
+        valueType &&
+        header.dataType &&
+        valueType !== header.dataType && (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div className="w-0 h-0 border-transparent border-r-8 border-b-8 border-r-red-400 dark:border-r-red-600 absolute right-0 top-0"></div>
+            </TooltipTrigger>
+            <TooltipContent>
+              <strong>Mismatched type:</strong>
+              <ul>
+                <li>
+                  <strong>- Expected by column:</strong>{" "}
+                  <code>{describeTableColumnType(header.dataType)}</code>
+                </li>
+                <li>
+                  <strong>- But stored as:</strong>{" "}
+                  <code>{describeTableColumnType(valueType)}</code>
+                </li>
+              </ul>
+            </TooltipContent>
+          </Tooltip>
+        )}
 
       <div
         className={className}
diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index ec963f5a..78fe6719 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -27,6 +27,7 @@ export default class OptimizeTableState {
   protected headerWidth: number[] = [];
   protected editMode = false;
   protected readOnlyMode = false;
+  public mismatchDetection = false;
   protected container: HTMLDivElement | null = null;
 
   protected changeCallback: TableChangeEventCallback[] = [];
diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
index 4c903da4..6cd6c639 100644
--- a/src/components/gui/tabs/table-data-tab.tsx
+++ b/src/components/gui/tabs/table-data-tab.tsx
@@ -81,7 +81,14 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
             orderBy: sortColumns,
           });
 
-        setData(OptimizeTableState.createFromResult(dataResult, schemaResult));
+        const tableState = OptimizeTableState.createFromResult(
+          dataResult,
+          schemaResult
+        );
+        tableState.mismatchDetection =
+          databaseDriver.getFlags().mismatchDetection;
+        setData(tableState);
+
         setStat(dataResult.stat);
         setTableSchema(schemaResult);
         updateTableSchema(tableName, schemaResult.columns);
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 665049e8..7a42f3b6 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -197,6 +197,7 @@ export interface DriverFlags {
   defaultSchema: string;
   optionalSchema: boolean;
   supportBigInt: boolean;
+  mismatchDetection: boolean;
 }
 
 export abstract class BaseDriver {
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index 92ea63e5..ef4fd6c4 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -38,6 +38,7 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
       supportBigInt: false,
       defaultSchema: "main",
       optionalSchema: true,
+      mismatchDetection: false,
     };
   }
 
diff --git a/src/drivers/turso-driver.tsx b/src/drivers/turso-driver.tsx
index 940ed0d6..0ab9efd1 100644
--- a/src/drivers/turso-driver.tsx
+++ b/src/drivers/turso-driver.tsx
@@ -99,7 +99,11 @@ export default class TursoDriver extends SqliteLikeBaseDriver {
   }
 
   override getFlags(): DriverFlags {
-    return { ...super.getFlags(), supportBigInt: this.bigInt };
+    return {
+      ...super.getFlags(),
+      supportBigInt: this.bigInt,
+      mismatchDetection: this.bigInt,
+    };
   }
 
   async query(stmt: InStatement) {

From b52e505327228a96967e6b921984c5ee6c0cbbd2 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 22 Aug 2024 23:30:42 +0700
Subject: [PATCH 085/124] feat: add theme and disable theme toggle option
 (#151)

* feat: add theme and disable theme toggle option

* feat(embed): override theme variables (#152)

---------

Co-authored-by: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
---
 src/app/(theme)/client/layout.tsx            |  4 +-
 src/app/(theme)/connect/page.tsx             |  7 ++-
 src/app/(theme)/embed/sqlite/page-client.tsx | 22 ++++++++++
 src/app/(theme)/embed/sqlite/page.tsx        | 46 +++++++++++++-------
 src/app/(theme)/layout.tsx                   | 30 -------------
 src/app/(theme)/playground/client/page.tsx   |  7 ++-
 src/app/(theme)/theme_layout.tsx             | 42 ++++++++++++++++++
 src/components/gui/connection-dialog.tsx     |  4 +-
 src/components/gui/sidebar-tab.tsx           | 40 +++++++++--------
 src/components/gui/studio.tsx                |  4 --
 src/components/my-studio.tsx                 |  4 --
 src/context/theme-provider.tsx               | 29 +++++++++---
 12 files changed, 152 insertions(+), 87 deletions(-)
 create mode 100644 src/app/(theme)/embed/sqlite/page-client.tsx
 delete mode 100644 src/app/(theme)/layout.tsx
 create mode 100644 src/app/(theme)/theme_layout.tsx

diff --git a/src/app/(theme)/client/layout.tsx b/src/app/(theme)/client/layout.tsx
index 63a1aac0..ca668d44 100644
--- a/src/app/(theme)/client/layout.tsx
+++ b/src/app/(theme)/client/layout.tsx
@@ -1,9 +1,9 @@
-import { Fragment } from "react";
+import ThemeLayout from "../theme_layout";
 
 export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  return <Fragment>{children}</Fragment>;
+  return <ThemeLayout>{children}</ThemeLayout>;
 }
diff --git a/src/app/(theme)/connect/page.tsx b/src/app/(theme)/connect/page.tsx
index ad89ef0f..c02987af 100644
--- a/src/app/(theme)/connect/page.tsx
+++ b/src/app/(theme)/connect/page.tsx
@@ -1,6 +1,7 @@
 import { Metadata } from "next";
 import { getSessionFromCookie } from "@/lib/auth";
 import ConnectBody from "./page-client";
+import ThemeLayout from "../theme_layout";
 
 export const metadata: Metadata = {
   title: "LibSQL Studio",
@@ -10,5 +11,9 @@ export const metadata: Metadata = {
 export default async function Home() {
   const { user } = await getSessionFromCookie();
 
-  return <ConnectBody user={user} />;
+  return (
+    <ThemeLayout>
+      <ConnectBody user={user} />
+    </ThemeLayout>
+  );
 }
diff --git a/src/app/(theme)/embed/sqlite/page-client.tsx b/src/app/(theme)/embed/sqlite/page-client.tsx
new file mode 100644
index 00000000..db8cc506
--- /dev/null
+++ b/src/app/(theme)/embed/sqlite/page-client.tsx
@@ -0,0 +1,22 @@
+"use client";
+import { Studio } from "@/components/gui/studio";
+import IframeDriver from "@/drivers/iframe-driver";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useMemo } from "react";
+
+export default function EmbedPageClient() {
+  const searchParams = useSearchParams();
+  const driver = useMemo(() => new IframeDriver(), []);
+
+  useEffect(() => {
+    return driver.listen();
+  }, [driver]);
+
+  return (
+    <Studio
+      driver={driver}
+      name={searchParams.get("name") || "Unnamed Connection"}
+      color={searchParams.get("color") || "gray"}
+    />
+  );
+}
diff --git a/src/app/(theme)/embed/sqlite/page.tsx b/src/app/(theme)/embed/sqlite/page.tsx
index 225e87a1..abe190a1 100644
--- a/src/app/(theme)/embed/sqlite/page.tsx
+++ b/src/app/(theme)/embed/sqlite/page.tsx
@@ -1,23 +1,37 @@
-"use client";
+import ThemeLayout from "../../theme_layout";
+import EmbedPageClient from "./page-client";
 
-import MyStudio from "@/components/my-studio";
-import IframeDriver from "@/drivers/iframe-driver";
-import { useSearchParams } from "next/navigation";
-import { useEffect, useMemo } from "react";
+export default async function EmbedPage(props: {
+  searchParams: {
+    theme?: string;
+    disableThemeToggle?: string;
+    [key: string]: any;
+  };
+}) {
+  let overrideTheme: "dark" | "light" | undefined = undefined;
+  const disableToggle = props.searchParams.disableThemeToggle === "1";
 
-export default function EmbedPageClient() {
-  const searchParams = useSearchParams();
-  const driver = useMemo(() => new IframeDriver(), []);
+  if (props.searchParams.theme) {
+    overrideTheme = props.searchParams.theme === "dark" ? "dark" : "light";
+  }
 
-  useEffect(() => {
-    return driver.listen();
-  }, [driver]);
+  const overrideThemeVariables: Record<string, string> = {};
+
+  for (const key in props.searchParams) {
+    if (!key.startsWith("themeVariables[")) {
+      continue;
+    }
+
+    overrideThemeVariables[key.slice(15, -1)] = props.searchParams[key];
+  }
 
   return (
-    <MyStudio
-      driver={driver}
-      color={searchParams.get("color") || "gray"}
-      name={searchParams.get("name") || "Unnamed Connection"}
-    />
+    <ThemeLayout
+      overrideTheme={overrideTheme}
+      disableToggle={disableToggle}
+      overrideThemeVariables={overrideThemeVariables}
+    >
+      <EmbedPageClient />
+    </ThemeLayout>
   );
 }
diff --git a/src/app/(theme)/layout.tsx b/src/app/(theme)/layout.tsx
deleted file mode 100644
index 33a13bb1..00000000
--- a/src/app/(theme)/layout.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Analytics } from "@vercel/analytics/react";
-import { Inter } from "next/font/google";
-import ThemeProvider from "@/context/theme-provider";
-import { cookies } from "next/headers";
-import { Toaster } from "@/components/ui/sonner";
-import { Fragment } from "react";
-import Script from "next/script";
-import { cn } from "@/lib/utils";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export default async function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const cookieStore = cookies();
-  const theme = cookieStore.get("theme")?.value === "dark" ? "dark" : "light";
-
-  return (
-    <body className={cn(inter.className, theme)} suppressHydrationWarning>
-      <ThemeProvider defaultTheme={theme}>
-        <Fragment>{children}</Fragment>
-        <Toaster />
-      </ThemeProvider>
-      <Analytics />
-      <Script async defer src="https://buttons.github.io/buttons.js" />
-    </body>
-  );
-}
diff --git a/src/app/(theme)/playground/client/page.tsx b/src/app/(theme)/playground/client/page.tsx
index d595fef0..bb5f0c5d 100644
--- a/src/app/(theme)/playground/client/page.tsx
+++ b/src/app/(theme)/playground/client/page.tsx
@@ -3,6 +3,7 @@ import PlaygroundEditorBody from "./page-client";
 import { eq, sql } from "drizzle-orm";
 import { dbDataset } from "@/db/schema-dataset";
 import { Metadata } from "next";
+import ThemeLayout from "../../theme_layout";
 
 export const metadata: Metadata = {
   title:
@@ -55,5 +56,9 @@ export default async function PlaygroundEditor({
     templateFile = searchParams.url;
   }
 
-  return <PlaygroundEditorBody preloadDatabase={templateFile} />;
+  return (
+    <ThemeLayout>
+      <PlaygroundEditorBody preloadDatabase={templateFile} />
+    </ThemeLayout>
+  );
 }
diff --git a/src/app/(theme)/theme_layout.tsx b/src/app/(theme)/theme_layout.tsx
new file mode 100644
index 00000000..44fb8143
--- /dev/null
+++ b/src/app/(theme)/theme_layout.tsx
@@ -0,0 +1,42 @@
+import { Analytics } from "@vercel/analytics/react";
+import { Inter } from "next/font/google";
+import ThemeProvider from "@/context/theme-provider";
+import { cookies } from "next/headers";
+import { Toaster } from "@/components/ui/sonner";
+import { Fragment, PropsWithChildren } from "react";
+import Script from "next/script";
+import { cn } from "@/lib/utils";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export default async function ThemeLayout({
+  children,
+  overrideTheme,
+  disableToggle,
+  overrideThemeVariables,
+}: PropsWithChildren<{
+  overrideTheme?: "dark" | "light";
+  disableToggle?: boolean;
+  overrideThemeVariables?: Record<string, string>;
+}>) {
+  const cookieStore = cookies();
+  const theme =
+    overrideTheme ??
+    (cookieStore.get("theme")?.value === "dark" ? "dark" : "light");
+  const style = overrideThemeVariables ?? {};
+
+  return (
+    <body
+      className={cn(inter.className, theme)}
+      style={style}
+      suppressHydrationWarning
+    >
+      <ThemeProvider defaultTheme={theme} disableToggle={disableToggle}>
+        <Fragment>{children}</Fragment>
+        <Toaster />
+      </ThemeProvider>
+      <Analytics />
+      <Script async defer src="https://buttons.github.io/buttons.js" />
+    </body>
+  );
+}
diff --git a/src/components/gui/connection-dialog.tsx b/src/components/gui/connection-dialog.tsx
index b007c56e..8d6ee35a 100644
--- a/src/components/gui/connection-dialog.tsx
+++ b/src/components/gui/connection-dialog.tsx
@@ -25,9 +25,7 @@ export default function ConnectingDialog({
         <div className="text-2xl font-semibold">
           We have problem connecting to database
         </div>
-        <p className="mt-4">
-          <pre>{message}</pre>
-        </p>
+        <pre className="mt-4">{message}</pre>
         <div className="mt-4 flex gap-4">
           <Button onClick={onRetry}>Retry</Button>
           <Button variant={"secondary"} onClick={onBack}>
diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index a7715e30..cd8283b0 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -22,7 +22,7 @@ interface SidebarTabProps {
 
 export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
   const [selectedIndex, setSelectedIndex] = useState(0);
-  const { theme, toggleTheme } = useTheme();
+  const { theme, toggleTheme, disableToggle } = useTheme();
   const [loadedIndex, setLoadedIndex] = useState(() => {
     const a: boolean[] = new Array(tabs.length).fill(false);
     a[0] = true;
@@ -61,24 +61,26 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
             <div className="line-clamp-1 text-ellipsis">{config.name}</div>
           </div>
 
-          <div className="flex justify-center items-center">
-            <button
-              onClick={() => toggleTheme()}
-              className="text-xs font-normal flex gap-0.5 border rounded px-2 py-1 bg-background"
-            >
-              {theme === "dark" ? (
-                <>
-                  <LucideMoon className={cn("w-4 h-4")} />
-                  Dark
-                </>
-              ) : (
-                <>
-                  <LucideSun className={cn("w-4 h-4")} />
-                  Light
-                </>
-              )}
-            </button>
-          </div>
+          {!disableToggle && (
+            <div className="flex justify-center items-center">
+              <button
+                onClick={() => toggleTheme()}
+                className="text-xs font-normal flex gap-0.5 border rounded px-2 py-1 bg-background"
+              >
+                {theme === "dark" ? (
+                  <>
+                    <LucideMoon className={cn("w-4 h-4")} />
+                    Dark
+                  </>
+                ) : (
+                  <>
+                    <LucideSun className={cn("w-4 h-4")} />
+                    Light
+                  </>
+                )}
+              </button>
+            </div>
+          )}
         </div>
 
         {config.sideBarFooterComponent && (
diff --git a/src/components/gui/studio.tsx b/src/components/gui/studio.tsx
index 80fe1c26..800dd567 100644
--- a/src/components/gui/studio.tsx
+++ b/src/components/gui/studio.tsx
@@ -20,13 +20,9 @@ interface StudioProps {
   docDriver?: SavedDocDriver;
   name: string;
   color: string;
-
   onBack?: () => void;
   sideBarFooterComponent?: ReactElement;
-
   theme?: "dark" | "light";
-  onThemeChange?: (theme: "dark" | "light") => void;
-
   extensions?: StudioExtension[];
 }
 
diff --git a/src/components/my-studio.tsx b/src/components/my-studio.tsx
index fb42664f..d3511348 100644
--- a/src/components/my-studio.tsx
+++ b/src/components/my-studio.tsx
@@ -1,4 +1,3 @@
-import { useTheme } from "@/context/theme-provider";
 import { useRouter } from "next/navigation";
 import { ReactElement, useCallback, useMemo } from "react";
 import { toast } from "sonner";
@@ -32,7 +31,6 @@ function MyStudioInternal({
 }: MyStudioProps) {
   const router = useRouter();
   const { openBlockEditor } = useBlockEditor();
-  const { theme, toggleTheme } = useTheme();
 
   const goBack = useCallback(() => {
     router.push("/connect");
@@ -91,8 +89,6 @@ function MyStudioInternal({
       driver={driver}
       name={name}
       color={color ?? "blue"}
-      theme={theme}
-      onThemeChange={toggleTheme}
       onBack={goBack}
       collaboration={collabarator}
       docDriver={docDriver}
diff --git a/src/context/theme-provider.tsx b/src/context/theme-provider.tsx
index b64c0126..57e79a8b 100644
--- a/src/context/theme-provider.tsx
+++ b/src/context/theme-provider.tsx
@@ -14,9 +14,11 @@ type ThemeType = "dark" | "light";
 
 const ThemeContext = createContext<{
   theme: ThemeType;
+  disableToggle: boolean;
   toggleTheme: (theme?: string) => void;
 }>({
   theme: "dark",
+  disableToggle: false,
   toggleTheme: () => {
     throw new Error("Not implemented");
   },
@@ -29,14 +31,24 @@ export function useTheme() {
 export default function ThemeProvider({
   children,
   defaultTheme,
-}: PropsWithChildren<{ defaultTheme: ThemeType }>) {
+  disableToggle,
+}: PropsWithChildren<{ defaultTheme: ThemeType; disableToggle?: boolean }>) {
   const [theme, setTheme] = useState<ThemeType>(defaultTheme);
 
-  const toggleTheme = useCallback(() => {
-    const newTheme = theme === "dark" ? "light" : "dark";
-    setCookie("theme", newTheme);
-    setTheme(newTheme);
-  }, [setTheme, theme]);
+  const toggleTheme = useCallback(
+    (assignedTheme?: string) => {
+      setTheme((prevTheme) => {
+        if (assignedTheme) {
+          return assignedTheme === "dark" ? "dark" : "light";
+        }
+
+        const newTheme = prevTheme === "dark" ? "light" : "dark";
+        setCookie("theme", newTheme);
+        return newTheme;
+      });
+    },
+    [setTheme]
+  );
 
   useEffect(() => {
     if (theme === "light") {
@@ -46,7 +58,10 @@ export default function ThemeProvider({
     }
   }, [theme]);
 
-  const value = useMemo(() => ({ toggleTheme, theme }), [toggleTheme, theme]);
+  const value = useMemo(
+    () => ({ toggleTheme, theme, disableToggle: disableToggle ?? false }),
+    [toggleTheme, theme, disableToggle]
+  );
 
   return (
     <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>

From f4738acb1607e265b6c92cc9fbe336e3656b2ed9 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 23 Aug 2024 21:13:58 +0700
Subject: [PATCH 086/124] rework website design

---
 public/hero-banner.jpg                  | Bin 0 -> 236507 bytes
 src/app/(public)/layout.tsx             |   3 +-
 src/app/(public)/page.tsx               | 356 +++++++++++++-----------
 src/app/globals.css                     |   2 +-
 src/components/icons/outerbase-icon.tsx | 173 ++++++++++++
 src/components/website-layout.tsx       |  16 +-
 6 files changed, 369 insertions(+), 181 deletions(-)
 create mode 100644 public/hero-banner.jpg
 create mode 100644 src/components/icons/outerbase-icon.tsx

diff --git a/public/hero-banner.jpg b/public/hero-banner.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9b278349efc443689f9a2e07bcd4c99de5d6801c
GIT binary patch
literal 236507
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
T))o-5u*S!l6t$@mU623Su$Np_

literal 0
HcmV?d00001

diff --git a/src/app/(public)/layout.tsx b/src/app/(public)/layout.tsx
index 9f702ae7..07f8c417 100644
--- a/src/app/(public)/layout.tsx
+++ b/src/app/(public)/layout.tsx
@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/sonner";
 import { Fragment } from "react";
 import Script from "next/script";
+import { cn } from "@/lib/utils";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -12,7 +13,7 @@ export default async function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <body className={inter.className} suppressHydrationWarning>
+    <body className={cn(inter.className, "dark")}>
       <Fragment>{children}</Fragment>
       <Toaster />
       <Analytics />
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 3f176aa8..16502a55 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -1,8 +1,14 @@
+import {
+  MySQLIcon,
+  PostgreIcon,
+  SQLiteIcon,
+} from "@/components/icons/outerbase-icon";
 import { buttonVariants } from "@/components/ui/button";
 import WebsiteLayout from "@/components/website-layout";
 import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import Link from "next/link";
+import { PropsWithChildren } from "react";
 
 const siteDescription =
   "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
@@ -28,31 +34,6 @@ export const metadata: Metadata = {
   },
 };
 
-interface Review {
-  id: number;
-  name: string;
-  picture?: string;
-  initial?: string;
-  content: string;
-}
-
-const review: Review[] = [
-  {
-    id: 1,
-    name: "Jamie Barton",
-    picture: "https://github.com/notrab.png",
-    content:
-      "libSQL Studio is a fantastic all-in-one tool for editing data and executing SQL queries that comes with a great DX. Its auto-completion feature boosts productivity and reduces errors, while saved queries make managing and reusing SQL a breeze.",
-  },
-  {
-    id: 2,
-    name: "Kim Thean",
-    initial: "KT",
-    content:
-      "libSQL Studio offers everything I need to work with Turso. The best part is that there's no need to download anything, and it continues to improve with regular updates.",
-  },
-];
-
 function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
   return (
     <Link
@@ -67,65 +48,48 @@ function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
   );
 }
 
-function TestimonyItem({ data }: { data: Review }) {
+function DatabaseBlock({
+  children,
+  center,
+}: PropsWithChildren<{ center?: boolean }>) {
   return (
-    <div className="bg-secondary p-6 rounded-lg">
-      <div className="flex gap-2 mb-2">
-        {data.picture && (
-          <img
-            src={data.picture}
-            className="w-12 h-12 rounded-full"
-            alt={data.name}
-          />
-        )}
-        {data.initial && (
-          <div className="w-12 h-12 rounded-full bg-yellow-500 text-xl font-bold flex justify-center items-center text-white">
-            {data.initial}
-          </div>
-        )}
-        <div>
-          <div className="font-bold">{data.name}</div>
-          <div className="text-red-500 text-xl">★★★★★</div>
-        </div>
-      </div>
-      <p>{data.content}</p>
-    </div>
-  );
-}
-
-function TestimonyList() {
-  return (
-    <div className="mx-auto max-w-[800px] p-4">
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-        {review.map((r) => (
-          <TestimonyItem data={r} key={r.id} />
-        ))}
-      </div>
-      <div className="text-xl mt-4 pl-4 pr-2">
-        and thousands of{" "}
-        <span className="border-b-4 border-b-yellow-500">happy developers</span>{" "}
-        use our tools.
-      </div>
+    <div
+      className={cn(
+        "shadow-[8px_8px_0px_#111] hover:shadow-[8px_-8px_0px_#444] transition-all duration-200 border-2 border-zinc-800 rounded-lg flex flex-col gap-2 py-8 cursor-pointer px-4 hover:text-yellow-500",
+        center ? "justify-center items-center" : ""
+      )}
+    >
+      {children}
     </div>
   );
 }
 
 function HeroSection() {
   return (
-    <div className="mx-auto max-w-[800px] px-4 pb-8 pt-16">
-      <h2 className="text-center text-4xl lg:text-6xl font-bold">
-        Powerful SQLite-based Database Client
-      </h2>
-
-      <p className="text-center max-w-[700px] mx-auto mt-6 text-lg">
-        LibSQL Studio is a fully-featured, lightweight GUI client for managing
-        SQLite-based databases like Turso, LibSQL, Cloudflare D1 and rqlite. It
-        runs entirely in your browser, so there&apos;s no need to download
-        anything.
-      </p>
+    <div className="mt-32 relative h-[428px]">
+      <div
+        className="absolute top-0 bottom-0 left-0 right-0 transform-gpu before:absolute before:top-0 before:z-10 before:h-32 before:w-full before:bg-gradient-to-b before:from-black before:to-black/0 after:absolute after:bottom-0 after:left-0 after:h-full after:w-full after:bg-gradient-to-t after:from-black after:to-black/0"
+        style={{
+          background: `url(/hero-banner.jpg)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+        }}
+      ></div>
+
+      <div className="absolute top-0 bottom-0 left-0 right-0 -mt-16">
+        <div className="mx-auto container">
+          <h2 className="text-4xl font-bold">Powerful Database Client</h2>
+          <p className="max-w-[700px] mt-6 text-lg">
+            LibSQL Studio is a fully-featured, lightweight GUI client for
+            managing Turso, LibSQL, Cloudflare D1, rqlite, MySQL, and
+            PostgreSQL. It runs entirely in your browser, so there&apos;s no
+            need to download anything.
+          </p>
 
-      <div className="flex gap-4 justify-center mt-12">
-        <LinkButton title="Open LibSQL Studio" url="/connect" />
+          <div className="flex gap-4 mt-8">
+            <LinkButton title="Open LibSQL Studio" url="/connect" />
+          </div>
+        </div>
       </div>
     </div>
   );
@@ -133,30 +97,35 @@ function HeroSection() {
 
 function SupportDriver() {
   return (
-    <div className="mt-12">
-      <div className="container mx-auto py-12">
-        <h2 className="text-center font-semibold text-2xl">
-          Supports a wide range of{" "}
-          <strong className="border-b-4 border-red-400 inline-block py-1 mx-1">
-            SQLite-based
-          </strong>{" "}
-          databases
-        </h2>
-
-        <div className="flex justify-center gap-4 mt-8">
-          <img
-            src="/sqlite-icon.svg"
-            className="h-16 rounded-xl"
-            alt="rqlite"
-          />
-          <img src="/turso.jpeg" className="h-16 rounded-xl" alt="turso" />
-          <img
-            src="/cloudflare.png"
-            className="h-16 rounded-xl"
-            alt="cloudflare d1"
-          />
-          <img src="/rqlite.png" className="h-16 rounded-xl" alt="rqlite" />
-          <img src="/valtown.svg" className="h-16 rounded-xl" alt="valtown" />
+    <div>
+      <div className="container mx-auto py-12 px-8">
+        <div className="mb-4 font-semibold text-3xl">Supporting Drivers</div>
+
+        <p className="my-4 mb-8 max-w-[500px] text-zinc-400">
+          Lorem Ipsum is simply dummy text of the printing and typesetting
+          industry. Lorem Ipsum has been the industry standard.
+        </p>
+
+        <div className="grid md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-4">
+          <DatabaseBlock center>
+            <SQLiteIcon />
+            <div>SQLite</div>
+          </DatabaseBlock>
+
+          <DatabaseBlock center>
+            <PostgreIcon />
+            <div>PostgreSQL</div>
+          </DatabaseBlock>
+
+          <DatabaseBlock center>
+            <MySQLIcon />
+            <div>MySQL</div>
+          </DatabaseBlock>
+
+          <DatabaseBlock center>
+            <SQLiteIcon />
+            <div>LibSQL</div>
+          </DatabaseBlock>
         </div>
       </div>
     </div>
@@ -165,18 +134,18 @@ function SupportDriver() {
 
 function FeatureList() {
   return (
-    <div className="mx-auto max-w-[800px] mt-12">
-      <div className="py-12 px-4">
-        <h1 className="text-3xl font-semibold mb-2">Powerful Data Editor</h1>
-
-        <p className="text-xl mb-4">
-          The handy data editor allows you to add, delete, and edit information.
-          Any changes you make in the data editor are saved on your device and
-          can be submitted all at once.
-        </p>
+    <div className="mx-auto container mt-12">
+      <div className="mb-4 font-semibold text-3xl">
+        Modern Design and <br />
+        Thoughtful UI
       </div>
 
-      <div>
+      <p className="my-4 max-w-[500px] text-zinc-400">
+        Lorem Ipsum is simply dummy text of the printing and typesetting
+        industry. Lorem Ipsum has been the industry standard.
+      </p>
+
+      <div className="grid grid-cols-2 gap-8 mt-12">
         <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
@@ -184,42 +153,35 @@ function FeatureList() {
               type="video/mp4"
             />
           </video>
-        </div>
 
-        <div className="fade-sticky py-12 px-4">
-          <h1 className="text-3xl font-semibold mb-2">Create and Edit Table</h1>
+          <h1 className="font-semibold text-lg mt-4">Powerful Data Editor</h1>
 
-          <p className="text-xl mb-4">
-            LibSQL Studio allows you to quickly create, modify, and remove table
-            columns with just a few clicks without writing any SQL.
+          <p className="mt-2 text-zinc-400">
+            The handy data editor allows you to add, delete, and edit
+            information. Any changes you make in the data editor are saved on
+            your device and can be submitted all at once.
           </p>
         </div>
-      </div>
 
-      <div>
         <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
-              src="https://r2.invisal.com/libsqlstudio-schema-editor.mp4"
+              src="https://r2.invisal.com/libsqlstudio-sql-query.mp4"
               type="video/mp4"
             />
           </video>
-        </div>
 
-        <div className="fade-sticky py-12 px-4">
-          <h1 className="text-3xl font-semibold mb-2">
+          <h1 className="text-lg font-semibold mt-4">
             Writing and Running SQL
           </h1>
 
-          <p className="text-xl mb-4">
+          <p className="mt-2 text-zinc-400">
             LibSQL Studio features a user-friendly query editor equipped with
             auto-completion and function hint tooltips. It allows you to execute
             multiple queries simultaneously and view their results efficiently.
           </p>
         </div>
-      </div>
 
-      <div>
         <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
@@ -227,14 +189,116 @@ function FeatureList() {
               type="video/mp4"
             />
           </video>
+
+          <h1 className="text-lg font-semibold mt-4">
+            Writing and Running SQL
+          </h1>
+
+          <p className="mt-2 text-zinc-400">
+            LibSQL Studio features a user-friendly query editor equipped with
+            auto-completion and function hint tooltips. It allows you to execute
+            multiple queries simultaneously and view their results efficiently.
+          </p>
+        </div>
+
+        <div>
+          <video muted autoPlay loop className="lg:rounded-lg" playsInline>
+            <source
+              src="https://r2.invisal.com/libsqlstudio-schema-editor.mp4"
+              type="video/mp4"
+            />
+          </video>
+
+          <h1 className="font-semibold text-lg mt-4">Create and Edit Table</h1>
+
+          <p className="mt-2 text-zinc-400">
+            LibSQL Studio allows you to quickly create, modify, and remove table
+            columns with just a few clicks without writing any SQL.
+          </p>
         </div>
+      </div>
+    </div>
+  );
+}
+
+function CommunitySection() {
+  return (
+    <div className="mx-auto container px-8 my-24">
+      <h1 className="mb-4 font-semibold text-3xl">Community</h1>
+
+      <p className="mt-2 text-zinc-400 max-w-[500px] mb-8">
+        LibSQL Studio allows you to quickly create, modify, and remove table
+        columns with just a few clicks without writing any SQL.
+      </p>
+
+      <div className="grid md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-4">
+        <DatabaseBlock>
+          <svg
+            width="98"
+            height="96"
+            viewBox="0 0 98 96"
+            xmlns="http://www.w3.org/2000/svg"
+            className="w-8 h-8"
+          >
+            <path
+              fillRule="evenodd"
+              clipRule="evenodd"
+              d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+              fill="currentColor"
+            />
+          </svg>
+          <div className="font-bold mt-1">Github</div>
+        </DatabaseBlock>
+        <DatabaseBlock>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 127.14 96.36"
+            className="w-8 h-8"
+          >
+            <g>
+              <path
+                fill="currentColor"
+                d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
+              />
+            </g>
+          </svg>
+          <div className="font-bold mt-1">Discord</div>
+        </DatabaseBlock>
+        <DatabaseBlock>
+          <svg
+            className="w-8 h-8"
+            width="1200"
+            height="1227"
+            viewBox="0 0 1200 1227"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
+              fill="currentColor"
+            />
+          </svg>
+          <div className="font-bold mt-1">Twitter</div>
+        </DatabaseBlock>
+      </div>
+    </div>
+  );
+}
 
+export default async function MainPage() {
+  return (
+    <WebsiteLayout>
+      <HeroSection />
+      <SupportDriver />
+      <FeatureList />
+      <CommunitySection />
+      <div className="mx-auto container">
         <div className="fade-sticky py-12 px-4">
           <div className="text-3xl font-semibold mb-2">
             and much much more...
           </div>
 
-          <p className="text-xl mb-4">
+          <p className="tmb-4 max-w-[500px] text-zinc-400">
             LibSQL Studio has many features and is regularly updated. Since it
             is an{" "}
             <Link
@@ -254,43 +318,7 @@ function FeatureList() {
           </p>
         </div>
       </div>
-    </div>
-  );
-}
-
-export default async function MainPage() {
-  return (
-    <>
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{
-          __html: JSON.stringify({
-            "@context": "https://schema.org/",
-            "@type": "SoftwareApplication",
-            applicationCategory: "DeveloperApplication",
-            name: "LibSQL Studio",
-            description: siteDescription,
-            operatingSystem: "Web",
-            aggregateRating: {
-              "@type": "AggregateRating",
-              ratingValue: 5,
-              reviewCount: review.length,
-            },
-            offers: {
-              "@type": "Offer",
-              price: 0,
-              priceCurrency: "USD",
-            },
-          }),
-        }}
-      />
-      <WebsiteLayout>
-        <HeroSection />
-        <TestimonyList />
-        <FeatureList />
-        <SupportDriver />
-        <div className="h-32"></div>
-      </WebsiteLayout>
-    </>
+      <div className="h-32"></div>
+    </WebsiteLayout>
   );
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index 229d7858..e951034b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -64,7 +64,7 @@ body {
   }
 
   .dark {
-    --background: rgb(10, 10, 10);
+    --background: black;
     --foreground: 210 40% 98%;
 
     --color-surface: #1f1f1f;
diff --git a/src/components/icons/outerbase-icon.tsx b/src/components/icons/outerbase-icon.tsx
new file mode 100644
index 00000000..ef8b7cf5
--- /dev/null
+++ b/src/components/icons/outerbase-icon.tsx
@@ -0,0 +1,173 @@
+export function MySQLIcon() {
+  return (
+    <svg
+      width="48"
+      height="48"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.33511 2H11.2611V3.46667H9.80179V6.39967H8.33511V2Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M11.2666 3.4665H12.7333V4.93317H11.2666V3.4665Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M12.739 4.933V6.39967H15.6647V4.933H12.739Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M17.1371 4.933H15.6704V6.39967H17.1295V7.86633H18.5962V6.39967H17.1371V4.933Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M18.6018 7.86683H20.0685V9.3335L21.5277 9.33333V10.8H18.6018V7.86683Z"
+        fill="currentColor"
+      ></path>
+      <path d="M23 10.8H21.5333V12.2667H23V10.8Z" fill="currentColor"></path>
+      <path
+        d="M21.5277 12.2667H18.6018V13.7333H21.5277V12.2667Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M15.6704 9.33333H17.1371V10.8H15.6704V9.33333Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M8.32965 4.933H6.86297V6.39967H5.40363V7.86633H6.87031V6.39967H8.32965V4.933Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M5.39812 7.86683H3.93144V9.3335L2.47219 9.33333V10.8H3.93887V9.33333L5.39812 9.3335V7.86683Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M2.46668 10.8H1V15.1997H2.46668V10.8Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M2.47219 18.1328H3.93887V15.1995H2.47219V18.1328Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M3.93144 21.0667V18.1335H5.39812V21.0667H3.93144Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M6.86297 21.0667H5.40363V22.5333H6.87031V21.0667H8.32965V19.6H6.86297V21.0667Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M9.80179 18.1335H8.33511V19.6002H9.80179V18.1335Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M6.87031 16.6662H8.32965V18.1328H5.40363V13.733L6.86297 13.7333V12.2667H8.32965V13.7333L6.87031 13.733V16.6662Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M8.33511 16.6662H11.2611V15.1995L9.80179 15.1997V10.8H8.33511V16.6662Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M18.5962 12.2667V13.7333H15.6704V12.2667H18.5962Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M15.6647 12.2667V15.1997L14.2056 15.1995V16.6662H12.739V15.1995L14.198 15.1997V13.7333H12.739V12.2667H15.6647Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M11.2666 13.733H12.7333V15.1997H11.2666V13.733Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}
+
+export function PostgreIcon() {
+  return (
+    <svg
+      width="48"
+      height="48"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.2913 4V5.71435H12.0057L12.0046 10.8572L10.2913 10.857V12.5714H13.719V5.71435L18.8535 5.71453V14.2857H17.1435V12.5714H15.4292V14.2857H13.7169V17.7144L12.0046 17.7142L12.0057 16.0001H10.2913V19.4286H15.4313V14.2857H17.1414V16.0001H20.5679V14.2857V5.71453L18.8557 5.71435V4H10.2913Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M20.5679 14.2857H22.2824V17.7144H20.568L20.5679 16.0001V14.2857Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M15.4292 9.05726H17.1435V10.7716H15.4292V9.05726Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M10.2881 14.2857H8.5737V16.0001H10.2881V14.2857Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M6.85606 14.2857H8.57043V16.0001H6.85606V14.2857Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M6.85265 16.0001H5.13828V17.7144L3.42663 17.7142V9.14286L5.13885 9.14304V7.4287L6.85265 7.42888V5.71453H5.13828L5.13885 7.4287H3.42448V9.14304L1.71226 9.14286V10.857H0V12.5714H1.71226V19.4286H6.85265V16.0001Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M8.57043 5.71453H6.85606V7.42888H8.57043V5.71453Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M24 16.0001H22.2856V17.7144H24V16.0001Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M8.5737 10.8572H10.2881V5.71453H8.5737V10.8572Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}
+
+export function SQLiteIcon() {
+  return (
+    <svg
+      width="48"
+      height="48"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M4.08339 2.5014H8.83338L8.83342 4.08471H5.66673L5.66664 5.66801H4.08334L4.08339 8.8348L2.5 8.83462V4.08471H4.08339V2.5014Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M13.5834 13.5847V12.0014H12L12 13.5847H13.5834Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M15.1668 15.168L15.1666 16.7513H16.75V15.168H15.1668Z"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M15.1668 15.168V13.5847H13.5834L13.5834 15.168H15.1668Z"
+        fill="currentColor"
+      ></path>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.25003 8.83462L4.08339 8.8348V12.0014H5.66664V13.5847H7.25003V15.168H8.83342V16.7513L10.4166 16.7515V18.3348H13.5834V19.9181H16.75V18.3348H18.3334V19.9181H19.9167V21.5014H21.5V19.9181H19.9167V18.3348H18.3334V16.7513H19.9167V13.5847H18.3334L18.3333 10.4181H16.75L16.75 8.8348L15.1668 8.83462V7.25132H13.5834V5.66801H12V4.08471H8.83342L8.83338 7.25132H7.24999V5.66801H5.66664V7.25132H7.24999L7.25003 8.83462ZM7.25003 8.83462L8.75383 8.8348V10.4181H10.3372V8.8348L8.83338 8.83462V7.25132H10.4168V5.66801H12L12 7.25132H13.5834V8.8348H12L12 10.4181H10.4166V12.0014H8.83333V13.5847H7.25003L7.24999 12.0014H5.66664V10.4181H7.24999L7.25003 8.83462ZM12 12.0014H10.4166L10.4167 13.5847H8.83333L8.83342 15.168H10.4168L10.4166 16.7515H13.5834L13.5834 18.3348H16.75V16.7513H18.3334V13.5847H16.75V10.4181H15.1666L15.1668 8.83462L13.5834 8.8348V10.4181H12V12.0014Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index b66cd570..743cb783 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -1,8 +1,5 @@
-import { getSessionFromCookie } from "@/lib/auth";
 import { PropsWithChildren } from "react";
-import TopbarProfile from "./topbar-profile";
 import Link from "next/link";
-import { Button } from "./ui/button";
 import {
   NavigationMenu,
   NavigationMenuItem,
@@ -11,8 +8,6 @@ import {
 } from "./ui/navigation-menu";
 
 async function Topbar() {
-  const { user } = await getSessionFromCookie();
-
   return (
     <header className="border-b">
       <div className="mx-auto container flex">
@@ -46,15 +41,6 @@ async function Topbar() {
             aria-label="Star invisal/libsql-studio on GitHub"
           ></a>
         </div>
-        {user ? (
-          <TopbarProfile user={user} />
-        ) : (
-          <div className="flex items-center">
-            <Link href="/login" prefetch={false}>
-              <Button>Sign In</Button>
-            </Link>
-          </div>
-        )}
       </div>
     </header>
   );
@@ -122,7 +108,7 @@ function Footer() {
           </Link>
         </div>
 
-        <p>© 2024 Visal .In. | LibSQL Studio</p>
+        <p>© 2024 Outerbase Inc.</p>
       </div>
     </div>
   );

From 3959970b566e95b2b4ead02116b494f61b6959db Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 23 Aug 2024 22:42:33 +0700
Subject: [PATCH 087/124] add more design

---
 src/app/(public)/page.tsx         |   4 +-
 src/components/website-layout.tsx | 123 ++++++++++++++++--------------
 2 files changed, 68 insertions(+), 59 deletions(-)

diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 16502a55..5ae5d124 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -40,7 +40,7 @@ function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
       href={url}
       className={cn(
         buttonVariants({ variant: "default", size: "lg" }),
-        "text-2xl p-6"
+        "font-bold text-xl p-8 px-10 shadow-[6px_6px_0px_#999] hover:shadow-[8px_-4px_0px_#aaa] transition-all duration-400"
       )}
     >
       {title}
@@ -145,7 +145,7 @@ function FeatureList() {
         industry. Lorem Ipsum has been the industry standard.
       </p>
 
-      <div className="grid grid-cols-2 gap-8 mt-12">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-12">
         <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 743cb783..816d7b86 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -48,67 +48,76 @@ async function Topbar() {
 
 function Footer() {
   return (
-    <div className="border-t py-4 text-sm">
-      <div className="mx-auto container">
-        <ul className="flex flex-wrap gap-4 mb-2">
-          <li>
-            <Link href="/playground" className="font-semibold hover:underline">
-              Playground
-            </Link>
-          </li>
-          <li>
-            <Link href="/docs" className="font-semibold hover:underline">
-              Document
-            </Link>
-          </li>
-          <li>
-            <Link href="/terms" className="font-semibold hover:underline">
-              Terms and Condition
-            </Link>
-          </li>
-          <li>
-            <Link href="/privacy" className="font-semibold hover:underline">
-              Privacy
-            </Link>
-          </li>
-        </ul>
+    <div className="py-4 text-sm mx-auto container px-8">
+      <div className="grid grid-cols-2 lg:grid-cols-4 mb-8">
+        <div className="mb-8">
+          <h1 className="text-lg">
+            LibSQL <strong>Studio</strong>
+          </h1>
+          <p>© 2024 Outerbase Inc.</p>
+        </div>
 
-        <div className="flex gap-4 my-4">
-          <Link href="https://x.com/invisal89" target="blank">
-            <svg
-              className="w-6 h-6"
-              width="1200"
-              height="1227"
-              viewBox="0 0 1200 1227"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
-                fill="currentColor"
-              />
-            </svg>
-          </Link>
+        <div className="mb-8">
+          <div className="font-bold">Developers</div>
+          <ul className="flex flex-col gap-1 mt-3">
+            <li>
+              <Link href="/docs" className="hover:underline">
+                Documentation
+              </Link>
+            </li>
+            <li>
+              <Link
+                href="https://discord.gg/CvfB3nzK"
+                className="hover:underline"
+              >
+                Community
+              </Link>
+            </li>
+          </ul>
+        </div>
 
-          <Link href="https://github.com/invisal/libsql-studio" target="blank">
-            <svg
-              width="98"
-              height="96"
-              viewBox="0 0 98 96"
-              xmlns="http://www.w3.org/2000/svg"
-              className="w-6 h-6"
-            >
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
-                fill="currentColor"
-              />
-            </svg>
-          </Link>
+        <div className="mb-8">
+          <div className="font-bold">Company</div>
+          <ul className="flex flex-col gap-1 mt-3">
+            <li>
+              <Link
+                href="https://www.outerbase.com/about/"
+                className="hover:underline"
+              >
+                About
+              </Link>
+            </li>
+            <li>
+              <Link
+                href="https://www.outerbase.com/blog/"
+                className="hover:underline"
+              >
+                Blog
+              </Link>
+            </li>
+            <li>
+              <Link href="https://x.com/outerbase" className="hover:underline">
+                Twitter
+              </Link>
+            </li>
+          </ul>
         </div>
 
-        <p>© 2024 Outerbase Inc.</p>
+        <div className="mb-8">
+          <div className="font-bold">Legal & Compilance</div>
+          <ul className="flex flex-col gap-1 mt-3">
+            <li>
+              <Link href="/terms" className="hover:underline">
+                Terms of Service
+              </Link>
+            </li>
+            <li>
+              <Link href="/privacy" className="hover:underline">
+                Privacy Policy
+              </Link>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
   );

From 8003c38b65410558bc15b9b595a33fad6f1ff0ab Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 24 Aug 2024 00:15:45 +0700
Subject: [PATCH 088/124] more design

---
 src/components/website-layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 816d7b86..acdd95d9 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -9,7 +9,7 @@ import {
 
 async function Topbar() {
   return (
-    <header className="border-b">
+    <header>
       <div className="mx-auto container flex">
         <Link href="/">
           <h1 className="text-lg py-2">

From 1d071cd4c425d0308119c9de7781f49000e6db55 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sat, 24 Aug 2024 07:46:07 +0700
Subject: [PATCH 089/124] build(deps-dev): bump hono from 4.4.7 to 4.5.8 (#153)

Bumps [hono](https://github.com/honojs/hono) from 4.4.7 to 4.5.8.
- [Release notes](https://github.com/honojs/hono/releases)
- [Commits](https://github.com/honojs/hono/compare/v4.4.7...v4.5.8)

---
updated-dependencies:
- dependency-name: hono
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 37f0ef01..7fe0d9b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13358,9 +13358,9 @@
       "dev": true
     },
     "node_modules/hono": {
-      "version": "4.4.7",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.4.7.tgz",
-      "integrity": "sha512-WoQWFQyVFEVRtIzP5sHPv7nvIw+RYL/HRnvnOCDxj6A+BtrwuC9S0vryZbV4IyFcNgOJ87r/phDiC1x2eEo4Gg==",
+      "version": "4.5.8",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.5.8.tgz",
+      "integrity": "sha512-pqpSlcdqGkpTTRpLYU1PnCz52gVr0zVR9H5GzMyJWuKQLLEBQxh96q45QizJ2PPX8NATtz2mu31/PKW/Jt+90Q==",
       "dev": true,
       "engines": {
         "node": ">=16.0.0"

From 6fb6eaf5dc86ef9d8772b33b9c0dd56ebc694262 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sat, 24 Aug 2024 09:10:29 +0700
Subject: [PATCH 090/124] build(deps): bump micromatch from 4.0.7 to 4.0.8
 (#154)

Bumps [micromatch](https://github.com/micromatch/micromatch) from 4.0.7 to 4.0.8.
- [Release notes](https://github.com/micromatch/micromatch/releases)
- [Changelog](https://github.com/micromatch/micromatch/blob/4.0.8/CHANGELOG.md)
- [Commits](https://github.com/micromatch/micromatch/compare/4.0.7...4.0.8)

---
updated-dependencies:
- dependency-name: micromatch
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7fe0d9b5..767a399c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19743,9 +19743,9 @@
       ]
     },
     "node_modules/micromatch": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
-      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"

From 6c15ff1257d427b219537fac559ee88788d7cc02 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 24 Aug 2024 09:22:00 +0700
Subject: [PATCH 091/124] turn login to dark theme

---
 src/app/(public)/login/page.tsx |  8 +++----
 src/app/(public)/page.tsx       | 39 +++++++++++++++++----------------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/app/(public)/login/page.tsx b/src/app/(public)/login/page.tsx
index f7f88cf0..6c96f162 100644
--- a/src/app/(public)/login/page.tsx
+++ b/src/app/(public)/login/page.tsx
@@ -9,7 +9,7 @@ export default async function LoginPage() {
 
   return (
     <div className="flex h-screen w-screen dark flex-col lg:flex-row">
-      <div className="lg:w-1/2 h-full bg-black flex justify-center items-center order-2">
+      <div className="lg:w-1/2 h-full flex justify-center items-center order-2">
         <div className="text-white max-w-[500px] flex flex-col gap-4 text-lg">
           <LogoLoading />
 
@@ -41,7 +41,7 @@ export default async function LoginPage() {
           </ul>
         </div>
       </div>
-      <div className="lg:w-1/2 h-full flex justify-center items-center bg-white order-1">
+      <div className="lg:w-1/2 h-full flex justify-center items-center order-1 bg-zinc-900">
         <div className="w-[300px] flex flex-col gap-4 text-lg">
           <p className="font-mono">Login to your account</p>
 
@@ -49,7 +49,7 @@ export default async function LoginPage() {
             <Link
               prefetch={false}
               href="/login/github"
-              className="border-2 border-black rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-200 text-black"
+              className="border-2 border-white rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-800 text-white"
             >
               <svg
                 width="98"
@@ -73,7 +73,7 @@ export default async function LoginPage() {
             <Link
               prefetch={false}
               href="/login/google"
-              className="border-2 border-black rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-200 text-black"
+              className="border-2 border-white rounded-lg p-4 flex gap-4 items-center font-bold hover:bg-gray-800 text-white"
             >
               <img src="/google.png" className="w-6 h-6" alt="Google" />
               Continue with Google
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 5ae5d124..fed51014 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -51,16 +51,18 @@ function LinkButton({ title, url }: Readonly<{ title: string; url: string }>) {
 function DatabaseBlock({
   children,
   center,
-}: PropsWithChildren<{ center?: boolean }>) {
+  link,
+}: PropsWithChildren<{ center?: boolean; link: string }>) {
   return (
-    <div
+    <Link
+      href={link}
       className={cn(
         "shadow-[8px_8px_0px_#111] hover:shadow-[8px_-8px_0px_#444] transition-all duration-200 border-2 border-zinc-800 rounded-lg flex flex-col gap-2 py-8 cursor-pointer px-4 hover:text-yellow-500",
         center ? "justify-center items-center" : ""
       )}
     >
       {children}
-    </div>
+    </Link>
   );
 }
 
@@ -102,27 +104,26 @@ function SupportDriver() {
         <div className="mb-4 font-semibold text-3xl">Supporting Drivers</div>
 
         <p className="my-4 mb-8 max-w-[500px] text-zinc-400">
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industry standard.
+          We support a variety of databases, with more to come in the future.
         </p>
 
         <div className="grid md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-4">
-          <DatabaseBlock center>
+          <DatabaseBlock center link="#">
             <SQLiteIcon />
             <div>SQLite</div>
           </DatabaseBlock>
 
-          <DatabaseBlock center>
+          <DatabaseBlock center link="#">
             <PostgreIcon />
             <div>PostgreSQL</div>
           </DatabaseBlock>
 
-          <DatabaseBlock center>
+          <DatabaseBlock center link="#">
             <MySQLIcon />
             <div>MySQL</div>
           </DatabaseBlock>
 
-          <DatabaseBlock center>
+          <DatabaseBlock center link="#">
             <SQLiteIcon />
             <div>LibSQL</div>
           </DatabaseBlock>
@@ -137,12 +138,12 @@ function FeatureList() {
     <div className="mx-auto container mt-12">
       <div className="mb-4 font-semibold text-3xl">
         Modern Design and <br />
-        Thoughtful UI
+        Intuitive Interface
       </div>
 
       <p className="my-4 max-w-[500px] text-zinc-400">
-        Lorem Ipsum is simply dummy text of the printing and typesetting
-        industry. Lorem Ipsum has been the industry standard.
+        Sleek modern design meets a thoughtfully crafted, intuitive user
+        interface for a seamless experience.
       </p>
 
       <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-12">
@@ -227,12 +228,12 @@ function CommunitySection() {
       <h1 className="mb-4 font-semibold text-3xl">Community</h1>
 
       <p className="mt-2 text-zinc-400 max-w-[500px] mb-8">
-        LibSQL Studio allows you to quickly create, modify, and remove table
-        columns with just a few clicks without writing any SQL.
+        Join our community for the latest updates, roadmap insights, and
+        discussions on the future of LibSQL Studio.
       </p>
 
       <div className="grid md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-4">
-        <DatabaseBlock>
+        <DatabaseBlock link="https://github.com/outerbase/libsql-studio">
           <svg
             width="98"
             height="96"
@@ -249,7 +250,7 @@ function CommunitySection() {
           </svg>
           <div className="font-bold mt-1">Github</div>
         </DatabaseBlock>
-        <DatabaseBlock>
+        <DatabaseBlock link="https://discord.gg/CvfB3nzK">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 127.14 96.36"
@@ -264,7 +265,7 @@ function CommunitySection() {
           </svg>
           <div className="font-bold mt-1">Discord</div>
         </DatabaseBlock>
-        <DatabaseBlock>
+        <DatabaseBlock link="https://x.com/outerbase">
           <svg
             className="w-8 h-8"
             width="1200"
@@ -302,14 +303,14 @@ export default async function MainPage() {
             LibSQL Studio has many features and is regularly updated. Since it
             is an{" "}
             <Link
-              href="https://github.com/invisal/libsql-studio"
+              href="https://github.com/outerbase/libsql-studio"
               className="border-b-4 inline-block hover:border-yellow-500"
             >
               open-source
             </Link>{" "}
             project, you can{" "}
             <Link
-              href="https://github.com/invisal/libsql-studio/issues"
+              href="https://github.com/outerbase/libsql-studio/issues"
               className="border-b-4 inline-block hover:border-yellow-500"
             >
               request new features

From 83afe00c62c72808f33daa3f04427caf30b96e03 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 24 Aug 2024 16:06:45 +0700
Subject: [PATCH 092/124] improve the theme

---
 src/app/(public)/page.tsx                     | 36 +++++---
 src/app/globals.css                           | 82 +++++++++----------
 src/components/gui/code-preview/index.tsx     |  2 +-
 .../gui/providers/full-editor-provider.tsx    |  2 +-
 src/components/gui/query-result-table.tsx     |  2 +-
 src/components/gui/sortable-tab.tsx           |  2 +-
 .../gui/sql-editor/use-editor-theme.tsx       |  4 +-
 .../gui/table-optimized/TableHeader.tsx       |  2 +-
 src/components/gui/tabs/trigger-tab.tsx       |  2 +-
 src/components/gui/windows-tab.tsx            |  2 +-
 src/components/listview/index.tsx             |  2 +-
 src/components/ui/sheet.tsx                   |  2 +-
 src/components/website-layout.tsx             |  2 +-
 tailwind.config.ts                            | 36 ++++----
 14 files changed, 96 insertions(+), 82 deletions(-)

diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index fed51014..11124dd1 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -57,7 +57,7 @@ function DatabaseBlock({
     <Link
       href={link}
       className={cn(
-        "shadow-[8px_8px_0px_#111] hover:shadow-[8px_-8px_0px_#444] transition-all duration-200 border-2 border-zinc-800 rounded-lg flex flex-col gap-2 py-8 cursor-pointer px-4 hover:text-yellow-500",
+        "shadow-[8px_8px_0px_#111] hover:shadow-[8px_-8px_0px_#444] transition-all duration-200 border-2 border-zinc-800 rounded-lg flex flex-col gap-2 py-6 cursor-pointer px-4 hover:text-yellow-500",
         center ? "justify-center items-center" : ""
       )}
     >
@@ -80,7 +80,9 @@ function HeroSection() {
 
       <div className="absolute top-0 bottom-0 left-0 right-0 -mt-16">
         <div className="mx-auto container">
-          <h2 className="text-4xl font-bold">Powerful Database Client</h2>
+          <h2 className="text-4xl font-bold text-white">
+            Powerful Database Client
+          </h2>
           <p className="max-w-[700px] mt-6 text-lg">
             LibSQL Studio is a fully-featured, lightweight GUI client for
             managing Turso, LibSQL, Cloudflare D1, rqlite, MySQL, and
@@ -101,7 +103,9 @@ function SupportDriver() {
   return (
     <div>
       <div className="container mx-auto py-12 px-8">
-        <div className="mb-4 font-semibold text-3xl">Supporting Drivers</div>
+        <div className="mb-4 font-semibold text-3xl text-white">
+          Supporting Drivers
+        </div>
 
         <p className="my-4 mb-8 max-w-[500px] text-zinc-400">
           We support a variety of databases, with more to come in the future.
@@ -115,12 +119,18 @@ function SupportDriver() {
 
           <DatabaseBlock center link="#">
             <PostgreIcon />
-            <div>PostgreSQL</div>
+            <span>PostgreSQL</span>
+            <span className="text-xs -mt-2 text-yellow-500">
+              Coming Soon 15th Sep 2024
+            </span>
           </DatabaseBlock>
 
           <DatabaseBlock center link="#">
             <MySQLIcon />
-            <div>MySQL</div>
+            <span>MySQL</span>
+            <span className="text-xs -mt-2 text-yellow-500">
+              Coming Soon 15th Sep 2024
+            </span>
           </DatabaseBlock>
 
           <DatabaseBlock center link="#">
@@ -136,7 +146,7 @@ function SupportDriver() {
 function FeatureList() {
   return (
     <div className="mx-auto container mt-12">
-      <div className="mb-4 font-semibold text-3xl">
+      <div className="mb-4 font-semibold text-3xl text-white">
         Modern Design and <br />
         Intuitive Interface
       </div>
@@ -155,7 +165,9 @@ function FeatureList() {
             />
           </video>
 
-          <h1 className="font-semibold text-lg mt-4">Powerful Data Editor</h1>
+          <h1 className="font-semibold text-lg mt-4 text-white">
+            Powerful Data Editor
+          </h1>
 
           <p className="mt-2 text-zinc-400">
             The handy data editor allows you to add, delete, and edit
@@ -172,7 +184,7 @@ function FeatureList() {
             />
           </video>
 
-          <h1 className="text-lg font-semibold mt-4">
+          <h1 className="text-lg font-semibold mt-4 text-white">
             Writing and Running SQL
           </h1>
 
@@ -191,7 +203,7 @@ function FeatureList() {
             />
           </video>
 
-          <h1 className="text-lg font-semibold mt-4">
+          <h1 className="text-lg font-semibold mt-4 text-white">
             Writing and Running SQL
           </h1>
 
@@ -210,7 +222,9 @@ function FeatureList() {
             />
           </video>
 
-          <h1 className="font-semibold text-lg mt-4">Create and Edit Table</h1>
+          <h1 className="font-semibold text-lg mt-4 text-white">
+            Create and Edit Table
+          </h1>
 
           <p className="mt-2 text-zinc-400">
             LibSQL Studio allows you to quickly create, modify, and remove table
@@ -225,7 +239,7 @@ function FeatureList() {
 function CommunitySection() {
   return (
     <div className="mx-auto container px-8 my-24">
-      <h1 className="mb-4 font-semibold text-3xl">Community</h1>
+      <h1 className="mb-4 font-semibold text-3xl text-white">Community</h1>
 
       <p className="mt-2 text-zinc-400 max-w-[500px] mb-8">
         Join our community for the latest updates, roadmap insights, and
diff --git a/src/app/globals.css b/src/app/globals.css
index e951034b..2a44e78c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -27,76 +27,76 @@ body {
 @layer base {
   :root {
     --background: #fff;
-    --foreground: 222.2 84% 4.9%;
+    --foreground: #444;
 
     --color-surface: #fff;
     --color-surface-hover: #eee;
 
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
+    --card: #fff;
+    --card-foreground: #444;
 
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
+    --popover: #fff;
+    --popover-foreground: #444;
 
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
+    --primary: black;
+    --primary-foreground: white;
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    --secondary: #f1f5f9;
+    --secondary-foreground: #444;
 
     --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --muted-foreground: #888;
 
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
+    --accent: #f1f5f9;
+    --accent-foreground: #444;
 
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
+    --destructive: #f1f5f9;
+    --destructive-foreground: red;
 
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
+    --border: #e2e8f0;
+    --input: #e2e8f0;
+    --ring: #ccc;
 
     --radius: 0.5rem;
 
-    --selected: rgb(229, 229, 229);
+    --selected: #e2e8f0;
     --scroll-bar: #e2e8f0;
   }
 
   .dark {
-    --background: black;
-    --foreground: 210 40% 98%;
+    --background: #181818;
+    --foreground: #aaa;
 
-    --color-surface: #1f1f1f;
+    --color-surface: black;
     --color-surface-hover: #3f3f3f;
 
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
+    --card: #222;
+    --card-foreground: #eee;
 
-    --popover: 200 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
+    --popover: #111;
+    --popover-foreground: #eee;
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
+    --primary: white;
+    --primary-foreground: black;
 
-    --secondary: 219 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
+    --secondary: #1f1f1f;
+    --secondary-foreground: #eee;
 
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
+    --muted: #333;
+    --muted-foreground: #888;
 
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
+    --accent: #2a2d2e;
+    --accent-foreground: #eee;
 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
+    --destructive: red;
+    --destructive-foreground: white;
 
-    --border: 210 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
+    --border: #2b2b2b;
+    --input: #333;
+    --ring: #444;
 
-    --selected: rgb(38, 38, 38);
-    --scroll-bar: #1e2d3b;
+    --selected: #222;
+    --scroll-bar: #353535;
   }
 }
 
@@ -242,7 +242,7 @@ body {
 }
 
 .dark .libsql-selected-row td {
-  @apply bg-gray-800;
+  @apply bg-selected;
 }
 
 .libsql-selected-row td {
diff --git a/src/components/gui/code-preview/index.tsx b/src/components/gui/code-preview/index.tsx
index a9526704..85089ba8 100644
--- a/src/components/gui/code-preview/index.tsx
+++ b/src/components/gui/code-preview/index.tsx
@@ -1,6 +1,6 @@
 export default function CodePreview({ code }: { code: string }) {
   return (
-    <code className="p-2 bg-gray-200 dark:bg-gray-900 block overflow-x-auto w-full text-sm">
+    <code className="p-2 bg-secondary block overflow-x-auto w-full text-sm">
       <pre>{code}</pre>
     </code>
   );
diff --git a/src/components/gui/providers/full-editor-provider.tsx b/src/components/gui/providers/full-editor-provider.tsx
index ee672675..2dfa3e83 100644
--- a/src/components/gui/providers/full-editor-provider.tsx
+++ b/src/components/gui/providers/full-editor-provider.tsx
@@ -52,7 +52,7 @@ function FullEditorSheet({ option }: { option: FullEditorOption }) {
         <div className="flex flex-col grow overflow-hidden">
           <div className="p-4 flex gap-2">
             <div className="grow" />
-            <Button onClick={option.onCancel} variant={"secondary"}>
+            <Button onClick={option.onCancel} variant={"destructive"}>
               Close
             </Button>
             <Button
diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index 07ee16b7..c92b10e1 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -49,7 +49,7 @@ function Header({
           }}
         >
           {header.icon ? <div className="mr-2">{header.icon}</div> : null}
-          <div className="grow line-clamp-1 font-mono">
+          <div className="grow line-clamp-1 font-mono font-bold">
             {header.displayName}
           </div>
           <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index 41d551b6..8df9285d 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -30,7 +30,7 @@ export const WindowTabItemButton = forwardRef<
   return (
     <button
       className={cn(
-        "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px] border-x border-t",
+        "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px] border-x border-t-2 border-t-yellow-500",
         "libsql-window-tab",
         isDragging && "z-20",
         isDragging && !selected && "bg-gray-200 dark:bg-gray-700 rounded-t",
diff --git a/src/components/gui/sql-editor/use-editor-theme.tsx b/src/components/gui/sql-editor/use-editor-theme.tsx
index 751ca5c1..0ca394e9 100644
--- a/src/components/gui/sql-editor/use-editor-theme.tsx
+++ b/src/components/gui/sql-editor/use-editor-theme.tsx
@@ -23,7 +23,7 @@ export default function useCodeEditorTheme({
           gutterBackground: "#fff",
           gutterForeground: "#4D4D4C",
           gutterBorder: "transparent",
-          lineHighlight: "#00000012",
+          lineHighlight: "var(--accent)",
           fontSize: fontSize + "rem",
           fontFamily:
             'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
@@ -53,7 +53,7 @@ export default function useCodeEditorTheme({
           caret: "#c6c6c6",
           selection: "#6199ff2f",
           selectionMatch: "#72a1ff59",
-          lineHighlight: "#ffffff0f",
+          lineHighlight: "var(--accent)",
           gutterBackground: "var(--background)",
           gutterForeground: "#838383",
           gutterActiveForeground: "#fff",
diff --git a/src/components/gui/table-optimized/TableHeader.tsx b/src/components/gui/table-optimized/TableHeader.tsx
index 193051de..ad97601e 100644
--- a/src/components/gui/table-optimized/TableHeader.tsx
+++ b/src/components/gui/table-optimized/TableHeader.tsx
@@ -23,7 +23,7 @@ export default function TableHeader({
 }) {
   const className = cn(
     sticky ? "sticky left-0 z-30" : undefined,
-    "dark:bg-gray-900 bg-gray-100"
+    "bg-background"
   );
 
   return (
diff --git a/src/components/gui/tabs/trigger-tab.tsx b/src/components/gui/tabs/trigger-tab.tsx
index 693c3e15..c2b95bae 100644
--- a/src/components/gui/tabs/trigger-tab.tsx
+++ b/src/components/gui/tabs/trigger-tab.tsx
@@ -34,7 +34,7 @@ export default function TriggerTab({ name }: { name: string }) {
   return (
     <div className="flex flex-col overflow-hidden w-full h-full">
       <div className="p-4 flex flex-col gap-2">
-        <div className="text-xs text-gray-800">Trigger Name</div>
+        <div className="text-xs">Trigger Name</div>
         <Input value={trigger?.name ?? ""} readOnly />
 
         <div className="flex gap-2">
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index b9c64aa7..8dfe558e 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -144,7 +144,7 @@ export default function WindowTabs({
               {menu ? (
                 <DropdownMenu modal={false}>
                   <DropdownMenuTrigger>
-                    <div className="px-3 py-2 border-b">
+                    <div className="px-3 py-2">
                       <LucidePlus className="w-4 h-4" />
                     </div>
                   </DropdownMenuTrigger>
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index cdcf8812..48191634 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -214,7 +214,7 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
                   {item.icon && (
                     <item.icon className={cn("w-4 h-4 mr-1", item.iconColor)} />
                   )}
-                  <div>
+                  <div className="text-xs">
                     <Highlight text={item.name} highlight={highlight} />
                     {item.badgeContent && (
                       <span
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index cc66c8ef..b1270c54 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -31,7 +31,7 @@ const SheetOverlay = React.forwardRef<
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 
 const sheetVariants = cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-50 gap-4 bg-card p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index acdd95d9..13a7bac6 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -125,7 +125,7 @@ function Footer() {
 
 export default function WebsiteLayout({ children }: PropsWithChildren) {
   return (
-    <main>
+    <main className="bg-black">
       <Topbar />
       {children}
       <Footer />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 55e45be0..aa063434 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -19,38 +19,38 @@ const config: Config = {
     },
     extend: {
       colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
+        border: "var(--border)",
+        input: "var(--input)",
+        ring: "var(--ring)",
         background: "var(--background)",
-        foreground: "hsl(var(--foreground))",
+        foreground: "var(--foreground)",
         primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
+          DEFAULT: "var(--primary)",
+          foreground: "var(--primary-foreground)",
         },
         secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
+          DEFAULT: "var(--secondary)",
+          foreground: "var(--secondary-foreground)",
         },
         destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
+          DEFAULT: "var(--destructive)",
+          foreground: "var(--destructive-foreground)",
         },
         muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
+          DEFAULT: "var(--muted)",
+          foreground: "var(--muted-foreground)",
         },
         accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
+          DEFAULT: "var(--accent)",
+          foreground: "var(--accent-foreground)",
         },
         popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
+          DEFAULT: "var(--popover)",
+          foreground: "var(--popover-foreground)",
         },
         card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
+          DEFAULT: "var(--card)",
+          foreground: "var(--card-foreground)",
         },
         selected: {
           DEFAULT: "var(--selected)",

From efd2a9db6c01d836268a1408e000ccac8705580c Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 24 Aug 2024 20:51:07 +0700
Subject: [PATCH 093/124] improve new website

---
 src/app/(public)/page.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 11124dd1..786fa2f8 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -179,19 +179,18 @@ function FeatureList() {
         <div>
           <video muted autoPlay loop className="lg:rounded-lg" playsInline>
             <source
-              src="https://r2.invisal.com/libsqlstudio-sql-query.mp4"
+              src="https://r2.invisal.com/libsqlstudio-saved-query3.mp4"
               type="video/mp4"
             />
           </video>
 
           <h1 className="text-lg font-semibold mt-4 text-white">
-            Writing and Running SQL
+            Saved Your Query
           </h1>
 
           <p className="mt-2 text-zinc-400">
-            LibSQL Studio features a user-friendly query editor equipped with
-            auto-completion and function hint tooltips. It allows you to execute
-            multiple queries simultaneously and view their results efficiently.
+            LibSQL Studio allows you to save your queries and organize them into
+            folders, with the ability to sync across multiple devices.
           </p>
         </div>
 

From ba9d3b4e9c4a608836291b51929c315e39645258 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 24 Aug 2024 21:05:21 +0700
Subject: [PATCH 094/124] prevent error during build if not specified database

---
 src/app/(public)/login/github/callback/route.ts |  1 -
 src/app/(public)/playground/page.tsx            | 10 ++++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/(public)/login/github/callback/route.ts b/src/app/(public)/login/github/callback/route.ts
index 5bcb2d70..56ec0c6f 100644
--- a/src/app/(public)/login/github/callback/route.ts
+++ b/src/app/(public)/login/github/callback/route.ts
@@ -52,7 +52,6 @@ export async function GET(request: Request): Promise<Response> {
       },
     });
   } catch (e) {
-    console.error(e);
     // the specific error message depends on the provider
     if (e instanceof OAuth2RequestError) {
       // invalid code
diff --git a/src/app/(public)/playground/page.tsx b/src/app/(public)/playground/page.tsx
index 7a44ba81..7a1aa3bc 100644
--- a/src/app/(public)/playground/page.tsx
+++ b/src/app/(public)/playground/page.tsx
@@ -13,8 +13,14 @@ export const metadata: Metadata = {
 };
 
 export default async function PlaygroundPage() {
-  const db = get_database();
-  const templateList = await db.select().from(dbDataset);
+  let templateList: (typeof dbDataset.$inferSelect)[] = [];
+
+  try {
+    const db = get_database();
+    templateList = await db.select().from(dbDataset);
+  } catch {
+    templateList = [];
+  }
 
   return (
     <WebsiteLayout>

From f507746ddaa74dd984085047e4871a3f82acc756 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Mon, 26 Aug 2024 08:49:23 +0700
Subject: [PATCH 095/124] dont shrink the list view icon

---
 src/components/listview/index.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index 48191634..f52384e8 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -82,7 +82,7 @@ function Indentation({ depth }: { depth: number }) {
   if (depth <= 0) return null;
 
   return new Array(depth).fill(false).map((_, idx: number) => {
-    return <div key={idx} className={cn("w-4")}></div>;
+    return <div key={idx} className={cn("w-4 flex-shrink-0")}></div>;
   });
 }
 
@@ -104,7 +104,7 @@ function CollapsedButton({
       )}
     </div>
   ) : (
-    <div className="w-4"></div>
+    <div className="w-4 flex-shrink-0"></div>
   );
 }
 
@@ -212,7 +212,12 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
                   )}
 
                   {item.icon && (
-                    <item.icon className={cn("w-4 h-4 mr-1", item.iconColor)} />
+                    <item.icon
+                      className={cn(
+                        "w-4 h-4 mr-1 flex-shrink-0",
+                        item.iconColor
+                      )}
+                    />
                   )}
                   <div className="text-xs">
                     <Highlight text={item.name} highlight={highlight} />

From 211f8ba3c69d47e61b4987a42cf51a0c68d1b819 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 5 Sep 2024 20:39:49 +0700
Subject: [PATCH 096/124] feat: add mysql driver (#147)

* trying to rework driver

* feat: add mysql driver init code

* mapping pk and autoincrement

* add attach support

* fix use sqlite driver

* rework auto completion

* add trigger with schema

* flat the schema if there is only one schema

* add schema list on table editor

* auto select schema name based on where create table is selected

* add disable edit create table flag

* everything should use schema name instead of "main" schema

* remove all console.log

* add proper error for iframe driver

* add better logging and mysql ignore system database

* fixing test case

* fixing the type
---
 package.json                                  |   2 +-
 src/app/(theme)/embed/mysql/page-client.tsx   |  22 ++
 src/app/(theme)/embed/mysql/page.tsx          |  37 +++
 src/app/(theme)/embed/sqlite/page-client.tsx  |   4 +-
 src/components/gui/database-gui.tsx           |  23 +-
 .../gui/schema-editor/column-fk-popup.tsx     |   4 +
 .../gui/schema-editor/column-provider.tsx     |   2 +-
 src/components/gui/schema-editor/index.tsx    |  85 +++---
 .../schema-editor-column-list.tsx             |  18 +-
 .../schema-editor-constraint-list.tsx         |  27 +-
 .../gui/schema-editor/schema-name-select.tsx  |  78 +++++
 .../gui/schema-editor/schema-save-dialog.tsx  |  21 +-
 src/components/gui/schema-sidebar-list.tsx    |  61 +++-
 src/components/gui/schema-sidebar.tsx         |   6 +-
 src/components/gui/sql-editor/index.tsx       |   4 +-
 src/components/gui/studio.tsx                 |  30 +-
 .../gui/table-cell/generic-cell.tsx           |  16 +-
 .../table-combobox/TableColumnCombobox.tsx    |   7 +-
 .../gui/table-combobox/TableCombobox.tsx      |   6 +-
 src/components/gui/tabs/query-tab.tsx         |   6 +-
 src/components/gui/tabs/schema-editor-tab.tsx |  28 +-
 src/components/gui/tabs/table-data-tab.tsx    |  13 +-
 src/components/gui/tabs/trigger-tab.tsx       |  18 +-
 src/components/lib/sql-execute-helper.ts      |   3 +-
 src/components/lib/sql-generate.schema.ts     |  14 +-
 src/components/lib/validation.test.ts         |  36 ++-
 src/components/listview/index.tsx             |   2 -
 src/context/schema-provider.tsx               |  41 ++-
 src/drivers/base-driver.ts                    |  48 +++-
 src/drivers/common-sql-imp.ts                 | 165 +++++++++++
 src/drivers/iframe-driver.ts                  |  50 +++-
 src/drivers/mysql/mysql-driver.ts             | 154 ++++++++++
 src/drivers/query-builder.ts                  | 107 +++++++
 src/drivers/sqlite-base-driver.ts             | 272 ++++--------------
 src/drivers/sqlite/sql-helper.test.ts         |  37 ---
 src/drivers/sqlite/sql-helper.ts              |  69 -----
 src/drivers/sqlite/sql-parse-table.test.ts    |  10 +-
 src/drivers/sqlite/sql-parse-table.ts         |  46 +--
 src/messages/open-tab.tsx                     |  20 +-
 39 files changed, 1091 insertions(+), 501 deletions(-)
 create mode 100644 src/app/(theme)/embed/mysql/page-client.tsx
 create mode 100644 src/app/(theme)/embed/mysql/page.tsx
 create mode 100644 src/components/gui/schema-editor/schema-name-select.tsx
 create mode 100644 src/drivers/common-sql-imp.ts
 create mode 100644 src/drivers/mysql/mysql-driver.ts
 create mode 100644 src/drivers/query-builder.ts

diff --git a/package.json b/package.json
index da5a57ec..fa5b8e6c 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.6.4",
   "private": false,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 3008",
     "dev-https": "next dev --experimental-https",
     "build": "next build",
     "build-with-migrate": "npm run db:migrate && next build",
diff --git a/src/app/(theme)/embed/mysql/page-client.tsx b/src/app/(theme)/embed/mysql/page-client.tsx
new file mode 100644
index 00000000..f1c58874
--- /dev/null
+++ b/src/app/(theme)/embed/mysql/page-client.tsx
@@ -0,0 +1,22 @@
+"use client";
+import { Studio } from "@/components/gui/studio";
+import { IframeMySQLDriver } from "@/drivers/iframe-driver";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useMemo } from "react";
+
+export default function EmbedPageClient() {
+  const searchParams = useSearchParams();
+  const driver = useMemo(() => new IframeMySQLDriver(), []);
+
+  useEffect(() => {
+    return driver.listen();
+  }, [driver]);
+
+  return (
+    <Studio
+      driver={driver}
+      name={searchParams.get("name") || "Unnamed Connection"}
+      color={searchParams.get("color") || "gray"}
+    />
+  );
+}
diff --git a/src/app/(theme)/embed/mysql/page.tsx b/src/app/(theme)/embed/mysql/page.tsx
new file mode 100644
index 00000000..abe190a1
--- /dev/null
+++ b/src/app/(theme)/embed/mysql/page.tsx
@@ -0,0 +1,37 @@
+import ThemeLayout from "../../theme_layout";
+import EmbedPageClient from "./page-client";
+
+export default async function EmbedPage(props: {
+  searchParams: {
+    theme?: string;
+    disableThemeToggle?: string;
+    [key: string]: any;
+  };
+}) {
+  let overrideTheme: "dark" | "light" | undefined = undefined;
+  const disableToggle = props.searchParams.disableThemeToggle === "1";
+
+  if (props.searchParams.theme) {
+    overrideTheme = props.searchParams.theme === "dark" ? "dark" : "light";
+  }
+
+  const overrideThemeVariables: Record<string, string> = {};
+
+  for (const key in props.searchParams) {
+    if (!key.startsWith("themeVariables[")) {
+      continue;
+    }
+
+    overrideThemeVariables[key.slice(15, -1)] = props.searchParams[key];
+  }
+
+  return (
+    <ThemeLayout
+      overrideTheme={overrideTheme}
+      disableToggle={disableToggle}
+      overrideThemeVariables={overrideThemeVariables}
+    >
+      <EmbedPageClient />
+    </ThemeLayout>
+  );
+}
diff --git a/src/app/(theme)/embed/sqlite/page-client.tsx b/src/app/(theme)/embed/sqlite/page-client.tsx
index db8cc506..63c1bbe1 100644
--- a/src/app/(theme)/embed/sqlite/page-client.tsx
+++ b/src/app/(theme)/embed/sqlite/page-client.tsx
@@ -1,12 +1,12 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
-import IframeDriver from "@/drivers/iframe-driver";
+import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
 export default function EmbedPageClient() {
   const searchParams = useSearchParams();
-  const driver = useMemo(() => new IframeDriver(), []);
+  const driver = useMemo(() => new IframeSQLiteDriver(), []);
 
   useEffect(() => {
     return driver.listen();
diff --git a/src/components/gui/database-gui.tsx b/src/components/gui/database-gui.tsx
index 0300a494..b5670cf6 100644
--- a/src/components/gui/database-gui.tsx
+++ b/src/components/gui/database-gui.tsx
@@ -23,6 +23,7 @@ import SettingSidebar from "./sidebar/setting-sidebar";
 
 import { useDatabaseDriver } from "@/context/driver-provider";
 import SavedDocTab from "./sidebar/saved-doc-tab";
+import { useSchema } from "@/context/schema-provider";
 
 export default function DatabaseGui() {
   const DEFAULT_WIDTH = 300;
@@ -33,8 +34,10 @@ export default function DatabaseGui() {
     setDefaultWidthPercentage((DEFAULT_WIDTH / window.innerWidth) * 100);
   }, []);
 
-  const { collaborationDriver, docDriver } = useDatabaseDriver();
+  const { databaseDriver, collaborationDriver, docDriver } =
+    useDatabaseDriver();
   const [selectedTabIndex, setSelectedTabIndex] = useState(0);
+  const { currentSchemaName } = useSchema();
   const [tabs, setTabs] = useState<WindowTabItemProps[]>(() => [
     {
       title: "Query",
@@ -119,14 +122,16 @@ export default function DatabaseGui() {
           openTab({ type: "query" });
         },
       },
-      {
-        text: "New Table",
-        onClick: () => {
-          openTab({ type: "schema" });
-        },
-      },
-    ];
-  }, []);
+      databaseDriver.getFlags().supportCreateUpdateTable
+        ? {
+            text: "New Table",
+            onClick: () => {
+              openTab({ type: "schema", schemaName: currentSchemaName });
+            },
+          }
+        : undefined,
+    ].filter(Boolean) as { text: string; onClick: () => void }[];
+  }, [currentSchemaName, databaseDriver]);
 
   return (
     <div className="h-screen w-screen flex flex-col">
diff --git a/src/components/gui/schema-editor/column-fk-popup.tsx b/src/components/gui/schema-editor/column-fk-popup.tsx
index 459bf1de..6033eed7 100644
--- a/src/components/gui/schema-editor/column-fk-popup.tsx
+++ b/src/components/gui/schema-editor/column-fk-popup.tsx
@@ -11,9 +11,11 @@ import { Separator } from "../../ui/separator";
 export default function ColumnForeignKeyPopup({
   constraint,
   disabled,
+  schemaName,
   onChange,
 }: Readonly<{
   constraint: DatabaseForeignKeyClause;
+  schemaName: string;
   disabled: boolean;
   onChange: ColumnChangeEvent;
 }>) {
@@ -33,6 +35,7 @@ export default function ColumnForeignKeyPopup({
           <div className="flex flex-col gap-2 mt-2">
             <Label className="text-xs font-normal">Foreign Table Name</Label>
             <TableCombobox
+              schemaName={schemaName}
               value={constraint.foreignTableName}
               disabled={disabled}
               onChange={(newTable) => {
@@ -64,6 +67,7 @@ export default function ColumnForeignKeyPopup({
                     },
                   });
                 }}
+                schemaName={schemaName}
                 tableName={constraint.foreignTableName}
               />
             </div>
diff --git a/src/components/gui/schema-editor/column-provider.tsx b/src/components/gui/schema-editor/column-provider.tsx
index f47a05a2..451b054b 100644
--- a/src/components/gui/schema-editor/column-provider.tsx
+++ b/src/components/gui/schema-editor/column-provider.tsx
@@ -1,5 +1,5 @@
+import { DatabaseTableColumnChange } from "@/drivers/base-driver";
 import { PropsWithChildren, createContext, useContext } from "react";
-import { DatabaseTableColumnChange } from ".";
 
 const ColumnContext = createContext<{ columns: DatabaseTableColumnChange[] }>({
   columns: [],
diff --git a/src/components/gui/schema-editor/index.tsx b/src/components/gui/schema-editor/index.tsx
index dc5a3d1c..adb4045f 100644
--- a/src/components/gui/schema-editor/index.tsx
+++ b/src/components/gui/schema-editor/index.tsx
@@ -4,39 +4,15 @@ import { Dispatch, SetStateAction, useCallback, useMemo } from "react";
 import { Button, buttonVariants } from "../../ui/button";
 import SchemaEditorColumnList from "./schema-editor-column-list";
 import { Input } from "../../ui/input";
-import generateSqlSchemaChange, {
-  checkSchemaChange,
-} from "@/components/lib/sql-generate.schema";
-import {
-  DatabaseTableColumn,
-  DatabaseTableColumnConstraint,
-} from "@/drivers/base-driver";
+import { checkSchemaChange } from "@/components/lib/sql-generate.schema";
 import SchemaEditorConstraintList from "./schema-editor-constraint-list";
 import { ColumnsProvider } from "./column-provider";
 import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
 import CodePreview from "../code-preview";
 import { toast } from "sonner";
-
-export interface DatabaseTableColumnChange {
-  old: DatabaseTableColumn | null;
-  new: DatabaseTableColumn | null;
-}
-
-export interface DatabaseTableConstraintChange {
-  id: string;
-  old: DatabaseTableColumnConstraint | null;
-  new: DatabaseTableColumnConstraint | null;
-}
-
-export interface DatabaseTableSchemaChange {
-  name: {
-    old?: string;
-    new?: string;
-  };
-  columns: DatabaseTableColumnChange[];
-  constraints: DatabaseTableConstraintChange[];
-  createScript?: string;
-}
+import { DatabaseTableSchemaChange } from "@/drivers/base-driver";
+import { useDatabaseDriver } from "@/context/driver-provider";
+import SchemaNameSelect from "./schema-name-select";
 
 interface Props {
   onSave: () => void;
@@ -51,6 +27,7 @@ export default function SchemaEditor({
   onSave,
   onDiscard,
 }: Readonly<Props>) {
+  const { databaseDriver } = useDatabaseDriver();
   const isCreateScript = value.name.old === "";
 
   const onAddColumn = useCallback(() => {
@@ -84,8 +61,8 @@ export default function SchemaEditor({
   const hasChange = checkSchemaChange(value);
 
   const previewScript = useMemo(() => {
-    return generateSqlSchemaChange(value).join("\n");
-  }, [value]);
+    return databaseDriver.createUpdateTableSchema(value).join("\n");
+  }, [value, databaseDriver]);
 
   return (
     <div className="w-full h-full flex flex-col">
@@ -94,7 +71,7 @@ export default function SchemaEditor({
           <Button
             variant="ghost"
             onClick={onSave}
-            disabled={!hasChange || !value.name?.new}
+            disabled={!hasChange || !value.name?.new || !value.schemaName}
             size={"sm"}
           >
             <LucideSave className="w-4 h-4 mr-2" />
@@ -173,22 +150,34 @@ export default function SchemaEditor({
           )}
         </div>
 
-        <div className="flex items-center mx-3 mt-1 mb-2 ml-5 gap-2">
-          <div className="text-xs flex items-center justify-center">Name</div>
-          <Input
-            placeholder="Table Name"
-            value={value.name.new ?? value.name.old ?? ""}
-            onChange={(e) => {
-              onChange({
-                ...value,
-                name: {
-                  ...value.name,
-                  new: e.currentTarget.value,
-                },
-              });
-            }}
-            className="w-[200px]"
-          />
+        <div className="flex items-center mx-3 mt-3 mb-4 ml-5 gap-2">
+          <div>
+            <div className="text-xs font-medium mb-1">Table Name</div>
+            <Input
+              placeholder="Table Name"
+              value={value.name.new ?? value.name.old ?? ""}
+              onChange={(e) => {
+                onChange({
+                  ...value,
+                  name: {
+                    ...value.name,
+                    new: e.currentTarget.value,
+                  },
+                });
+              }}
+              className="w-[200px]"
+            />
+          </div>
+          <div>
+            <div className="text-xs font-medium mb-1">Schema</div>
+            <SchemaNameSelect
+              readonly={!isCreateScript}
+              value={value.schemaName}
+              onChange={(selectedSchema) => {
+                onChange({ ...value, schemaName: selectedSchema });
+              }}
+            />
+          </div>
         </div>
         <Separator />
       </div>
@@ -197,9 +186,11 @@ export default function SchemaEditor({
           columns={value.columns}
           onChange={onChange}
           onAddColumn={onAddColumn}
+          schemaName={value.schemaName}
         />
         <ColumnsProvider value={value.columns}>
           <SchemaEditorConstraintList
+            schemaName={value.schemaName}
             constraints={value.constraints}
             onChange={onChange}
             disabled={!isCreateScript}
diff --git a/src/components/gui/schema-editor/schema-editor-column-list.tsx b/src/components/gui/schema-editor/schema-editor-column-list.tsx
index 3d4f222a..f67de987 100644
--- a/src/components/gui/schema-editor/schema-editor-column-list.tsx
+++ b/src/components/gui/schema-editor/schema-editor-column-list.tsx
@@ -1,4 +1,3 @@
-import { DatabaseTableColumnChange, DatabaseTableSchemaChange } from ".";
 import { Dispatch, SetStateAction, useCallback } from "react";
 import {
   DropdownMenu,
@@ -22,7 +21,9 @@ import ColumnDefaultValueInput from "./column-default-value-input";
 import { checkSchemaColumnChange } from "@/components/lib/sql-generate.schema";
 import {
   DatabaseTableColumn,
+  DatabaseTableColumnChange,
   DatabaseTableColumnConstraint,
+  DatabaseTableSchemaChange,
   TableColumnDataType,
 } from "@/drivers/base-driver";
 import { cn } from "@/lib/utils";
@@ -83,10 +84,12 @@ function changeColumnOnIndex(
 function ColumnItem({
   value,
   idx,
+  schemaName,
   onChange,
 }: {
   value: DatabaseTableColumnChange;
   idx: number;
+  schemaName?: string;
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
 }) {
   const disabled = !!value.old;
@@ -197,11 +200,12 @@ function ColumnItem({
             />
           )}
 
-          {column.constraint?.foreignKey && (
+          {column.constraint?.foreignKey && schemaName && (
             <ColumnForeignKeyPopup
               constraint={column.constraint.foreignKey}
               disabled={disabled}
               onChange={change}
+              schemaName={schemaName}
             />
           )}
 
@@ -293,10 +297,12 @@ function ColumnItem({
 export default function SchemaEditorColumnList({
   columns,
   onChange,
+  schemaName,
   onAddColumn,
 }: Readonly<{
   columns: DatabaseTableColumnChange[];
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
+  schemaName?: string;
   onAddColumn: () => void;
 }>) {
   const headerStyle = "text-xs p-2 text-left bg-secondary border";
@@ -317,7 +323,13 @@ export default function SchemaEditorColumnList({
         </thead>
         <tbody>
           {columns.map((col, idx) => (
-            <ColumnItem idx={idx} value={col} key={idx} onChange={onChange} />
+            <ColumnItem
+              idx={idx}
+              value={col}
+              key={idx}
+              onChange={onChange}
+              schemaName={schemaName}
+            />
           ))}
         </tbody>
         <tfoot>
diff --git a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
index e10f709c..09958970 100644
--- a/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
+++ b/src/components/gui/schema-editor/schema-editor-constraint-list.tsx
@@ -1,4 +1,8 @@
-import { DatabaseTableColumnConstraint } from "@/drivers/base-driver";
+import {
+  DatabaseTableColumnConstraint,
+  DatabaseTableConstraintChange,
+  DatabaseTableSchemaChange,
+} from "@/drivers/base-driver";
 import { cn } from "@/lib/utils";
 import {
   LucideArrowUpRight,
@@ -8,7 +12,6 @@ import {
   LucideShieldPlus,
   LucideTrash2,
 } from "lucide-react";
-import { DatabaseTableConstraintChange, DatabaseTableSchemaChange } from ".";
 import TableCombobox from "../table-combobox/TableCombobox";
 import {
   DropdownMenu,
@@ -67,13 +70,15 @@ function ColumnForeignKey({
   constraint,
   onChange,
   disabled,
+  schemaName,
 }: Readonly<{
   constraint: DatabaseTableColumnConstraint;
   onChange: ConstraintChangeHandler;
   disabled?: boolean;
+  schemaName: string;
 }>) {
   const { columns } = useColumnList();
-  const { currentSchema } = useSchema();
+  const { schema } = useSchema();
 
   const columnMemo = useMemo(() => {
     return [...new Set(columns.map((c) => c.new?.name ?? c.old?.name ?? ""))];
@@ -83,7 +88,7 @@ function ColumnForeignKey({
     const fkTableName = constraint.foreignKey?.foreignTableName;
 
     if (fkTableName) {
-      const fkTableSchema = currentSchema.find(
+      const fkTableSchema = (schema[schemaName] ?? []).find(
         (s) => s.type === "table" && s.name === fkTableName
       );
 
@@ -93,7 +98,7 @@ function ColumnForeignKey({
     }
 
     return [];
-  }, [constraint, currentSchema]);
+  }, [constraint, schemaName, schema]);
 
   const onConstraintChange = useCallback(
     (newColumn: string[]) => {
@@ -134,6 +139,7 @@ function ColumnForeignKey({
       <td className="border">
         <TableCombobox
           borderless
+          schemaName={schemaName}
           disabled={disabled}
           onChange={onFkTableNameChange}
           value={constraint.foreignKey?.foreignTableName}
@@ -284,12 +290,14 @@ function RemovableConstraintItem({
 
 function ColumnItemBody({
   onChange,
+  schemaName,
   constraint,
   disabled,
 }: PropsWithChildren<{
   idx: number;
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
   constraint: DatabaseTableConstraintChange;
+  schemaName?: string;
   disabled?: boolean;
 }>) {
   const onChangeConstraint = useCallback(
@@ -312,12 +320,13 @@ function ColumnItemBody({
   const currentConstraint = constraint.new ?? constraint.old;
   if (!currentConstraint) return null;
 
-  if (currentConstraint.foreignKey) {
+  if (currentConstraint.foreignKey && schemaName) {
     return (
       <ColumnForeignKey
         disabled={disabled}
         constraint={currentConstraint}
         onChange={onChangeConstraint}
+        schemaName={schemaName}
       />
     );
   }
@@ -359,12 +368,14 @@ function ColumnItem({
   constraint,
   onChange,
   idx,
+  schemaName,
   disabled,
 }: Readonly<{
   constraint: DatabaseTableConstraintChange;
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
   idx: number;
   disabled?: boolean;
+  schemaName?: string;
 }>) {
   return (
     <RemovableConstraintItem idx={idx} onChange={onChange}>
@@ -372,6 +383,7 @@ function ColumnItem({
         constraint={constraint}
         onChange={onChange}
         idx={idx}
+        schemaName={schemaName}
         disabled={disabled}
       />
     </RemovableConstraintItem>
@@ -381,10 +393,12 @@ function ColumnItem({
 export default function SchemaEditorConstraintList({
   constraints,
   onChange,
+  schemaName,
   disabled,
 }: Readonly<{
   constraints: DatabaseTableConstraintChange[];
   onChange: Dispatch<SetStateAction<DatabaseTableSchemaChange>>;
+  schemaName?: string;
   disabled?: boolean;
 }>) {
   const headerClassName = "text-xs p-2 text-left bg-secondary border";
@@ -426,6 +440,7 @@ export default function SchemaEditorConstraintList({
                 constraint={constraint}
                 onChange={onChange}
                 disabled={disabled}
+                schemaName={schemaName}
               />
             );
           })}
diff --git a/src/components/gui/schema-editor/schema-name-select.tsx b/src/components/gui/schema-editor/schema-name-select.tsx
new file mode 100644
index 00000000..defada25
--- /dev/null
+++ b/src/components/gui/schema-editor/schema-name-select.tsx
@@ -0,0 +1,78 @@
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useSchema } from "@/context/schema-provider";
+import { cn } from "@/lib/utils";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { useState } from "react";
+
+interface SchemaNameSelectProps {
+  value?: string;
+  onChange: (value: string) => void;
+  readonly?: boolean;
+}
+
+export default function SchemaNameSelect({
+  onChange,
+  value,
+  readonly,
+}: SchemaNameSelectProps) {
+  const { schema } = useSchema();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger>
+        <Button
+          variant={"outline"}
+          role="combobox"
+          className="w-[200px] justify-between"
+          disabled={readonly}
+        >
+          {value || "Select schema"}
+          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput placeholder="Search schema" />
+          <CommandList>
+            <CommandEmpty>No matched schema</CommandEmpty>
+            <CommandGroup>
+              {Object.keys(schema).map((s) => (
+                <CommandItem
+                  key={s}
+                  value={s}
+                  disabled={readonly}
+                  onSelect={() => {
+                    onChange(s);
+                    setOpen(false);
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      value === s ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {s}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/src/components/gui/schema-editor/schema-save-dialog.tsx b/src/components/gui/schema-editor/schema-save-dialog.tsx
index 7d31192a..5994b776 100644
--- a/src/components/gui/schema-editor/schema-save-dialog.tsx
+++ b/src/components/gui/schema-editor/schema-save-dialog.tsx
@@ -3,6 +3,7 @@ import {
   AlertDialogCancel,
   AlertDialogContent,
   AlertDialogFooter,
+  AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
 import CodePreview from "../code-preview";
 import { Button } from "@/components/ui/button";
@@ -12,12 +13,12 @@ import {
   LucideSave,
   LucideTableProperties,
 } from "lucide-react";
-import { DatabaseTableSchemaChange } from ".";
 import { useTabsContext } from "../windows-tab";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { useSchema } from "@/context/schema-provider";
 import { useCallback, useState } from "react";
 import SchemaEditorTab from "../tabs/schema-editor-tab";
+import { DatabaseTableSchemaChange } from "@/drivers/base-driver";
 
 export default function SchemaSaveDialog({
   schema,
@@ -28,7 +29,7 @@ export default function SchemaSaveDialog({
   schema: DatabaseTableSchemaChange;
   previewScript: string[];
   onClose: () => void;
-  fetchTable: (tableName: string) => Promise<void>;
+  fetchTable: (schemeName: string, tableName: string) => Promise<void>;
 }) {
   const { databaseDriver } = useDatabaseDriver();
   const { refresh: refreshSchema } = useSchema();
@@ -44,14 +45,22 @@ export default function SchemaSaveDialog({
         if (schema.name.new !== schema.name.old) {
           refreshSchema();
           replaceCurrentTab({
-            component: <SchemaEditorTab tableName={schema.name.new} />,
+            component: (
+              <SchemaEditorTab
+                tableName={schema.name.new}
+                schemaName={schema.schemaName}
+              />
+            ),
             key: "_schema_" + schema.name.new,
             identifier: "_schema_" + schema.name.new,
             title: "Edit " + schema.name.new,
             icon: LucideTableProperties,
           });
-        } else if (schema.name.old) {
-          fetchTable(schema.name?.new || schema.name?.old || "").then(onClose);
+        } else if (schema.name.old && schema.schemaName) {
+          fetchTable(
+            schema.schemaName,
+            schema.name?.new || schema.name?.old || ""
+          ).then(onClose);
         }
       })
       .catch((err) => setErrorMessage((err as Error).message))
@@ -71,6 +80,8 @@ export default function SchemaSaveDialog({
   return (
     <AlertDialog open onOpenChange={onClose}>
       <AlertDialogContent>
+        <AlertDialogTitle>Preview</AlertDialogTitle>
+
         {errorMessage && (
           <div className="text-sm text-red-500 font-mono flex gap-4 justify-end items-end">
             <LucideAlertCircle className="w-12 h-12" />
diff --git a/src/components/gui/schema-sidebar-list.tsx b/src/components/gui/schema-sidebar-list.tsx
index 597f6773..d6813a3b 100644
--- a/src/components/gui/schema-sidebar-list.tsx
+++ b/src/components/gui/schema-sidebar-list.tsx
@@ -1,10 +1,11 @@
-import { LucideCog, LucideView, Table2 } from "lucide-react";
+import { LucideCog, LucideDatabase, LucideView, Table2 } from "lucide-react";
 import { OpenContextMenuList } from "@/messages/open-context-menu";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { openTab } from "@/messages/open-tab";
 import { DatabaseSchemaItem } from "@/drivers/base-driver";
 import { useSchema } from "@/context/schema-provider";
 import { ListView, ListViewItem } from "../listview";
+import { useDatabaseDriver } from "@/context/driver-provider";
 
 interface SchemaListProps {
   search: string;
@@ -29,7 +30,7 @@ function prepareListViewItem(
       data: s,
       icon: icon,
       iconColor: iconClassName,
-      key: s.name,
+      key: s.schemaName + "." + s.name,
       name: s.name,
     };
   });
@@ -87,10 +88,21 @@ function groupByFtsTable(items: ListViewItem<DatabaseSchemaItem>[]) {
   return items.filter((item) => !excludes.has(item.data.name));
 }
 
+function flattenSchemaGroup(
+  schemaGroup: ListViewItem<DatabaseSchemaItem>[]
+): ListViewItem<DatabaseSchemaItem>[] {
+  if (schemaGroup.length === 1) return schemaGroup[0].children ?? [];
+  return schemaGroup;
+}
+
 export default function SchemaList({ search }: Readonly<SchemaListProps>) {
+  const { databaseDriver } = useDatabaseDriver();
   const [selected, setSelected] = useState("");
-  const [collapsed, setCollapsed] = useState(new Set<string>());
-  const { refresh, currentSchema } = useSchema();
+  const { refresh, schema, currentSchemaName } = useSchema();
+
+  const [collapsed, setCollapsed] = useState(() => {
+    return new Set<string>();
+  });
 
   useEffect(() => {
     setSelected("");
@@ -110,37 +122,56 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
           },
         },
         { separator: true },
-        {
+        databaseDriver.getFlags().supportCreateUpdateTable && {
           title: "Create New Table",
           onClick: () => {
             openTab({
               type: "schema",
+              schemaName: item?.schemaName ?? currentSchemaName,
             });
           },
         },
-        isTable
+        isTable && databaseDriver.getFlags().supportCreateUpdateTable
           ? {
               title: "Edit Table",
               onClick: () => {
                 openTab({
                   tableName: item?.name,
                   type: "schema",
+                  schemaName: item?.schemaName ?? "",
                 });
               },
             }
           : undefined,
-        { separator: true },
+        databaseDriver.getFlags().supportCreateUpdateTable
+          ? { separator: true }
+          : undefined,
         { title: "Refresh", onClick: () => refresh() },
       ].filter(Boolean) as OpenContextMenuList;
     },
-    [refresh]
+    [refresh, databaseDriver, currentSchemaName]
   );
 
-  const filteredSchema = useMemo(() => {
-    return groupByFtsTable(
-      groupTriggerByTable(prepareListViewItem(currentSchema))
-    );
-  }, [currentSchema]);
+  const listViewItems = useMemo(() => {
+    const r = Object.entries(schema).map(([s, tables]) => {
+      return {
+        data: { type: "schema", schemaName: s },
+        icon: LucideDatabase,
+        name: s,
+        key: s.toString(),
+        children: groupByFtsTable(
+          groupTriggerByTable(prepareListViewItem(tables))
+        ),
+      } as ListViewItem<DatabaseSchemaItem>;
+    });
+
+    if (databaseDriver.getFlags().optionalSchema) {
+      // For SQLite, the default schema is main and
+      // it is optional.
+      return flattenSchemaGroup(r);
+    }
+    return r;
+  }, [schema, databaseDriver]);
 
   const filterCallback = useCallback(
     (item: ListViewItem<DatabaseSchemaItem>) => {
@@ -155,7 +186,7 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
       full
       filter={filterCallback}
       highlight={search}
-      items={filteredSchema}
+      items={listViewItems}
       collapsedKeys={collapsed}
       onCollapsedChange={setCollapsed}
       onContextMenu={(item) => prepareContextMenu(item?.data)}
@@ -165,11 +196,13 @@ export default function SchemaList({ search }: Readonly<SchemaListProps>) {
         if (item.data.type === "table" || item.data.type === "view") {
           openTab({
             type: "table",
+            schemaName: item.data.schemaName ?? "",
             tableName: item.data.name,
           });
         } else if (item.data.type === "trigger") {
           openTab({
             type: "trigger",
+            schemaName: item.data.schemaName,
             name: item.name,
           });
         }
diff --git a/src/components/gui/schema-sidebar.tsx b/src/components/gui/schema-sidebar.tsx
index 03bad6f5..a95d8b2b 100644
--- a/src/components/gui/schema-sidebar.tsx
+++ b/src/components/gui/schema-sidebar.tsx
@@ -4,14 +4,18 @@ import SchemaList from "./schema-sidebar-list";
 import ListButtonItem from "./list-button-item";
 import { Separator } from "../ui/separator";
 import { openTab } from "@/messages/open-tab";
+import { useSchema } from "@/context/schema-provider";
 
 export default function SchemaView() {
   const [search, setSearch] = useState("");
+  const { currentSchemaName } = useSchema();
+
   const onNewTable = useCallback(() => {
     openTab({
       type: "schema",
+      schemaName: currentSchemaName,
     });
-  }, []);
+  }, [currentSchemaName]);
 
   return (
     <div className="flex flex-col overflow-hidden grow">
diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index 5d8b52ae..febd12e0 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -7,7 +7,7 @@ import {
   completionStatus,
   startCompletion,
 } from "@codemirror/autocomplete";
-import { sql } from "@codemirror/lang-sql";
+import { sql, SQLNamespace } from "@codemirror/lang-sql";
 import { forwardRef, KeyboardEventHandler, useMemo } from "react";
 
 import { defaultKeymap, insertTab } from "@codemirror/commands";
@@ -24,7 +24,7 @@ interface SqlEditorProps {
   value: string;
   readOnly?: boolean;
   onChange?: (value: string) => void;
-  schema?: Record<string, string[]>;
+  schema?: SQLNamespace;
   onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
   fontSize?: number;
   onFontSizeChanged?: (fontSize: number) => void;
diff --git a/src/components/gui/studio.tsx b/src/components/gui/studio.tsx
index 800dd567..7cb6d836 100644
--- a/src/components/gui/studio.tsx
+++ b/src/components/gui/studio.tsx
@@ -3,7 +3,7 @@ import MainScreen from "@/components/gui/main-connection";
 import { ConfigProvider } from "@/context/config-provider";
 import { DriverProvider } from "@/context/driver-provider";
 import type { BaseDriver } from "@/drivers/base-driver";
-import { ReactElement } from "react";
+import { ReactElement, useMemo } from "react";
 import OptimizeTableState from "@/components/gui/table-optimized/OptimizeTableState";
 import { StudioContextMenuItem } from "@/messages/open-context-menu";
 import { CollaborationBaseDriver } from "@/drivers/collaboration-driver-base";
@@ -36,9 +36,35 @@ export function Studio({
   sideBarFooterComponent,
   onBack,
 }: Readonly<StudioProps>) {
+  const proxyDriver = useMemo(() => {
+    return new Proxy(driver, {
+      get(...arg) {
+        const [target, property] = arg;
+
+        if (property === "query") {
+          return async (statement: string) => {
+            console.group("Query");
+            console.info(`%c${statement}`, "color:#e67e22");
+            console.groupEnd();
+            return await target.query(statement);
+          };
+        } else if (property === "transaction") {
+          return async (statements: string[]) => {
+            console.group("Transaction");
+            statements.forEach((s) => console.log(`%c${s}`, "color:#e67e22"));
+            console.groupEnd();
+            return await target.transaction(statements);
+          };
+        }
+
+        return Reflect.get(...arg);
+      },
+    });
+  }, [driver]);
+
   return (
     <DriverProvider
-      driver={driver}
+      driver={proxyDriver}
       collaborationDriver={collaboration}
       docDriver={docDriver}
     >
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 81cfc240..21be342a 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -36,21 +36,27 @@ interface TableCellProps<T = unknown> {
 }
 
 interface SneakpeakProps {
+  fkSchemaName: string;
   fkTableName: string;
   fkColumnName: string;
   value: DatabaseValue;
 }
 
-function SnippetRow({ fkTableName, fkColumnName, value }: SneakpeakProps) {
+function SnippetRow({
+  fkSchemaName,
+  fkTableName,
+  fkColumnName,
+  value,
+}: SneakpeakProps) {
   const { databaseDriver } = useDatabaseDriver();
   const [data, setData] = useState<DatabaseResultSet>();
 
   useEffect(() => {
     databaseDriver
-      .findFirst(fkTableName, { [fkColumnName]: value })
+      .findFirst(fkSchemaName, fkTableName, { [fkColumnName]: value })
       .then(setData)
       .catch(console.error);
-  }, [databaseDriver, fkTableName, fkColumnName, value]);
+  }, [databaseDriver, fkSchemaName, fkTableName, fkColumnName, value]);
 
   if (!data) {
     return (
@@ -203,11 +209,13 @@ export default function GenericCell({
   const fkContent = useMemo(() => {
     if (
       header.foreignKey?.foreignTableName &&
-      header.foreignKey.foreignColumns
+      header.foreignKey.foreignColumns &&
+      header.foreignKey?.foreignSchemaName
     ) {
       return (
         <div className="flex items-center shrink-0 cursor-pointer ml-2">
           <ForeignKeyColumnSnippet
+            fkSchemaName={header.foreignKey.foreignSchemaName}
             fkColumnName={header.foreignKey.foreignColumns[0] as string}
             fkTableName={header.foreignKey.foreignTableName}
             value={value}
diff --git a/src/components/gui/table-combobox/TableColumnCombobox.tsx b/src/components/gui/table-combobox/TableColumnCombobox.tsx
index 9008faba..fa61ab3b 100644
--- a/src/components/gui/table-combobox/TableColumnCombobox.tsx
+++ b/src/components/gui/table-combobox/TableColumnCombobox.tsx
@@ -17,9 +17,11 @@ import { useDatabaseDriver } from "@/context/driver-provider";
 export default function TableColumnCombobox({
   value,
   tableName,
+  schemaName,
   onChange,
   disabled,
 }: Readonly<{
+  schemaName: string;
   tableName: string;
   value?: string;
   onChange: (value: string) => void;
@@ -32,11 +34,12 @@ export default function TableColumnCombobox({
   useEffect(() => {
     if (tableName) {
       databaseDriver
-        .tableSchema(tableName)
+        .tableSchema(schemaName, tableName)
         .then(setSchema)
         .catch(() => {
           setSchema({
             tableName,
+            schemaName,
             columns: [],
             pk: [],
             autoIncrement: false,
@@ -44,7 +47,7 @@ export default function TableColumnCombobox({
           });
         });
     }
-  }, [tableName, databaseDriver]);
+  }, [schemaName, tableName, databaseDriver]);
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
diff --git a/src/components/gui/table-combobox/TableCombobox.tsx b/src/components/gui/table-combobox/TableCombobox.tsx
index c46905b3..552e8ff8 100644
--- a/src/components/gui/table-combobox/TableCombobox.tsx
+++ b/src/components/gui/table-combobox/TableCombobox.tsx
@@ -16,16 +16,18 @@ import { useSchema } from "@/context/schema-provider";
 export default function TableCombobox({
   value,
   onChange,
+  schemaName,
   disabled,
   borderless,
 }: Readonly<{
   value?: string;
+  schemaName: string;
   onChange: (v: string) => void;
   disabled?: boolean;
   borderless?: boolean;
 }>) {
   const [open, setOpen] = useState(false);
-  const { currentSchema, refresh } = useSchema();
+  const { schema, refresh } = useSchema();
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
@@ -48,7 +50,7 @@ export default function TableCombobox({
 
           <CommandEmpty>No table found.</CommandEmpty>
           <CommandGroup className="max-h-[250px] overflow-y-auto">
-            {currentSchema.map((table) => (
+            {(schema[schemaName] ?? []).map((table) => (
               <CommandItem
                 key={table.name}
                 value={table.name}
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index f31bc215..329fc256 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -20,7 +20,6 @@ import { KEY_BINDING } from "@/lib/key-matcher";
 import { ReactCodeMirrorRef } from "@uiw/react-codemirror";
 import { selectStatementFromPosition } from "@/drivers/sqlite/sql-helper";
 import QueryProgressLog from "../query-progress-log";
-import { useAutoComplete } from "@/context/auto-complete-provider";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import {
   MultipleQueryProgress,
@@ -56,9 +55,8 @@ export default function QueryWindow({
   initialSavedKey,
   initialNamespace,
 }: QueryWindowProps) {
-  const { schema } = useAutoComplete();
   const { databaseDriver, docDriver } = useDatabaseDriver();
-  const { refresh: refreshSchema } = useSchema();
+  const { refresh: refreshSchema, autoCompleteSchema } = useSchema();
   const [code, setCode] = useState(initialCode ?? "");
   const editorRef = useRef<ReactCodeMirrorRef>(null);
 
@@ -231,7 +229,7 @@ export default function QueryWindow({
               ref={editorRef}
               value={code}
               onChange={setCode}
-              schema={schema}
+              schema={autoCompleteSchema}
               fontSize={fontSize}
               onFontSizeChanged={setFontSize}
               onCursorChange={(_, line, col) => {
diff --git a/src/components/gui/tabs/schema-editor-tab.tsx b/src/components/gui/tabs/schema-editor-tab.tsx
index 1d2506ab..038dcb1a 100644
--- a/src/components/gui/tabs/schema-editor-tab.tsx
+++ b/src/components/gui/tabs/schema-editor-tab.tsx
@@ -1,14 +1,13 @@
 import OpacityLoading from "@/components/gui/loading-opacity";
-import SchemaEditor, {
-  DatabaseTableSchemaChange,
-} from "@/components/gui/schema-editor";
-import generateSqlSchemaChange from "@/components/lib/sql-generate.schema";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import SchemaSaveDialog from "../schema-editor/schema-save-dialog";
+import { DatabaseTableSchemaChange } from "@/drivers/base-driver";
+import SchemaEditor from "../schema-editor";
 
 interface SchemaEditorTabProps {
   tableName?: string;
+  schemaName?: string;
 }
 
 const EMPTY_SCHEMA: DatabaseTableSchemaChange = {
@@ -22,19 +21,24 @@ const EMPTY_SCHEMA: DatabaseTableSchemaChange = {
 };
 
 export default function SchemaEditorTab({
+  schemaName,
   tableName,
 }: Readonly<SchemaEditorTabProps>) {
   const { databaseDriver } = useDatabaseDriver();
-  const [schema, setSchema] = useState<DatabaseTableSchemaChange>(EMPTY_SCHEMA);
+  const [schema, setSchema] = useState<DatabaseTableSchemaChange>({
+    ...EMPTY_SCHEMA,
+    schemaName,
+  });
   const [loading, setLoading] = useState(!!tableName);
   const [isSaving, setIsSaving] = useState(false);
 
   const fetchTable = useCallback(
-    async (name: string) => {
+    async (schemaName: string, name: string) => {
       databaseDriver
-        .tableSchema(name)
+        .tableSchema(schemaName, name)
         .then((schema) => {
           setSchema({
+            schemaName,
             name: {
               old: schema.tableName,
               new: schema.tableName,
@@ -58,14 +62,14 @@ export default function SchemaEditorTab({
   );
 
   useEffect(() => {
-    if (tableName) {
-      fetchTable(tableName).then().catch(console.error);
+    if (tableName && schemaName) {
+      fetchTable(schemaName, tableName).then().catch(console.error);
     }
-  }, [fetchTable, tableName]);
+  }, [fetchTable, schemaName, tableName]);
 
   const previewScript = useMemo(() => {
-    return generateSqlSchemaChange(schema);
-  }, [schema]);
+    return databaseDriver.createUpdateTableSchema(schema);
+  }, [schema, databaseDriver]);
 
   const onSaveToggle = useCallback(
     () => setIsSaving((prev) => !prev),
diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
index 6cd6c639..1569f8cc 100644
--- a/src/components/gui/tabs/table-data-tab.tsx
+++ b/src/components/gui/tabs/table-data-tab.tsx
@@ -37,12 +37,17 @@ import { useDatabaseDriver } from "@/context/driver-provider";
 import ResultStats from "../result-stat";
 import isEmptyResultStats from "@/components/lib/empty-stats";
 import useTableResultColumnFilter from "../table-result/filter-column";
+import { AlertDialogTitle } from "@radix-ui/react-alert-dialog";
 
 interface TableDataContentProps {
   tableName: string;
+  schemaName: string;
 }
 
-export default function TableDataWindow({ tableName }: TableDataContentProps) {
+export default function TableDataWindow({
+  schemaName,
+  tableName,
+}: TableDataContentProps) {
   const { updateTableSchema } = useAutoComplete();
   const { databaseDriver } = useDatabaseDriver();
   const [error, setError] = useState<string>();
@@ -74,7 +79,7 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
 
       try {
         const { data: dataResult, schema: schemaResult } =
-          await databaseDriver.selectTable(tableName, {
+          await databaseDriver.selectTable(schemaName, tableName, {
             whereRaw: where,
             limit: finalLimit,
             offset: finalOffset,
@@ -106,6 +111,7 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
   }, [
     databaseDriver,
     tableName,
+    schemaName,
     sortColumns,
     updateTableSchema,
     setStat,
@@ -167,7 +173,8 @@ export default function TableDataWindow({ tableName }: TableDataContentProps) {
     <div className="flex flex-col overflow-hidden w-full h-full">
       {executeError && (
         <AlertDialog open={true}>
-          <AlertDialogContent>
+          <AlertDialogContent title="Error">
+            <AlertDialogTitle>Error</AlertDialogTitle>
             <AlertDialogDescription>{executeError} </AlertDialogDescription>
             <AlertDialogFooter>
               <AlertDialogAction onClick={() => setExecuteError(null)}>
diff --git a/src/components/gui/tabs/trigger-tab.tsx b/src/components/gui/tabs/trigger-tab.tsx
index c2b95bae..e11bc283 100644
--- a/src/components/gui/tabs/trigger-tab.tsx
+++ b/src/components/gui/tabs/trigger-tab.tsx
@@ -13,19 +13,25 @@ import SqlEditor from "../sql-editor";
 import TableCombobox from "../table-combobox/TableCombobox";
 import { noop } from "@/lib/utils";
 
-export default function TriggerTab({ name }: { name: string }) {
+export default function TriggerTab({
+  schemaName,
+  name,
+}: {
+  schemaName: string;
+  name: string;
+}) {
   const { databaseDriver } = useDatabaseDriver();
   const [trigger, setTrigger] = useState<DatabaseTriggerSchema>();
   const [error, setError] = useState<string>();
 
   useEffect(() => {
     databaseDriver
-      .trigger(name)
+      .trigger(schemaName, name)
       .then(setTrigger)
       .catch((e: Error) => {
         setError(e.message);
       });
-  }, [databaseDriver, name]);
+  }, [databaseDriver, schemaName, name]);
 
   if (error) {
     return <div className="p-4">{error}</div>;
@@ -62,7 +68,11 @@ export default function TriggerTab({ name }: { name: string }) {
               </SelectContent>
             </Select>
           </div>
-          <TableCombobox value={trigger?.tableName} onChange={noop} />
+          <TableCombobox
+            schemaName={schemaName}
+            value={trigger?.tableName}
+            onChange={noop}
+          />
         </div>
       </div>
       <div className="grow overflow-hidden">
diff --git a/src/components/lib/sql-execute-helper.ts b/src/components/lib/sql-execute-helper.ts
index 2d0c2382..60175905 100644
--- a/src/components/lib/sql-execute-helper.ts
+++ b/src/components/lib/sql-execute-helper.ts
@@ -86,13 +86,12 @@ export async function commitChange({
 
   try {
     const result = await driver.updateTableData(
+      tableSchema.schemaName,
       tableName,
       plans.map((p) => p.plan),
       tableSchema
     );
 
-    console.log(result, plans);
-
     data.applyChanges(
       plans.map((p, idx) => {
         return {
diff --git a/src/components/lib/sql-generate.schema.ts b/src/components/lib/sql-generate.schema.ts
index 010d3c16..0434ea94 100644
--- a/src/components/lib/sql-generate.schema.ts
+++ b/src/components/lib/sql-generate.schema.ts
@@ -1,12 +1,10 @@
-import {
-  DatabaseTableColumnChange,
-  DatabaseTableSchemaChange,
-} from "@/components/gui/schema-editor";
 import { escapeIdentity, escapeSqlValue } from "@/drivers/sqlite/sql-helper";
 import deepEqual from "deep-equal";
 import {
   DatabaseTableColumn,
+  DatabaseTableColumnChange,
   DatabaseTableColumnConstraint,
+  DatabaseTableSchemaChange,
 } from "@/drivers/base-driver";
 
 export function checkSchemaColumnChange(change: DatabaseTableColumnChange) {
@@ -170,18 +168,20 @@ export default function generateSqlSchemaChange(
 
   if (!isCreateScript) {
     if (change.name.new !== change.name.old) {
-      lines.push("RENAME TO " + escapeIdentity(change.name.new ?? ""));
+      lines.push(
+        `RENAME TO ${escapeIdentity(change.schemaName ?? "main")}.${escapeIdentity(change.name.new ?? "")}`
+      );
     }
   }
 
   if (isCreateScript) {
     return [
-      `CREATE TABLE ${escapeIdentity(
+      `CREATE TABLE ${escapeIdentity(change.schemaName ?? "main")}.${escapeIdentity(
         change.name.new || "no_table_name"
       )}(\n${lines.map((line) => "  " + line).join(",\n")}\n)`,
     ];
   } else {
-    const alter = `ALTER TABLE ${escapeIdentity(change.name.old ?? "")} `;
+    const alter = `ALTER TABLE ${escapeIdentity(change.schemaName ?? "main")}.${escapeIdentity(change.name.old ?? "")} `;
     return lines.map((line) => alter + line);
   }
 }
diff --git a/src/components/lib/validation.test.ts b/src/components/lib/validation.test.ts
index cbc7211e..78b04c59 100644
--- a/src/components/lib/validation.test.ts
+++ b/src/components/lib/validation.test.ts
@@ -12,7 +12,7 @@ describe("Operation Validation", () => {
           id: 5,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(true);
@@ -29,7 +29,7 @@ describe("Operation Validation", () => {
           id: 5,
         },
       },
-      { autoIncrement: false, columns: [], pk: [""] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: [""] }
     );
 
     expect(result.valid).toBe(false);
@@ -46,7 +46,7 @@ describe("Operation Validation", () => {
           id: null,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(false);
@@ -64,7 +64,12 @@ describe("Operation Validation", () => {
           name: null,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id", "name"] }
+      {
+        autoIncrement: false,
+        schemaName: "main",
+        columns: [],
+        pk: ["id", "name"],
+      }
     );
 
     expect(result.valid).toBe(false);
@@ -81,7 +86,7 @@ describe("Operation Validation", () => {
           id: 5,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(false);
@@ -95,7 +100,7 @@ describe("Operation Validation", () => {
           id: 5,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(true);
@@ -109,7 +114,7 @@ describe("Operation Validation", () => {
           id: 5,
         },
       },
-      { autoIncrement: false, columns: [], pk: [] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: [] }
     );
 
     expect(result.valid).toBe(false);
@@ -123,7 +128,7 @@ describe("Operation Validation", () => {
           id: null,
         },
       },
-      { autoIncrement: false, columns: [], pk: [] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: [] }
     );
 
     expect(result.valid).toBe(false);
@@ -138,7 +143,7 @@ describe("Operation Validation", () => {
           name: "Visal",
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(true);
@@ -153,7 +158,7 @@ describe("Operation Validation", () => {
           name: "Visal",
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id"] }
+      { autoIncrement: false, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(false);
@@ -168,7 +173,7 @@ describe("Operation Validation", () => {
           name: "Visal",
         },
       },
-      { autoIncrement: true, columns: [], pk: ["id"] }
+      { autoIncrement: true, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(false);
@@ -183,7 +188,12 @@ describe("Operation Validation", () => {
           name: null,
         },
       },
-      { autoIncrement: false, columns: [], pk: ["id", "name"] }
+      {
+        autoIncrement: false,
+        schemaName: "main",
+        columns: [],
+        pk: ["id", "name"],
+      }
     );
 
     expect(result.valid).toBe(false);
@@ -197,7 +207,7 @@ describe("Operation Validation", () => {
           name: "Visal",
         },
       },
-      { autoIncrement: true, columns: [], pk: ["id"] }
+      { autoIncrement: true, schemaName: "main", columns: [], pk: ["id"] }
     );
 
     expect(result.valid).toBe(true);
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index f52384e8..1f4ebbd7 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -271,8 +271,6 @@ export function ListView<T = unknown>(props: ListViewProps<T>) {
               return;
             }
 
-            console.log("here2");
-
             if (onContextMenu) {
               const menu = onContextMenu();
               if (menu.length === 0) {
diff --git a/src/context/schema-provider.tsx b/src/context/schema-provider.tsx
index fc283029..688cc5df 100644
--- a/src/context/schema-provider.tsx
+++ b/src/context/schema-provider.tsx
@@ -12,13 +12,17 @@ import { DatabaseSchemaItem, DatabaseSchemas } from "@/drivers/base-driver";
 import { useDatabaseDriver } from "./driver-provider";
 import { useAutoComplete } from "./auto-complete-provider";
 
+type AutoCompletionSchema = Record<string, Record<string, string[]> | string[]>;
+
 const SchemaContext = createContext<{
   schema: DatabaseSchemas;
   currentSchema: DatabaseSchemaItem[];
+  autoCompleteSchema: AutoCompletionSchema;
   currentSchemaName: string;
   refresh: () => void;
 }>({
   schema: {},
+  autoCompleteSchema: {},
   currentSchema: [],
   currentSchemaName: "",
   refresh: () => {
@@ -26,6 +30,35 @@ const SchemaContext = createContext<{
   },
 });
 
+function generateAutoCompleteFromSchemaItems(
+  items?: DatabaseSchemaItem[]
+): Record<string, string[]> {
+  if (!items) return {};
+
+  return items
+    .filter((x) => x.type === "table" || x.type === "view")
+    .reduce(
+      (a, b) => {
+        a[b.name] = (b.tableSchema?.columns ?? []).map((c) => c.name);
+        return a;
+      },
+      {} as Record<string, string[]>
+    );
+}
+
+function generateAutoComplete(
+  currentSchemaName: string,
+  schema: DatabaseSchemas
+) {
+  return {
+    ...generateAutoCompleteFromSchemaItems(schema[currentSchemaName]),
+    ...Object.entries(schema).reduce((a, [schemaName, tableList]) => {
+      a[schemaName] = generateAutoCompleteFromSchemaItems(tableList);
+      return a;
+    }, {} as AutoCompletionSchema),
+  };
+}
+
 export function useSchema() {
   return useContext(SchemaContext);
 }
@@ -87,7 +120,13 @@ export function SchemaProvider({ children }: Readonly<PropsWithChildren>) {
   }, [fetchSchema]);
 
   const props = useMemo(() => {
-    return { schema, currentSchema, currentSchemaName, refresh: fetchSchema };
+    return {
+      schema,
+      currentSchema,
+      currentSchemaName,
+      refresh: fetchSchema,
+      autoCompleteSchema: generateAutoComplete(currentSchemaName, schema),
+    };
   }, [schema, fetchSchema, currentSchema, currentSchemaName]);
 
   if (error || loading) {
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 7a42f3b6..0f8a392e 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -72,8 +72,9 @@ export type DatabaseValue<T = unknown> = T | undefined | null;
 export type DatabaseSchemas = Record<string, DatabaseSchemaItem[]>;
 
 export interface DatabaseSchemaItem {
-  type: "table" | "trigger" | "view";
+  type: "table" | "trigger" | "view" | "schema";
   name: string;
+  schemaName: string;
   tableName?: string;
   tableSchema?: DatabaseTableSchema;
 }
@@ -100,6 +101,7 @@ export type DatabaseForeignKeyAction =
   | "NO_ACTION";
 
 export interface DatabaseForeignKeyClause {
+  foreignSchemaName?: string;
   foreignTableName?: string;
   foreignColumns?: string[];
   columns?: string[];
@@ -145,6 +147,7 @@ export interface DatabaseTableSchema {
   columns: DatabaseTableColumn[];
   pk: string[];
   autoIncrement: boolean;
+  schemaName: string;
   tableName?: string;
   constraints?: DatabaseTableColumnConstraint[];
   createScript?: string;
@@ -197,13 +200,40 @@ export interface DriverFlags {
   defaultSchema: string;
   optionalSchema: boolean;
   supportBigInt: boolean;
+  supportCreateUpdateTable: boolean;
   mismatchDetection: boolean;
 }
 
+export interface DatabaseTableColumnChange {
+  old: DatabaseTableColumn | null;
+  new: DatabaseTableColumn | null;
+}
+
+export interface DatabaseTableConstraintChange {
+  id: string;
+  old: DatabaseTableColumnConstraint | null;
+  new: DatabaseTableColumnConstraint | null;
+}
+
+export interface DatabaseTableSchemaChange {
+  schemaName?: string;
+  name: {
+    old?: string;
+    new?: string;
+  };
+  columns: DatabaseTableColumnChange[];
+  constraints: DatabaseTableConstraintChange[];
+  createScript?: string;
+}
+
 export abstract class BaseDriver {
   // Flags
   abstract getFlags(): DriverFlags;
 
+  // Helper class
+  abstract escapeId(id: string): string;
+  abstract escapeValue(value: unknown): string;
+
   // Methods
   abstract close(): void;
 
@@ -211,20 +241,30 @@ export abstract class BaseDriver {
   abstract transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
 
   abstract schemas(): Promise<DatabaseSchemas>;
-  abstract tableSchema(tableName: string): Promise<DatabaseTableSchema>;
-  abstract trigger(name: string): Promise<DatabaseTriggerSchema>;
+  abstract tableSchema(
+    schemaName: string,
+    tableName: string
+  ): Promise<DatabaseTableSchema>;
+
+  abstract trigger(
+    schemaName: string,
+    name: string
+  ): Promise<DatabaseTriggerSchema>;
 
   abstract findFirst(
+    schemaName: string,
     tableName: string,
     key: Record<string, DatabaseValue>
   ): Promise<DatabaseResultSet>;
 
   abstract selectTable(
+    schemaName: string,
     tableName: string,
     options: SelectFromTableOptions
   ): Promise<{ data: DatabaseResultSet; schema: DatabaseTableSchema }>;
 
   abstract updateTableData(
+    schemaName: string,
     tableName: string,
     ops: DatabaseTableOperation[],
 
@@ -232,4 +272,6 @@ export abstract class BaseDriver {
     // if the operation is unsafe
     validateSchema?: DatabaseTableSchema
   ): Promise<DatabaseTableOperationReslt[]>;
+
+  abstract createUpdateTableSchema(change: DatabaseTableSchemaChange): string[];
 }
diff --git a/src/drivers/common-sql-imp.ts b/src/drivers/common-sql-imp.ts
new file mode 100644
index 00000000..957e0d37
--- /dev/null
+++ b/src/drivers/common-sql-imp.ts
@@ -0,0 +1,165 @@
+import { validateOperation } from "@/components/lib/validation";
+import {
+  BaseDriver,
+  DatabaseResultSet,
+  DatabaseTableOperation,
+  DatabaseTableOperationReslt,
+  DatabaseTableSchema,
+  DatabaseValue,
+  SelectFromTableOptions,
+} from "./base-driver";
+import { escapeSqlValue } from "./sqlite/sql-helper";
+import {
+  deleteFrom,
+  insertInto,
+  selectFrom,
+  updateTable,
+} from "./query-builder";
+
+export default abstract class CommonSQLImplement extends BaseDriver {
+  protected validateUpdateOperation(
+    ops: DatabaseTableOperation[],
+    validateSchema: DatabaseTableSchema
+  ) {
+    for (const op of ops) {
+      const { valid, reason } = validateOperation(op, validateSchema);
+      if (!valid) {
+        throw new Error(reason);
+      }
+    }
+  }
+
+  async updateTableData(
+    schemaName: string,
+    tableName: string,
+    ops: DatabaseTableOperation[],
+    validateSchema?: DatabaseTableSchema
+  ): Promise<DatabaseTableOperationReslt[]> {
+    if (validateSchema) {
+      this.validateUpdateOperation(ops, validateSchema);
+    }
+
+    const sqls = ops.map((op) => {
+      if (op.operation === "INSERT")
+        return insertInto(this, schemaName, tableName, op.values);
+      if (op.operation === "DELETE")
+        return deleteFrom(this, schemaName, tableName, op.where);
+
+      return updateTable(this, schemaName, tableName, op.values, op.where);
+    });
+
+    const result = await this.transaction(sqls);
+
+    const tmp: DatabaseTableOperationReslt[] = [];
+
+    for (let i = 0; i < result.length; i++) {
+      const r = result[i];
+      const op = ops[i];
+
+      if (!r || !op) {
+        tmp.push({});
+        continue;
+      }
+
+      if (op.operation === "UPDATE") {
+        const selectStatement = selectFrom(
+          this,
+          schemaName,
+          tableName,
+          op.where,
+          { limit: 1, offset: 0 }
+        );
+
+        // This transform to make it friendly for sending via HTTP
+        const selectResult = await this.query(selectStatement);
+
+        tmp.push({
+          lastId: r.lastInsertRowid,
+          record: selectResult.rows[0],
+        });
+      } else if (op.operation === "INSERT") {
+        if (op.autoIncrementPkColumn) {
+          const selectStatement = selectFrom(
+            this,
+            schemaName,
+            tableName,
+            { [op.autoIncrementPkColumn]: r.lastInsertRowid },
+            { limit: 1, offset: 0 }
+          );
+
+          // This transform to make it friendly for sending via HTTP
+          const selectResult = await this.query(selectStatement);
+
+          tmp.push({
+            record: selectResult.rows[0],
+            lastId: r.lastInsertRowid,
+          });
+        } else if (op.pk && op.pk.length > 0) {
+          const selectStatement = selectFrom(
+            this,
+            schemaName,
+            tableName,
+            op.pk.reduce<Record<string, unknown>>((a, b) => {
+              a[b] = op.values[b];
+              return a;
+            }, {}),
+            { limit: 1, offset: 0 }
+          );
+
+          // This transform to make it friendly for sending via HTTP
+          const selectResult = await this.query(selectStatement);
+
+          tmp.push({
+            record: selectResult.rows[0],
+            lastId: r.lastInsertRowid,
+          });
+        } else {
+          tmp.push({});
+        }
+      } else {
+        tmp.push({});
+      }
+    }
+
+    return tmp;
+  }
+
+  async findFirst(
+    schemaName: string,
+    tableName: string,
+    key: Record<string, DatabaseValue>
+  ): Promise<DatabaseResultSet> {
+    const wherePart = Object.entries(key)
+      .map(([colName, colValue]) => {
+        return `${this.escapeId(colName)} = ${escapeSqlValue(colValue)}`;
+      })
+      .join(", ");
+
+    const sql = `SELECT * FROM ${this.escapeId(schemaName)}.${this.escapeId(tableName)} ${wherePart ? "WHERE " + wherePart : ""} LIMIT 1 OFFSET 0`;
+    return this.query(sql);
+  }
+
+  async selectTable(
+    schemaName: string,
+    tableName: string,
+    options: SelectFromTableOptions
+  ): Promise<{ data: DatabaseResultSet; schema: DatabaseTableSchema }> {
+    const whereRaw = options.whereRaw?.trim();
+
+    const orderPart =
+      options.orderBy && options.orderBy.length > 0
+        ? options.orderBy
+            .map((r) => `${this.escapeId(r.columnName)} ${r.by}`)
+            .join(", ")
+        : "";
+
+    const sql = `SELECT * FROM ${this.escapeId(schemaName)}.${this.escapeId(tableName)}${
+      whereRaw ? ` WHERE ${whereRaw} ` : ""
+    } ${orderPart ? ` ORDER BY ${orderPart}` : ""} LIMIT ${escapeSqlValue(options.limit)} OFFSET ${escapeSqlValue(options.offset)};`;
+
+    return {
+      data: await this.query(sql),
+      schema: await this.tableSchema(schemaName, tableName),
+    };
+  }
+}
diff --git a/src/drivers/iframe-driver.ts b/src/drivers/iframe-driver.ts
index 993cfbab..8738776f 100644
--- a/src/drivers/iframe-driver.ts
+++ b/src/drivers/iframe-driver.ts
@@ -1,4 +1,5 @@
 import { DatabaseResultSet } from "./base-driver";
+import MySQLLikeDriver from "./mysql/mysql-driver";
 import { SqliteLikeBaseDriver } from "./sqlite-base-driver";
 
 type ParentResponseData =
@@ -17,20 +18,17 @@ type ParentResponseData =
 
 type PromiseResolveReject = {
   resolve: (value: any) => void;
-  reject: (value: string) => void;
+  reject: (value: { message: string }) => void;
 };
 
-export default class IframeDriver extends SqliteLikeBaseDriver {
+class IframeConnection {
   protected counter = 0;
   protected queryPromise: Record<number, PromiseResolveReject> = {};
 
-  /**
-   * This will listen to the parent window response
-   */
   listen() {
     const handler = (e: MessageEvent<ParentResponseData>) => {
       if (e.data.error) {
-        this.queryPromise[e.data.id].reject(e.data.error);
+        this.queryPromise[e.data.id].reject({ message: e.data.error });
         delete this.queryPromise[e.data.id];
       } else {
         this.queryPromise[e.data.id].resolve(e.data.data);
@@ -73,8 +71,44 @@ export default class IframeDriver extends SqliteLikeBaseDriver {
       );
     });
   }
+}
+
+export class IframeSQLiteDriver extends SqliteLikeBaseDriver {
+  protected conn = new IframeConnection();
+
+  listen() {
+    this.conn.listen();
+  }
+
+  close(): void {}
+
+  async query(stmt: string): Promise<DatabaseResultSet> {
+    const r = await this.conn.query(stmt);
+    return r;
+  }
+
+  transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
+    const r = this.conn.transaction(stmts);
+    return r;
+  }
+}
+
+export class IframeMySQLDriver extends MySQLLikeDriver {
+  protected conn = new IframeConnection();
+
+  listen() {
+    this.conn.listen();
+  }
+
+  close(): void {}
 
-  close(): void {
-    // do nothing
+  async query(stmt: string): Promise<DatabaseResultSet> {
+    const r = await this.conn.query(stmt);
+    return r;
+  }
+
+  transaction(stmts: string[]): Promise<DatabaseResultSet[]> {
+    const r = this.conn.transaction(stmts);
+    return r;
   }
 }
diff --git a/src/drivers/mysql/mysql-driver.ts b/src/drivers/mysql/mysql-driver.ts
new file mode 100644
index 00000000..011c7c26
--- /dev/null
+++ b/src/drivers/mysql/mysql-driver.ts
@@ -0,0 +1,154 @@
+import {
+  DatabaseSchemas,
+  DatabaseTableSchema,
+  DatabaseTriggerSchema,
+  DriverFlags,
+  DatabaseSchemaItem,
+  DatabaseTableColumn,
+} from "../base-driver";
+import CommonSQLImplement from "../common-sql-imp";
+import { escapeSqlValue } from "../sqlite/sql-helper";
+
+interface MySqlDatabase {
+  SCHEMA_NAME: string;
+}
+
+interface MySqlColumn {
+  TABLE_SCHEMA: string;
+  TABLE_NAME: string;
+  COLUMN_NAME: string;
+  EXTRA: string;
+  COLUMN_KEY: string;
+  DATA_TYPE: string;
+  IS_NULLABLE: "YES" | "NO";
+  COLUMN_COMMENT: string;
+  CHARACTER_MAXIMUM_LENGTH: number;
+  NUMERIC_PRECISION: number;
+  NUMERIC_SCALE: number;
+  COLUMN_DEFAULT: string;
+  COLUMN_TYPE: string;
+}
+
+interface MySqlTable {
+  TABLE_SCHEMA: string;
+  TABLE_NAME: string;
+  TABLE_TYPE: string;
+}
+
+export default abstract class MySQLLikeDriver extends CommonSQLImplement {
+  escapeId(id: string) {
+    return `\`${id.replace(/`/g, "``")}\``;
+  }
+
+  escapeValue(value: unknown): string {
+    return escapeSqlValue(value);
+  }
+
+  getFlags(): DriverFlags {
+    return {
+      defaultSchema: "",
+      optionalSchema: false,
+      supportBigInt: false,
+      mismatchDetection: false,
+      supportCreateUpdateTable: false,
+    };
+  }
+
+  async schemas(): Promise<DatabaseSchemas> {
+    const schemaSql =
+      "SELECT SCHEMA_NAME FROM information_schema.SCHEMATA WHERE SCHEMA_NAME NOT IN ('mysql', 'information_schema', 'performance_schema', 'sys')";
+    const schemaResult = (await this.query(schemaSql))
+      .rows as unknown as MySqlDatabase[];
+
+    const tableSql =
+      "SELECT TABLE_SCHEMA, TABLE_NAME, TABLE_TYPE FROM information_schema.tables WHERE TABLE_SCHEMA NOT IN ('mysql', 'information_schema', 'performance_schema', 'sys')";
+    const tableResult = (await this.query(tableSql))
+      .rows as unknown as MySqlTable[];
+
+    const columnSql =
+      "SELECT TABLE_SCHEMA, TABLE_NAME, COLUMN_NAME, DATA_TYPE, EXTRA FROM information_schema.columns WHERE TABLE_SCHEMA NOT IN ('mysql', 'information_schema', 'performance_schema', 'sys')";
+    const columnResult = (await this.query(columnSql))
+      .rows as unknown as MySqlColumn[];
+
+    // Hash table of schema
+    const schemaRecord: Record<string, DatabaseSchemaItem[]> = {};
+    for (const s of schemaResult) {
+      schemaRecord[s.SCHEMA_NAME] = [];
+    }
+
+    // Hash table of table
+    const tableRecord: Record<string, DatabaseSchemaItem> = {};
+    for (const t of tableResult) {
+      const key = t.TABLE_SCHEMA + "." + t.TABLE_NAME;
+      const table: DatabaseSchemaItem = {
+        name: t.TABLE_NAME,
+        type: t.TABLE_TYPE === "VIEW" ? "view" : "table",
+        tableName: t.TABLE_NAME,
+        schemaName: t.TABLE_SCHEMA,
+        tableSchema: {
+          autoIncrement: false,
+          pk: [],
+          columns: [],
+          tableName: t.TABLE_NAME,
+          schemaName: t.TABLE_SCHEMA,
+        },
+      };
+
+      tableRecord[key] = table;
+      if (schemaRecord[t.TABLE_SCHEMA]) {
+        schemaRecord[t.TABLE_SCHEMA].push(table);
+      }
+    }
+
+    for (const c of columnResult) {
+      const column: DatabaseTableColumn = {
+        name: c.COLUMN_NAME,
+        type: c.COLUMN_TYPE,
+      };
+
+      const tableKey = c.TABLE_SCHEMA + "." + c.TABLE_NAME;
+      const tableSchema = tableRecord[tableKey].tableSchema;
+      if (tableSchema) {
+        tableSchema.columns.push(column);
+      }
+    }
+
+    return schemaRecord;
+  }
+
+  async tableSchema(
+    schemaName: string,
+    tableName: string
+  ): Promise<DatabaseTableSchema> {
+    const columnSql = `SELECT TABLE_SCHEMA, TABLE_NAME, COLUMN_NAME, DATA_TYPE, EXTRA, COLUMN_KEY FROM information_schema.columns WHERE TABLE_NAME=${escapeSqlValue(tableName)} AND TABLE_SCHEMA=${escapeSqlValue(schemaName)} ORDER BY ORDINAL_POSITION`;
+    const columnResult = (await this.query(columnSql))
+      .rows as unknown as MySqlColumn[];
+
+    const pk = columnResult
+      .filter((c) => c.COLUMN_KEY === "PRI")
+      .map((c) => c.COLUMN_NAME);
+
+    const autoIncrement = columnResult.some(
+      (c) => c.EXTRA === "auto_increment"
+    );
+
+    return {
+      autoIncrement,
+      pk,
+      tableName,
+      schemaName,
+      columns: columnResult.map((c) => ({
+        name: c.COLUMN_NAME,
+        type: c.COLUMN_TYPE,
+      })),
+    };
+  }
+
+  trigger(): Promise<DatabaseTriggerSchema> {
+    throw new Error("Not implemented");
+  }
+
+  createUpdateTableSchema(): string[] {
+    throw new Error("Not implemented");
+  }
+}
diff --git a/src/drivers/query-builder.ts b/src/drivers/query-builder.ts
new file mode 100644
index 00000000..34db1102
--- /dev/null
+++ b/src/drivers/query-builder.ts
@@ -0,0 +1,107 @@
+import { BaseDriver } from "./base-driver";
+
+function generateWhere(dialect: BaseDriver, where: Record<string, unknown>) {
+  const conditions = Object.entries(where)
+    .map(([columnName, value]) => {
+      return `${dialect.escapeId(columnName)} = ${dialect.escapeValue(value)}`;
+    })
+    .join(" AND ");
+
+  if (conditions.length > 0) return "WHERE " + conditions;
+  return null;
+}
+
+function generateSet(dialect: BaseDriver, where: Record<string, unknown>) {
+  return Object.entries(where)
+    .map(([columnName, value]) => {
+      return `${dialect.escapeId(columnName)} = ${dialect.escapeValue(value)}`;
+    })
+    .join(", ");
+}
+
+function generateInsertValue(
+  dialect: BaseDriver,
+  values: Record<string, unknown>
+) {
+  const columnNameList: string[] = [];
+  const valueList: string[] = [];
+
+  for (const [columnName, value] of Object.entries(values)) {
+    columnNameList.push(dialect.escapeId(columnName));
+    valueList.push(dialect.escapeValue(value));
+  }
+
+  return `(${columnNameList.join(", ")}) VALUES(${valueList.join(", ")})`;
+}
+
+function generateLimit(limit?: number, offset?: number) {
+  if (!Number.isInteger(limit)) return null;
+  if (!Number.isInteger(offset)) return null;
+
+  return `LIMIT ${limit} OFFSET ${offset}`;
+}
+
+export function selectFrom(
+  dialect: BaseDriver,
+  schema: string,
+  table: string,
+  where: Record<string, unknown>,
+  options?: { limit?: number; offset?: number }
+): string {
+  return [
+    "SELECT",
+    "*",
+    "FROM",
+    `${dialect.escapeId(schema)}.${dialect.escapeId(table)}`,
+    generateWhere(dialect, where),
+    generateLimit(options?.limit, options?.offset),
+  ]
+    .filter(Boolean)
+    .join(" ");
+}
+
+export function insertInto(
+  dialect: BaseDriver,
+  schema: string,
+  table: string,
+  value: Record<string, unknown>
+) {
+  return [
+    "INSERT INTO",
+    `${dialect.escapeId(schema)}.${dialect.escapeId(table)}`,
+    generateInsertValue(dialect, value),
+  ].join(" ");
+}
+
+export function updateTable(
+  dialect: BaseDriver,
+  schema: string,
+  table: string,
+  value: Record<string, unknown>,
+  where: Record<string, unknown>
+): string {
+  return [
+    "UPDATE",
+    `${dialect.escapeId(schema)}.${dialect.escapeId(table)}`,
+    "SET",
+    generateSet(dialect, value),
+    generateWhere(dialect, where),
+  ]
+    .filter(Boolean)
+    .join(" ");
+}
+
+export function deleteFrom(
+  dialect: BaseDriver,
+  schema: string,
+  table: string,
+  where: Record<string, unknown>
+): string {
+  return [
+    "DELETE FROM",
+    `${dialect.escapeId(schema)}.${dialect.escapeId(table)}`,
+    generateWhere(dialect, where),
+  ]
+    .filter(Boolean)
+    .join(" ");
+}
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index ef4fd6c4..e826cef1 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -1,37 +1,27 @@
-import { validateOperation } from "@/components/lib/validation";
 import type {
   DatabaseResultSet,
   DatabaseSchemaItem,
   DatabaseSchemas,
-  DatabaseTableColumn,
-  DatabaseTableOperation,
-  DatabaseTableOperationReslt,
   DatabaseTableSchema,
+  DatabaseTableSchemaChange,
   DatabaseTriggerSchema,
-  DatabaseValue,
   DriverFlags,
-  SelectFromTableOptions,
 } from "./base-driver";
-import { BaseDriver } from "./base-driver";
-
-import {
-  escapeSqlValue,
-  generateInsertStatement,
-  generateDeleteStatement,
-  generateUpdateStatement,
-  generateSelectOneWithConditionStatement,
-} from "@/drivers/sqlite/sql-helper";
+import { escapeSqlValue } from "@/drivers/sqlite/sql-helper";
 
 import { parseCreateTableScript } from "@/drivers/sqlite/sql-parse-table";
 import { parseCreateTriggerScript } from "@/drivers/sqlite/sql-parse-trigger";
+import CommonSQLImplement from "./common-sql-imp";
+import generateSqlSchemaChange from "@/components/lib/sql-generate.schema";
 
-export abstract class SqliteLikeBaseDriver extends BaseDriver {
-  protected escapeId(id: string) {
+export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
+  escapeId(id: string) {
     return `"${id.replace(/"/g, '""')}"`;
   }
 
-  abstract override query(stmt: string): Promise<DatabaseResultSet>;
-  abstract override transaction(stmts: string[]): Promise<DatabaseResultSet[]>;
+  escapeValue(value: unknown): string {
+    return escapeSqlValue(value);
+  }
 
   getFlags(): DriverFlags {
     return {
@@ -39,12 +29,14 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
       defaultSchema: "main",
       optionalSchema: true,
       mismatchDetection: false,
+      supportCreateUpdateTable: true,
     };
   }
 
-  async schemas(): Promise<DatabaseSchemas> {
-    const result = await this.query("SELECT * FROM sqlite_schema;");
-
+  protected getSchemaList(
+    result: DatabaseResultSet,
+    schemaName: string
+  ): DatabaseSchemaItem[] {
     const tmp: DatabaseSchemaItem[] = [];
     const rows = result.rows as Array<{
       type: string;
@@ -58,27 +50,52 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
         try {
           tmp.push({
             type: "table",
+            schemaName,
             name: row.name,
-            tableSchema: parseCreateTableScript(row.sql),
+            tableSchema: parseCreateTableScript(schemaName, row.sql),
           });
         } catch {
-          tmp.push({ type: "table", name: row.name });
+          tmp.push({ type: "table", name: row.name, schemaName });
         }
       } else if (row.type === "trigger") {
-        tmp.push({ type: "trigger", name: row.name, tableName: row.tbl_name });
+        tmp.push({
+          type: "trigger",
+          name: row.name,
+          tableName: row.tbl_name,
+          schemaName,
+        });
       } else if (row.type === "view") {
-        tmp.push({ type: "view", name: row.name });
+        tmp.push({ type: "view", name: row.name, schemaName });
       }
     }
 
-    return {
-      main: tmp,
-    };
+    return tmp;
+  }
+
+  async schemas(): Promise<DatabaseSchemas> {
+    const databaseList = (await this.query("PRAGMA database_list;")).rows as {
+      name: string;
+    }[];
+
+    const tableListPerDatabase = await this.transaction(
+      databaseList.map(
+        (d) => `SELECT * FROM ${this.escapeId(d.name)}.sqlite_schema;`
+      )
+    );
+
+    return tableListPerDatabase.reduce((a, b, idx) => {
+      const schemaName = databaseList[idx].name;
+      a[databaseList[idx].name] = this.getSchemaList(b, schemaName);
+      return a;
+    }, {} as DatabaseSchemas);
   }
 
-  async trigger(name: string): Promise<DatabaseTriggerSchema> {
+  async trigger(
+    schemaName: string,
+    name: string
+  ): Promise<DatabaseTriggerSchema> {
     const result = await this.query(
-      `SELECT * FROM sqlite_schema WHERE "type"='trigger' AND name=${escapeSqlValue(
+      `SELECT * FROM ${this.escapeId(schemaName)}.sqlite_schema WHERE "type"='trigger' AND name=${escapeSqlValue(
         name
       )};`
     );
@@ -93,51 +110,11 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
     // do nothing
   }
 
-  protected async legacyTableSchema(
+  async tableSchema(
+    schemaName: string,
     tableName: string
   ): Promise<DatabaseTableSchema> {
-    const sql = `SELECT * FROM pragma_table_info(${this.escapeId(tableName)});`;
-    const result = await this.query(sql);
-
-    const rows = result.rows as Array<{
-      name: string;
-      type: string;
-      pk: number;
-    }>;
-
-    const columns: DatabaseTableColumn[] = rows.map((row) => ({
-      name: row.name,
-      type: row.type,
-      pk: !!row.pk,
-    }));
-
-    // Check auto increment
-    let hasAutoIncrement = false;
-
-    try {
-      const seqCount = await this.query(
-        `SELECT COUNT(*) AS total FROM sqlite_sequence WHERE name=${escapeSqlValue(
-          tableName
-        )};`
-      );
-
-      const seqRow = seqCount.rows[0];
-      if (seqRow && Number(seqRow[0] ?? 0) > 0) {
-        hasAutoIncrement = true;
-      }
-    } catch (e) {
-      console.error(e);
-    }
-
-    return {
-      columns,
-      pk: columns.filter((col) => col.pk).map((col) => col.name),
-      autoIncrement: hasAutoIncrement,
-    };
-  }
-
-  async tableSchema(tableName: string): Promise<DatabaseTableSchema> {
-    const sql = `SELECT * FROM sqlite_schema WHERE tbl_name = ${escapeSqlValue(
+    const sql = `SELECT * FROM ${this.escapeId(schemaName)}.sqlite_schema WHERE tbl_name = ${escapeSqlValue(
       tableName
     )};`;
     const result = await this.query(sql);
@@ -147,147 +124,20 @@ export abstract class SqliteLikeBaseDriver extends BaseDriver {
       const def = rows.find((row) => row.type === "table");
       if (def) {
         const createScript = def.sql;
-        return { ...parseCreateTableScript(createScript), createScript };
+        return {
+          ...parseCreateTableScript(schemaName, createScript),
+          createScript,
+          schemaName,
+        };
       }
-    } catch (e) {
-      console.error(e);
-    }
-
-    return await this.legacyTableSchema(tableName);
-  }
 
-  async findFirst(
-    tableName: string,
-    key: Record<string, DatabaseValue>
-  ): Promise<DatabaseResultSet> {
-    const wherePart = Object.entries(key)
-      .map(([colName, colValue]) => {
-        return `${this.escapeId(colName)} = ${escapeSqlValue(colValue)}`;
-      })
-      .join(", ");
-
-    const sql = `SELECT * FROM ${this.escapeId(tableName)} ${wherePart ? "WHERE " + wherePart : ""} LIMIT 1 OFFSET 0`;
-    return this.query(sql);
-  }
-
-  async selectTable(
-    tableName: string,
-    options: SelectFromTableOptions
-  ): Promise<{ data: DatabaseResultSet; schema: DatabaseTableSchema }> {
-    const whereRaw = options.whereRaw?.trim();
-
-    const orderPart =
-      options.orderBy && options.orderBy.length > 0
-        ? options.orderBy
-            .map((r) => `${this.escapeId(r.columnName)} ${r.by}`)
-            .join(", ")
-        : "";
-
-    const sql = `SELECT * FROM ${this.escapeId(tableName)}${
-      whereRaw ? ` WHERE ${whereRaw} ` : ""
-    } ${orderPart ? ` ORDER BY ${orderPart}` : ""} LIMIT ${escapeSqlValue(options.limit)} OFFSET ${escapeSqlValue(options.offset)};`;
-
-    return {
-      data: await this.query(sql),
-      schema: await this.tableSchema(tableName),
-    };
-  }
-
-  protected validateUpdateOperation(
-    ops: DatabaseTableOperation[],
-    validateSchema: DatabaseTableSchema
-  ) {
-    for (const op of ops) {
-      const { valid, reason } = validateOperation(op, validateSchema);
-      if (!valid) {
-        throw new Error(reason);
-      }
+      throw new Error("Unexpected error finding table " + tableName);
+    } catch (e) {
+      throw new Error("Unexpected error while parsing");
     }
   }
 
-  async updateTableData(
-    tableName: string,
-    ops: DatabaseTableOperation[],
-    validateSchema?: DatabaseTableSchema
-  ): Promise<DatabaseTableOperationReslt[]> {
-    if (validateSchema) {
-      this.validateUpdateOperation(ops, validateSchema);
-    }
-
-    const sqls = ops.map((op) => {
-      if (op.operation === "INSERT")
-        return generateInsertStatement(tableName, op.values);
-      if (op.operation === "DELETE")
-        return generateDeleteStatement(tableName, op.where);
-
-      return generateUpdateStatement(tableName, op.where, op.values);
-    });
-
-    const result = await this.transaction(sqls);
-    console.log("result", result);
-
-    const tmp: DatabaseTableOperationReslt[] = [];
-
-    for (let i = 0; i < result.length; i++) {
-      const r = result[i];
-      const op = ops[i];
-
-      if (!r || !op) {
-        tmp.push({});
-        continue;
-      }
-
-      if (op.operation === "UPDATE") {
-        const selectStatement = generateSelectOneWithConditionStatement(
-          tableName,
-          op.where
-        );
-
-        // This transform to make it friendly for sending via HTTP
-        const selectResult = await this.query(selectStatement);
-
-        tmp.push({
-          lastId: r.lastInsertRowid,
-          record: selectResult.rows[0],
-        });
-      } else if (op.operation === "INSERT") {
-        if (op.autoIncrementPkColumn) {
-          const selectStatement = generateSelectOneWithConditionStatement(
-            tableName,
-            { [op.autoIncrementPkColumn]: r.lastInsertRowid }
-          );
-
-          // This transform to make it friendly for sending via HTTP
-          const selectResult = await this.query(selectStatement);
-
-          tmp.push({
-            record: selectResult.rows[0],
-            lastId: r.lastInsertRowid,
-          });
-        } else if (op.pk && op.pk.length > 0) {
-          const selectStatement = generateSelectOneWithConditionStatement(
-            tableName,
-            op.pk.reduce<Record<string, unknown>>((a, b) => {
-              a[b] = op.values[b];
-              return a;
-            }, {})
-          );
-
-          // This transform to make it friendly for sending via HTTP
-          const selectResult = await this.query(selectStatement);
-
-          tmp.push({
-            record: selectResult.rows[0],
-            lastId: r.lastInsertRowid,
-          });
-        } else {
-          tmp.push({});
-        }
-      } else {
-        tmp.push({});
-      }
-    }
-
-    return tmp;
+  createUpdateTableSchema(change: DatabaseTableSchemaChange): string[] {
+    return generateSqlSchemaChange(change);
   }
 }
diff --git a/src/drivers/sqlite/sql-helper.test.ts b/src/drivers/sqlite/sql-helper.test.ts
index c955a604..1e82104f 100644
--- a/src/drivers/sqlite/sql-helper.test.ts
+++ b/src/drivers/sqlite/sql-helper.test.ts
@@ -5,9 +5,6 @@ import {
   escapeSqlBinary,
   escapeSqlString,
   escapeSqlValue,
-  generateDeleteStatement,
-  generateInsertStatement,
-  generateUpdateStatement,
   selectStatementFromPosition,
   unescapeIdentity,
 } from "./sql-helper";
@@ -41,40 +38,6 @@ describe("Escape SQL", () => {
   });
 });
 
-describe("Generate SQL Statement", () => {
-  it("Generate insert statement from object", () => {
-    expect(
-      generateInsertStatement("users", {
-        name: "Visal",
-        age: 50,
-        title: "O'reilly",
-      })
-    ).toBe(
-      `INSERT INTO "users"("name", "age", "title") VALUES('Visal', 50, 'O''reilly');`
-    );
-  });
-
-  it("Generate update statement", () => {
-    expect(
-      generateUpdateStatement(
-        "users",
-        {
-          id: 5,
-        },
-        { age: 50, title: "O'reilly" }
-      )
-    ).toBe(
-      `UPDATE "users" SET "age" = 50, "title" = 'O''reilly' WHERE "id" = 5;`
-    );
-  });
-
-  it("Generate delete statement", () => {
-    expect(generateDeleteStatement("users", { id: 5 })).toBe(
-      `DELETE FROM "users" WHERE "id" = 5;`
-    );
-  });
-});
-
 describe("Mapping sqlite column type to our table type", () => {
   const integerType = [
     "INT",
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index 8f139580..77aacd18 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -62,75 +62,6 @@ export function convertSqliteType(
   return TableColumnDataType.TEXT;
 }
 
-export function generateSelectOneWithConditionStatement(
-  tableName: string,
-  condition: Record<string, unknown>
-) {
-  const wherePart = Object.entries(condition)
-    .map(
-      ([columnName, value]) =>
-        `${escapeIdentity(columnName)} = ${escapeSqlValue(value)}`
-    )
-    .join(" AND ");
-
-  return `SELECT * FROM ${escapeIdentity(
-    tableName
-  )} WHERE ${wherePart} LIMIT 1 OFFSET 0;`;
-}
-
-export function generateInsertStatement(
-  tableName: string,
-  value: Record<string, unknown>
-): string {
-  const fieldPart: string[] = [];
-  const valuePart: unknown[] = [];
-
-  for (const entry of Object.entries(value)) {
-    fieldPart.push(entry[0]);
-    valuePart.push(entry[1]);
-  }
-  return `INSERT INTO ${escapeIdentity(tableName)}(${fieldPart
-    .map(escapeIdentity)
-    .join(", ")}) VALUES(${valuePart.map(escapeSqlValue).join(", ")});`;
-}
-
-export function generateDeleteStatement(
-  tableName: string,
-  where: Record<string, unknown>
-) {
-  const wherePart: string = Object.entries(where)
-    .map(
-      ([columnName, value]) =>
-        `${escapeIdentity(columnName)} = ${escapeSqlValue(value)}`
-    )
-    .join(" AND ");
-
-  return `DELETE FROM ${escapeIdentity(tableName)} WHERE ${wherePart};`;
-}
-
-export function generateUpdateStatement(
-  tableName: string,
-  where: Record<string, unknown>,
-  changeValue: Record<string, unknown>
-): string {
-  const setPart = Object.entries(changeValue)
-    .map(([colName, value]) => {
-      return `${escapeIdentity(colName)} = ${escapeSqlValue(value)}`;
-    })
-    .join(", ");
-
-  const wherePart: string = Object.entries(where)
-    .map(
-      ([columnName, value]) =>
-        `${escapeIdentity(columnName)} = ${escapeSqlValue(value)}`
-    )
-    .join(" AND ");
-
-  return `UPDATE ${escapeIdentity(
-    tableName
-  )} SET ${setPart} WHERE ${wherePart};`;
-}
-
 export function selectStatementFromPosition(
   statements: IdentifyResult[],
   pos: number
diff --git a/src/drivers/sqlite/sql-parse-table.test.ts b/src/drivers/sqlite/sql-parse-table.test.ts
index a7200dab..77d3700d 100644
--- a/src/drivers/sqlite/sql-parse-table.test.ts
+++ b/src/drivers/sqlite/sql-parse-table.test.ts
@@ -10,11 +10,11 @@ import {
 
 // Parse column constraint
 function pcc(sql: string) {
-  return parseColumnConstraint(buildSyntaxCursor(sql));
+  return parseColumnConstraint("main", buildSyntaxCursor(sql));
 }
 
 function p(sql: string) {
-  return parseCreateTableScript(sql);
+  return parseCreateTableScript("main", sql);
 }
 
 it("parse column constraint", () => {
@@ -79,6 +79,7 @@ it("parse column constraint", () => {
     pcc(`foreign key ("user_id") references "users" on delete cascade ("id")`)
   ).toEqual({
     foreignKey: {
+      foreignSchemaName: "main",
       columns: ["user_id"],
       foreignTableName: "users",
       foreignColumns: ["id"],
@@ -113,6 +114,7 @@ it("parse create table", () => {
     pk: ["id"],
     autoIncrement: true,
     constraints: [],
+    schemaName: "main",
     columns: [
       {
         name: "id",
@@ -171,6 +173,7 @@ it("parse create table with table constraints", () => {
 
   expect(p(sql)).toEqual({
     tableName: "users",
+    schemaName: "main",
     pk: ["first_name", "last_name"],
     autoIncrement: false,
     constraints: [
@@ -181,6 +184,7 @@ it("parse create table with table constraints", () => {
       },
       {
         foreignKey: {
+          foreignSchemaName: "main",
           columns: ["category_id"],
           foreignColumns: ["id"],
           foreignTableName: "category",
@@ -210,6 +214,7 @@ it("parse fts5 virtual table", () => {
   const sql = `create virtual table name_fts using fts5(name, tokenize='trigram');`;
   expect(p(sql)).toEqual({
     tableName: "name_fts",
+    schemaName: "main",
     autoIncrement: false,
     pk: [],
     columns: [],
@@ -222,6 +227,7 @@ it("parse fts5 virtual table with external content", () => {
   const sql = `create virtual table name_fts using fts5(name, tokenize='trigram', content='student', content_rowid='id');`;
   expect(p(sql)).toEqual({
     tableName: "name_fts",
+    schemaName: "main",
     autoIncrement: false,
     pk: [],
     columns: [],
diff --git a/src/drivers/sqlite/sql-parse-table.ts b/src/drivers/sqlite/sql-parse-table.ts
index 0ded51cf..1f9604a1 100644
--- a/src/drivers/sqlite/sql-parse-table.ts
+++ b/src/drivers/sqlite/sql-parse-table.ts
@@ -122,7 +122,10 @@ export function buildSyntaxCursor(sql: string): Cursor {
   return new Cursor(r, sql);
 }
 
-function parseColumnDef(cursor: Cursor): DatabaseTableColumn | null {
+function parseColumnDef(
+  schemaName: string,
+  cursor: Cursor
+): DatabaseTableColumn | null {
   const columnName = cursor.consumeIdentifier();
   if (!columnName) return null;
 
@@ -136,7 +139,7 @@ function parseColumnDef(cursor: Cursor): DatabaseTableColumn | null {
     cursor.next();
   }
 
-  const constraint = parseColumnConstraint(cursor);
+  const constraint = parseColumnConstraint(schemaName, cursor);
 
   return {
     name: columnName,
@@ -178,6 +181,7 @@ export function parseColumnList(columnPtr: Cursor) {
 }
 
 export function parseColumnConstraint(
+  schemaName: string,
   cursor: Cursor
 ): DatabaseTableColumnConstraint | undefined {
   if (cursor.matchKeyword("CONSTRAINT")) {
@@ -185,7 +189,7 @@ export function parseColumnConstraint(
     const constraintName = cursor.consumeIdentifier();
 
     return {
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
       name: constraintName,
     };
   } else if (cursor.matchKeyword("PRIMARY")) {
@@ -226,7 +230,7 @@ export function parseColumnConstraint(
       primaryColumns,
       autoIncrement,
       primaryKeyConflict: conflict,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("NOT")) {
     cursor.next();
@@ -237,7 +241,7 @@ export function parseColumnConstraint(
     return {
       notNull: true,
       notNullConflict: conflict,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("UNIQUE")) {
     let uniqueColumns: string[] | undefined;
@@ -256,7 +260,7 @@ export function parseColumnConstraint(
       unique: true,
       uniqueConflict: conflict,
       uniqueColumns,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("DEFAULT")) {
     let defaultValue: unknown;
@@ -296,7 +300,7 @@ export function parseColumnConstraint(
     return {
       defaultValue,
       defaultExpression,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("CHECK")) {
     cursor.next();
@@ -306,7 +310,7 @@ export function parseColumnConstraint(
 
     return {
       checkExpression: expr,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("COLLATE")) {
     cursor.next();
@@ -316,7 +320,7 @@ export function parseColumnConstraint(
 
     return {
       collate: collationName,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.matchKeyword("FOREIGN")) {
     cursor.next();
@@ -330,10 +334,11 @@ export function parseColumnConstraint(
 
     const columns = parseColumnList(parens);
     cursor.next();
-    const refConstraint = parseColumnConstraint(cursor);
+    const refConstraint = parseColumnConstraint(schemaName, cursor);
 
     return {
       foreignKey: {
+        foreignSchemaName: schemaName,
         foreignTableName: refConstraint?.foreignKey?.foreignTableName ?? "",
         foreignColumns: refConstraint?.foreignKey?.foreignColumns ?? [],
         columns,
@@ -363,7 +368,7 @@ export function parseColumnConstraint(
         foreignTableName,
         foreignColumns,
       },
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   } else if (cursor.match("GENERATED")) {
     cursor.next();
@@ -385,14 +390,17 @@ export function parseColumnConstraint(
     return {
       generatedType: virtualColumnType,
       generatedExpression: expr,
-      ...parseColumnConstraint(cursor),
+      ...parseColumnConstraint(schemaName, cursor),
     };
   }
 
   return undefined;
 }
 
-function parseTableDefinition(cursor: Cursor): {
+function parseTableDefinition(
+  schemaName: string,
+  cursor: Cursor
+): {
   columns: DatabaseTableColumn[];
   constraints: DatabaseTableColumnConstraint[];
 } {
@@ -412,13 +420,13 @@ function parseTableDefinition(cursor: Cursor): {
         "FOREIGN",
       ])
     ) {
-      const constraint = parseColumnConstraint(cursor);
+      const constraint = parseColumnConstraint(schemaName, cursor);
       if (constraint) {
         constraints.push(constraint);
         moveNext = true;
       }
     } else {
-      const column = parseColumnDef(cursor);
+      const column = parseColumnDef(schemaName, cursor);
       if (column) {
         columns.push(column);
         moveNext = true;
@@ -496,7 +504,10 @@ function parseFTS5(cursor: Cursor | null): DatabaseTableFts5 {
 
 // Our parser follows this spec
 // https://www.sqlite.org/lang_createtable.html
-export function parseCreateTableScript(sql: string): DatabaseTableSchema {
+export function parseCreateTableScript(
+  schemaName: string,
+  sql: string
+): DatabaseTableSchema {
   const tree = sqliteDialect.language.parser.parse(sql);
   const ptr = tree.cursor();
 
@@ -526,7 +537,7 @@ export function parseCreateTableScript(sql: string): DatabaseTableSchema {
 
   const defCursor = cursor.enterParens();
   const defs = defCursor
-    ? parseTableDefinition(defCursor)
+    ? parseTableDefinition(schemaName, defCursor)
     : { columns: [], constraints: [] };
 
   const pk = defs.columns.filter((col) => col.pk).map((col) => col.name);
@@ -537,6 +548,7 @@ export function parseCreateTableScript(sql: string): DatabaseTableSchema {
 
   return {
     tableName,
+    schemaName,
     ...defs,
     pk,
     autoIncrement,
diff --git a/src/messages/open-tab.tsx b/src/messages/open-tab.tsx
index 824f7619..c585ad9c 100644
--- a/src/messages/open-tab.tsx
+++ b/src/messages/open-tab.tsx
@@ -16,6 +16,7 @@ import TriggerTab from "@/components/gui/tabs/trigger-tab";
 
 interface OpenTableTab {
   type: "table";
+  schemaName: string;
   tableName: string;
 }
 
@@ -31,6 +32,7 @@ interface OpenQueryTab {
 
 interface OpenTableSchemaTab {
   type: "schema";
+  schemaName?: string;
   tableName?: string;
 }
 
@@ -40,6 +42,7 @@ interface OpenUserTab {
 
 interface OpenTriggerTab {
   type: "trigger";
+  schemaName: string;
   tableName?: string;
   name?: string;
 }
@@ -67,9 +70,12 @@ function generateKeyFromTab(tab: OpenTabsProps) {
     return "query-" + window.crypto.randomUUID();
   }
 
-  if (tab.type === "table") return "table-" + tab.tableName;
+  if (tab.type === "table")
+    return "table-" + tab.schemaName + "-" + tab.tableName;
   if (tab.type === "schema")
-    return !tab.tableName ? "create-schema" : "schema-" + tab.tableName;
+    return !tab.tableName
+      ? "create-schema"
+      : "schema-" + tab.schemaName + "-" + tab.tableName;
   if (tab.type === "user") return "user";
 
   return "trigger-" + (tab.name ?? "");
@@ -111,11 +117,15 @@ function generateComponent(tab: OpenTabsProps, title: string) {
     return <QueryWindow initialName={title} />;
   }
   if (tab.type === "table")
-    return <TableDataWindow tableName={tab.tableName} />;
+    return (
+      <TableDataWindow tableName={tab.tableName} schemaName={tab.schemaName} />
+    );
   if (tab.type === "schema")
-    return <SchemaEditorTab tableName={tab.tableName} />;
+    return (
+      <SchemaEditorTab tableName={tab.tableName} schemaName={tab.schemaName} />
+    );
   if (tab.type === "user") return <UsersTab />;
-  return <TriggerTab name={tab.name ?? ""} />;
+  return <TriggerTab schemaName={tab.schemaName} name={tab.name ?? ""} />;
 }
 
 export function receiveOpenTabMessage({

From f7e935a62181e6a61b0c1f8b73320fe01efcc0b7 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 6 Sep 2024 07:25:23 +0700
Subject: [PATCH 097/124] fix: number should consider as INTEGER

---
 src/drivers/sqlite/sql-helper.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index 77aacd18..9d168848 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -49,6 +49,7 @@ export function convertSqliteType(
   if (type.includes("STRING")) return TableColumnDataType.TEXT;
 
   if (type.includes("INT")) return TableColumnDataType.INTEGER;
+  if (type.includes("NUMBER")) return TableColumnDataType.INTEGER;
 
   if (type.includes("BLOB")) return TableColumnDataType.BLOB;
 

From 56cd271d251cafd9cfbc0cba4dc8f8c83c62e1a1 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 6 Sep 2024 07:37:10 +0700
Subject: [PATCH 098/124] fixing the fk lookup

---
 src/drivers/sqlite/sql-parse-table.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/drivers/sqlite/sql-parse-table.ts b/src/drivers/sqlite/sql-parse-table.ts
index 1f9604a1..d2257c94 100644
--- a/src/drivers/sqlite/sql-parse-table.ts
+++ b/src/drivers/sqlite/sql-parse-table.ts
@@ -365,6 +365,7 @@ export function parseColumnConstraint(
 
     return {
       foreignKey: {
+        foreignSchemaName: schemaName,
         foreignTableName,
         foreignColumns,
       },

From f3b545bc054838e5272c6910c0e51276747c361b Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 6 Sep 2024 08:01:01 +0700
Subject: [PATCH 099/124] fixing style

---
 src/components/gui/query-result-table.tsx    | 4 ++--
 src/components/gui/table-optimized/index.tsx | 3 ++-
 src/components/listview/index.tsx            | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/gui/query-result-table.tsx b/src/components/gui/query-result-table.tsx
index c92b10e1..b3d965fe 100644
--- a/src/components/gui/query-result-table.tsx
+++ b/src/components/gui/query-result-table.tsx
@@ -43,7 +43,7 @@ function Header({
     <DropdownMenu modal={false} onOpenChange={setOpen} open={open}>
       <DropdownMenuTrigger asChild>
         <div
-          className="flex grow items-center px-2"
+          className="flex grow items-center px-2 overflow-hidden"
           onContextMenu={() => {
             setOpen(true);
           }}
@@ -52,7 +52,7 @@ function Header({
           <div className="grow line-clamp-1 font-mono font-bold">
             {header.displayName}
           </div>
-          <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
+          <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer flex-shrink-0" />
         </div>
       </DropdownMenuTrigger>
       <DropdownMenuContent
diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index 633b7e3b..d1b6c60d 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -182,7 +182,8 @@ function renderCellList({
       >
         {hasSticky && (
           <td
-            className={cn("sticky left-0 z-1", "bg-background")}
+            style={{ zIndex: 100 }}
+            className={cn("sticky left-0", "bg-background")}
             onMouseDown={handleCellClicked(
               absoluteRowIndex,
               headers[0]?.index ?? -1
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
index 1f4ebbd7..39d3d67b 100644
--- a/src/components/listview/index.tsx
+++ b/src/components/listview/index.tsx
@@ -219,7 +219,7 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
                       )}
                     />
                   )}
-                  <div className="text-xs">
+                  <div className="text-xs line-clamp-1">
                     <Highlight text={item.name} highlight={highlight} />
                     {item.badgeContent && (
                       <span

From ca0bdb381ee8c49473691920254fab7ea7816708 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 6 Sep 2024 13:31:15 +0700
Subject: [PATCH 100/124] fixing test error

---
 src/drivers/sqlite/sql-parse-table.test.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/drivers/sqlite/sql-parse-table.test.ts b/src/drivers/sqlite/sql-parse-table.test.ts
index 77d3700d..149654dd 100644
--- a/src/drivers/sqlite/sql-parse-table.test.ts
+++ b/src/drivers/sqlite/sql-parse-table.test.ts
@@ -88,6 +88,7 @@ it("parse column constraint", () => {
 
   expect(pcc(`references "users" on delete cascade ("id")`)).toEqual({
     foreignKey: {
+      foreignSchemaName: "main",
       foreignTableName: "users",
       foreignColumns: ["id"],
     },
@@ -130,6 +131,7 @@ it("parse create table", () => {
         type: "integer",
         constraint: {
           foreignKey: {
+            foreignSchemaName: "main",
             foreignTableName: "product",
             foreignColumns: ["id"],
           },

From 8d95d9571cca4d70f3683990ce0ecc300290dfaf Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 10 Sep 2024 20:16:41 +0700
Subject: [PATCH 101/124] feat: change dialect based on the driver (#157)

* feat: change dialect based on the driver

* add schema to the extension
---
 src/components/gui/sql-editor/index.tsx | 62 ++++++++++++++++++-------
 src/components/gui/tabs/query-tab.tsx   |  1 +
 src/components/gui/tabs/trigger-tab.tsx |  5 +-
 src/drivers/base-driver.ts              |  2 +
 src/drivers/mysql/mysql-driver.ts       |  1 +
 src/drivers/sqlite-base-driver.ts       |  1 +
 6 files changed, 54 insertions(+), 18 deletions(-)

diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index febd12e0..dddac6de 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -1,13 +1,15 @@
 import CodeMirror, {
   EditorView,
+  Extension,
   ReactCodeMirrorRef,
 } from "@uiw/react-codemirror";
+import { LanguageSupport } from "@codemirror/language";
 import {
   acceptCompletion,
   completionStatus,
   startCompletion,
 } from "@codemirror/autocomplete";
-import { sql, SQLNamespace } from "@codemirror/lang-sql";
+import { sql, SQLNamespace, MySQL as MySQLDialect } from "@codemirror/lang-sql";
 import { forwardRef, KeyboardEventHandler, useMemo } from "react";
 
 import { defaultKeymap, insertTab } from "@codemirror/commands";
@@ -19,9 +21,11 @@ import { sqliteDialect } from "@/drivers/sqlite/sqlite-dialect";
 import { functionTooltip } from "./function-tooltips";
 import sqliteFunctionList from "@/drivers/sqlite/function-tooltip.json";
 import { toast } from "sonner";
+import { SupportedDialect } from "@/drivers/base-driver";
 
 interface SqlEditorProps {
   value: string;
+  dialect: SupportedDialect;
   readOnly?: boolean;
   onChange?: (value: string) => void;
   schema?: SQLNamespace;
@@ -38,6 +42,7 @@ interface SqlEditorProps {
 const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
   function SqlEditor(
     {
+      dialect,
       value,
       onChange,
       schema,
@@ -119,6 +124,44 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
       ]);
     }, [fontSize, onFontSizeChanged]);
 
+    const extensions = useMemo(() => {
+      let sqlDialect: LanguageSupport | undefined = undefined;
+      let tooltipExtension: Extension | undefined = undefined;
+
+      if (dialect === "sqlite") {
+        sqlDialect = sql({
+          dialect: sqliteDialect,
+          schema,
+        });
+        tooltipExtension = functionTooltip(sqliteFunctionList);
+      } else {
+        sqlDialect = sql({
+          dialect: MySQLDialect,
+          schema,
+        });
+      }
+
+      return [
+        keyExtensions,
+        sqlDialect,
+        tooltipExtension,
+        tableNameHighlightPlugin,
+        EditorView.updateListener.of((state) => {
+          const pos = state.state.selection.main.head;
+          const line = state.state.doc.lineAt(pos);
+          const lineNumber = line.number;
+          const columnNumber = pos - line.from;
+          if (onCursorChange) onCursorChange(pos, lineNumber, columnNumber);
+        }),
+      ].filter(Boolean) as Extension[];
+    }, [
+      dialect,
+      onCursorChange,
+      keyExtensions,
+      schema,
+      tableNameHighlightPlugin,
+    ]);
+
     return (
       <CodeMirror
         ref={ref}
@@ -137,22 +180,7 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
           fontSize: 20,
           height: "100%",
         }}
-        extensions={[
-          keyExtensions,
-          sql({
-            dialect: sqliteDialect,
-            schema,
-          }),
-          functionTooltip(sqliteFunctionList),
-          tableNameHighlightPlugin,
-          EditorView.updateListener.of((state) => {
-            const pos = state.state.selection.main.head;
-            const line = state.state.doc.lineAt(pos);
-            const lineNumber = line.number;
-            const columnNumber = pos - line.from;
-            if (onCursorChange) onCursorChange(pos, lineNumber, columnNumber);
-          }),
-        ]}
+        extensions={extensions}
       />
     );
   }
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 329fc256..f347e78f 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -227,6 +227,7 @@ export default function QueryWindow({
           <div className="grow overflow-hidden">
             <SqlEditor
               ref={editorRef}
+              dialect={databaseDriver.getFlags().dialect}
               value={code}
               onChange={setCode}
               schema={autoCompleteSchema}
diff --git a/src/components/gui/tabs/trigger-tab.tsx b/src/components/gui/tabs/trigger-tab.tsx
index e11bc283..1f7c83ac 100644
--- a/src/components/gui/tabs/trigger-tab.tsx
+++ b/src/components/gui/tabs/trigger-tab.tsx
@@ -77,7 +77,10 @@ export default function TriggerTab({
       </div>
       <div className="grow overflow-hidden">
         <div className="h-full">
-          <SqlEditor value={trigger?.statement ?? ""} />
+          <SqlEditor
+            value={trigger?.statement ?? ""}
+            dialect={databaseDriver.getFlags().dialect}
+          />
         </div>
       </div>
     </div>
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 0f8a392e..ace202e1 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -31,6 +31,7 @@ export function describeTableColumnType(type: TableColumnDataType) {
   }
 }
 
+export type SupportedDialect = "sqlite" | "mysql";
 export type SqlOrder = "ASC" | "DESC";
 export type DatabaseRow = Record<string, unknown>;
 
@@ -202,6 +203,7 @@ export interface DriverFlags {
   supportBigInt: boolean;
   supportCreateUpdateTable: boolean;
   mismatchDetection: boolean;
+  dialect: SupportedDialect;
 }
 
 export interface DatabaseTableColumnChange {
diff --git a/src/drivers/mysql/mysql-driver.ts b/src/drivers/mysql/mysql-driver.ts
index 011c7c26..fadad578 100644
--- a/src/drivers/mysql/mysql-driver.ts
+++ b/src/drivers/mysql/mysql-driver.ts
@@ -51,6 +51,7 @@ export default abstract class MySQLLikeDriver extends CommonSQLImplement {
       supportBigInt: false,
       mismatchDetection: false,
       supportCreateUpdateTable: false,
+      dialect: "mysql",
     };
   }
 
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index e826cef1..d83ce171 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -30,6 +30,7 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
       optionalSchema: true,
       mismatchDetection: false,
       supportCreateUpdateTable: true,
+      dialect: "sqlite",
     };
   }
 

From 0045213ff4f5c6b8be0c93ccfa145d6b550a8721 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 15:07:52 +0700
Subject: [PATCH 102/124] add mysql landing page

---
 src/app/(public)/databases/mysql/page.tsx | 141 ++++++++++++++++++++++
 src/app/(public)/page.tsx                 |   5 +-
 2 files changed, 142 insertions(+), 4 deletions(-)
 create mode 100644 src/app/(public)/databases/mysql/page.tsx

diff --git a/src/app/(public)/databases/mysql/page.tsx b/src/app/(public)/databases/mysql/page.tsx
new file mode 100644
index 00000000..ca900db1
--- /dev/null
+++ b/src/app/(public)/databases/mysql/page.tsx
@@ -0,0 +1,141 @@
+import { MySQLIcon } from "@/components/icons/outerbase-icon";
+import WebsiteLayout from "@/components/website-layout";
+import { Metadata } from "next";
+
+const siteDescription =
+  "LibSQL Studio is a fully-featured, lightweight GUI client for managing MySQL databases";
+
+export const metadata: Metadata = {
+  title: "MySQL - LibSQL Studio",
+  keywords: ["mysql", "studio", "browser", "editor", "gui", "online", "client"],
+  description: siteDescription,
+  openGraph: {
+    siteName: "LibSQL Studio",
+    description: siteDescription,
+  },
+};
+
+function HeroSection() {
+  return (
+    <div className="mt-32 relative h-[428px]">
+      <div
+        className="absolute top-0 bottom-0 left-0 right-0 transform-gpu before:absolute before:top-0 before:z-10 before:h-32 before:w-full before:bg-gradient-to-b before:from-black before:to-black/0 after:absolute after:bottom-0 after:left-0 after:h-full after:w-full after:bg-gradient-to-t after:from-black after:to-black/0"
+        style={{
+          background: `url(/hero-banner.jpg)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+        }}
+      ></div>
+
+      <div className="absolute top-0 bottom-0 left-0 right-0 -mt-16">
+        <div className="mx-auto container">
+          <h2 className="text-4xl flex  gap-4  items-center font-bold text-white">
+            <MySQLIcon />
+            <span>MySQL Support</span>
+          </h2>
+          <p className="max-w-[700px] mt-6 text-lg">
+            LibSQL Studio is a lightweight, fully-featured GUI client for MySQL
+            databases. It enables you to manage and view your database, or
+            expose your database interface externally and much more.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function DatabaseMySqlPage() {
+  return (
+    <WebsiteLayout>
+      <HeroSection />
+
+      <div className="container mx-auto my-24">
+        <h2 className="text-2xl flex  gap-4  items-center font-bold text-white mb-4">
+          Connecting
+        </h2>
+
+        <p>
+          You can connect to your MySQL database using our command line
+          interface.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            &gt;&nbsp;npx{" "}
+            <span className="text-yellow-500 mr-2">@outerbase/studio</span>
+            <span className="text-green-500">
+              mysql://root:123@localhost:3306/chinook
+            </span>
+          </div>
+          <div className="border-double border-4 border-gray-400 border-white inline-block mt-4 text-gray-400">
+            <div>{"                                              "}</div>
+            <div>{"    Serving!                                  "}</div>
+            <div>{"    - Local:    http://localhost:4000         "}</div>
+            <div>{"    - Network:  http://xxx.xxx.xxx.xxx:4000    "}</div>
+            <div>{"                                              "}</div>
+          </div>
+        </pre>
+
+        <p>
+          You can also configure the port and secure it with authentication.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            <div>
+              &gt;&nbsp;npx{" "}
+              <span className="text-yellow-500 mr-2">@outerbase/studio</span> \
+            </div>
+            <div className="ml-8">--port=5000 \</div>
+            <div className="ml-8">--user=admin --pass=123 \</div>
+            <div className="ml-8">
+              <span className="text-green-500">
+                mysql://root:123@localhost:3306/chinook
+              </span>
+            </div>
+          </div>
+        </pre>
+
+        <h2 className="text-2xl flex gap-4 items-center font-bold text-white my-4 mt-12">
+          Configuration File
+        </h2>
+
+        <p>
+          Tired of typing long connection strings repeatedly? Simply save the
+          configuration to a file and use it whenever needed. Create{" "}
+          <span className="font-mono text-white">outerbase.json</span>
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          {`{
+  "driver": "mysql",
+  "connection": {
+    "database": "chinook",
+    "host": "localhost",
+    "port": 3306,
+    "user": "root",
+    "password": "123456"
+  }
+}
+`}
+        </pre>
+
+        <p>
+          Next, run our command line tool to start the service. By default, it
+          will search for the{" "}
+          <span className="font-mono text-white">outerbase.json</span>{" "}
+          configuration file. Alternatively, you can specify a custom
+          configuration using the{" "}
+          <span className="font-mono text-white">--config</span> flag.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            &gt;&nbsp;npx{" "}
+            <span className="text-yellow-500 mr-2">@outerbase/studio</span>
+          </div>
+        </pre>
+      </div>
+    </WebsiteLayout>
+  );
+}
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 786fa2f8..89d06e9e 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -125,12 +125,9 @@ function SupportDriver() {
             </span>
           </DatabaseBlock>
 
-          <DatabaseBlock center link="#">
+          <DatabaseBlock center link="/databases/mysql">
             <MySQLIcon />
             <span>MySQL</span>
-            <span className="text-xs -mt-2 text-yellow-500">
-              Coming Soon 15th Sep 2024
-            </span>
           </DatabaseBlock>
 
           <DatabaseBlock center link="#">

From 28a749d7b14ea4bdb8b0973adeaf1d78e335ac16 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 18:25:58 +0700
Subject: [PATCH 103/124] feat: add experiment statement gutter highlight
 (#155)

* add experiment statement gutter highlight

* initial highlight code

* change how we select statement
---
 package-lock.json                             |   9 -
 package.json                                  |   1 -
 src/components/gui/sql-editor/index.tsx       |   8 +
 .../sql-editor/statement-highlight.test.ts    | 155 ++++++++++++++++
 .../gui/sql-editor/statement-highlight.ts     | 172 ++++++++++++++++++
 src/components/gui/tabs/query-tab.tsx         |  30 +--
 src/drivers/sqlite/sql-helper.test.ts         |  28 ---
 src/drivers/sqlite/sql-helper.ts              |  11 --
 8 files changed, 352 insertions(+), 62 deletions(-)
 create mode 100644 src/components/gui/sql-editor/statement-highlight.test.ts
 create mode 100644 src/components/gui/sql-editor/statement-highlight.ts

diff --git a/package-lock.json b/package-lock.json
index 767a399c..a342ec0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -75,7 +75,6 @@
         "react-resizable-panels": "^1.0.9",
         "sonner": "^1.4.41",
         "sql-formatter": "^15.3.2",
-        "sql-query-identifier": "^2.6.0",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
         "zod": "^3.22.4"
@@ -21931,14 +21930,6 @@
         "sql-formatter": "bin/sql-formatter-cli.cjs"
       }
     },
-    "node_modules/sql-query-identifier": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/sql-query-identifier/-/sql-query-identifier-2.7.0.tgz",
-      "integrity": "sha512-MTDRfn0kUv+9ELnt9wt/FATi03Wq1j3YvhE5Up8ToE5Afk5zzBgVHPuIu1bVhqNqfF0aeIPl3vEzZ60H1yv0ag==",
-      "engines": {
-        "node": ">= 10.13"
-      }
-    },
     "node_modules/sql.js": {
       "version": "1.10.3",
       "resolved": "https://registry.npmjs.org/sql.js/-/sql.js-1.10.3.tgz",
diff --git a/package.json b/package.json
index fa5b8e6c..a035b1e8 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,6 @@
     "react-resizable-panels": "^1.0.9",
     "sonner": "^1.4.41",
     "sql-formatter": "^15.3.2",
-    "sql-query-identifier": "^2.6.0",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index dddac6de..bcd23406 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -21,6 +21,7 @@ import { sqliteDialect } from "@/drivers/sqlite/sqlite-dialect";
 import { functionTooltip } from "./function-tooltips";
 import sqliteFunctionList from "@/drivers/sqlite/function-tooltip.json";
 import { toast } from "sonner";
+import SqlStatementHighlightPlugin from "./statement-highlight";
 import { SupportedDialect } from "@/drivers/base-driver";
 
 interface SqlEditorProps {
@@ -142,10 +143,17 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
       }
 
       return [
+        EditorView.baseTheme({
+          "& .cm-line": {
+            borderLeft: "3px solid transparent",
+            paddingLeft: "10px",
+          },
+        }),
         keyExtensions,
         sqlDialect,
         tooltipExtension,
         tableNameHighlightPlugin,
+        SqlStatementHighlightPlugin,
         EditorView.updateListener.of((state) => {
           const pos = state.state.selection.main.head;
           const line = state.state.doc.lineAt(pos);
diff --git a/src/components/gui/sql-editor/statement-highlight.test.ts b/src/components/gui/sql-editor/statement-highlight.test.ts
new file mode 100644
index 00000000..324202ad
--- /dev/null
+++ b/src/components/gui/sql-editor/statement-highlight.test.ts
@@ -0,0 +1,155 @@
+import { MySQL, SQLite } from "@codemirror/lang-sql";
+import { EditorState } from "@codemirror/state";
+import { splitSqlQuery } from "./statement-highlight";
+
+function sqlite(code: string) {
+  const state = EditorState.create({ doc: code, extensions: [SQLite] });
+  return splitSqlQuery(state).map((p) => p.text);
+}
+
+function mysql(code: string) {
+  const state = EditorState.create({ doc: code, extensions: [MySQL] });
+  return splitSqlQuery(state).map((p) => p.text);
+}
+
+describe("split sql statements", () => {
+  test("should parse a query with different statements in a single line", () => {
+    expect(
+      sqlite(
+        `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');SELECT * FROM Persons`
+      )
+    ).toEqual([
+      `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');`,
+      `SELECT * FROM Persons`,
+    ]);
+  });
+
+  test("should identify a query with different statements in multiple lines", () => {
+    expect(
+      sqlite(`
+        INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');
+        SELECT * FROM Persons';
+      `)
+    ).toEqual([
+      `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');`,
+      `SELECT * FROM Persons';\n      `,
+    ]);
+  });
+
+  test("sholud be able to split statement with BEGIN and END", () => {
+    expect(
+      sqlite(`CREATE TABLE customer(
+  cust_id INTEGER PRIMARY KEY,
+  cust_name TEXT,
+  cust_addr TEXT
+);
+
+-- some comment here that should be ignore
+
+
+CREATE VIEW customer_address AS
+   SELECT cust_id, cust_addr FROM customer;
+CREATE TRIGGER cust_addr_chng
+INSTEAD OF UPDATE OF cust_addr ON customer_address
+BEGIN
+  UPDATE customer SET cust_addr=NEW.cust_addr
+   WHERE cust_id=NEW.cust_id;
+END ;`)
+    ).toEqual([
+      `CREATE TABLE customer(\n  cust_id INTEGER PRIMARY KEY,\n  cust_name TEXT,\n  cust_addr TEXT\n);`,
+      `CREATE VIEW customer_address AS\n   SELECT cust_id, cust_addr FROM customer;`,
+      `CREATE TRIGGER cust_addr_chng\nINSTEAD OF UPDATE OF cust_addr ON customer_address\nBEGIN\n  UPDATE customer SET cust_addr=NEW.cust_addr\n   WHERE cust_id=NEW.cust_id;\nEND ;`,
+    ]);
+  });
+
+  test("should be able to split statement with BEGIN and END and CONDITION inside", () => {
+    expect(
+      mysql(`CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;
+    END IF;
+END; SELECT * FROM hello`)
+    ).toEqual([
+      `CREATE TRIGGER upd_check BEFORE UPDATE ON account\nFOR EACH ROW\nBEGIN\n    IF NEW.amount < 0 THEN\n        SET NEW.amount = 0;\n    ELSEIF NEW.amount > 100 THEN\n        SET NEW.amount = 100;\n    END IF;\nEND;`,
+      "SELECT * FROM hello",
+    ]);
+  });
+
+  test("should be able to split statement with BEGIN with no end", () => {
+    expect(
+      mysql(`SELECT * FROM outerbase; CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;`)
+    ).toEqual([
+      "SELECT * FROM outerbase;",
+      `CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;`,
+    ]);
+  });
+
+  test("should be able to split TRIGGER without begin", () => {
+    expect(
+      mysql(`create trigger hire_log after insert on employees 
+for each row insert into hiring values (new.id, current_time());
+    
+insert into employees (first_name, last_name) values ("Tim", "Sehn");`)
+    ).toEqual([
+      `create trigger hire_log after insert on employees \nfor each row insert into hiring values (new.id, current_time());`,
+      `insert into employees (first_name, last_name) values ("Tim", "Sehn");`,
+    ]);
+  });
+
+  test("should be able to split nested BEGIN", () => {
+    expect(
+      mysql(
+        `CREATE PROCEDURE procCreateCarTable
+IS
+BEGIN
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE CARS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE CARS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE    
+    VARCHAR2(10))';
+  END;
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE TRUCKS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE TRUCKS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE 
+    VARCHAR2(10))';
+  END;
+END; SELECT * FROM outeerbase;`
+      )
+    ).toEqual([
+      `CREATE PROCEDURE procCreateCarTable
+IS
+BEGIN
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE CARS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE CARS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE    
+    VARCHAR2(10))';
+  END;
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE TRUCKS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE TRUCKS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE 
+    VARCHAR2(10))';
+  END;
+END;`,
+      "SELECT * FROM outeerbase;",
+    ]);
+  });
+});
diff --git a/src/components/gui/sql-editor/statement-highlight.ts b/src/components/gui/sql-editor/statement-highlight.ts
new file mode 100644
index 00000000..49cfb857
--- /dev/null
+++ b/src/components/gui/sql-editor/statement-highlight.ts
@@ -0,0 +1,172 @@
+import {
+  Decoration,
+  EditorState,
+  EditorView,
+  StateField,
+  Range,
+} from "@uiw/react-codemirror";
+import { syntaxTree } from "@codemirror/language";
+import { SyntaxNode } from "@lezer/common";
+
+const statementLineHighlight = Decoration.line({
+  class: "cm-highlight-statement",
+});
+
+export interface StatementSegment {
+  from: number;
+  to: number;
+  text: string;
+}
+
+function toNodeString(state: EditorState, node: SyntaxNode) {
+  return state.doc.sliceString(node.from, node.to);
+}
+
+function isRequireEndStatement(state: EditorState, node: SyntaxNode): number {
+  const ptr = node.firstChild;
+  if (!ptr) return 0;
+
+  // Majority of the query will fall in SELECT, INSERT, UPDATE, DELETE
+  const firstKeyword = toNodeString(state, ptr).toLowerCase();
+  if (firstKeyword === "select") return 0;
+  if (firstKeyword === "insert") return 0;
+  if (firstKeyword === "update") return 0;
+  if (firstKeyword === "delete") return 0;
+
+  const keywords = node.getChildren("Keyword");
+  if (keywords.length === 0) return 0;
+
+  return keywords.filter(
+    (k) => toNodeString(state, k).toLowerCase() === "begin"
+  ).length;
+}
+
+function isEndStatement(state: EditorState, node: SyntaxNode) {
+  let ptr = node.firstChild;
+  if (!ptr) return false;
+  if (toNodeString(state, ptr).toLowerCase() !== "end") return false;
+
+  ptr = ptr.nextSibling;
+  if (!ptr) return false;
+  if (toNodeString(state, ptr) !== ";") return false;
+
+  return true;
+}
+
+export function splitSqlQuery(
+  state: EditorState,
+  generateText: boolean = true
+): StatementSegment[] {
+  const topNode = syntaxTree(state).topNode;
+
+  // Get all the statements
+  let needEndStatementCounter = 0;
+  const statements = topNode.getChildren("Statement");
+
+  if (statements.length === 0) return [];
+
+  const statementGroups: SyntaxNode[][] = [];
+  let accumulateNodes: SyntaxNode[] = [];
+  let i = 0;
+
+  for (; i < statements.length; i++) {
+    const statement = statements[i];
+    needEndStatementCounter += isRequireEndStatement(state, statement);
+
+    if (needEndStatementCounter) {
+      accumulateNodes.push(statement);
+    } else {
+      statementGroups.push([statement]);
+    }
+
+    if (needEndStatementCounter && isEndStatement(state, statement)) {
+      needEndStatementCounter--;
+      if (needEndStatementCounter === 0) {
+        statementGroups.push(accumulateNodes);
+        accumulateNodes = [];
+      }
+    }
+  }
+
+  if (accumulateNodes.length > 0) {
+    statementGroups.push(accumulateNodes);
+  }
+
+  return statementGroups.map((r) => ({
+    from: r[0].from,
+    to: r[r.length - 1].to,
+    text: generateText
+      ? state.doc.sliceString(r[0].from, r[r.length - 1].to)
+      : "",
+  }));
+}
+
+export function resolveToNearestStatement(
+  state: EditorState
+): { from: number; to: number } | null {
+  // Breakdown and grouping the statement
+  const cursor = state.selection.main.from;
+  const statements = splitSqlQuery(state, false);
+
+  if (statements.length === 0) return null;
+
+  // Check if our current cursor is within any statement
+  let i = 0;
+  for (; i < statements.length; i++) {
+    const statement = statements[i];
+    if (cursor < statement.from) break;
+    if (cursor > statement.to) continue;
+    if (cursor >= statement.from && cursor <= statement.to) return statement;
+  }
+
+  if (i === 0) return statements[0];
+  if (i === statements.length) return statements[i - 1];
+
+  const cursorLine = state.doc.lineAt(cursor).number;
+  const topLine = state.doc.lineAt(statements[i - 1].to).number;
+  const bottomLine = state.doc.lineAt(statements[i].from).number;
+
+  if (cursorLine - topLine >= bottomLine - cursorLine) {
+    return statements[i];
+  } else {
+    return statements[i - 1];
+  }
+}
+function getDecorationFromState(state: EditorState) {
+  const statement = resolveToNearestStatement(state);
+
+  if (!statement) return Decoration.none;
+
+  // Get the line of the node
+  const fromLineNumber = state.doc.lineAt(statement.from).number;
+  const toLineNumber = state.doc.lineAt(statement.to).number;
+
+  const d: Range<Decoration>[] = [];
+  for (let i = fromLineNumber; i <= toLineNumber; i++) {
+    d.push(statementLineHighlight.range(state.doc.line(i).from));
+  }
+
+  return Decoration.set(d);
+}
+
+const SqlStatementStateField = StateField.define({
+  create(state) {
+    return getDecorationFromState(state);
+  },
+
+  update(_, tr) {
+    return getDecorationFromState(tr.state);
+  },
+
+  provide: (f) => EditorView.decorations.from(f),
+});
+
+const SqlStatementTheme = EditorView.baseTheme({
+  ".cm-highlight-statement": {
+    borderLeft: "3px solid #ff9ff3 !important",
+  },
+});
+
+const SqlStatementHighlightPlugin = [SqlStatementStateField, SqlStatementTheme];
+
+export default SqlStatementHighlightPlugin;
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index f347e78f..2a48e586 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -1,6 +1,5 @@
 import { format } from "sql-formatter";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { identify } from "sql-query-identifier";
 import {
   LucideFastForward,
   LucideGrid,
@@ -18,7 +17,6 @@ import { Separator } from "@/components/ui/separator";
 import { Button } from "@/components/ui/button";
 import { KEY_BINDING } from "@/lib/key-matcher";
 import { ReactCodeMirrorRef } from "@uiw/react-codemirror";
-import { selectStatementFromPosition } from "@/drivers/sqlite/sql-helper";
 import QueryProgressLog from "../query-progress-log";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import {
@@ -41,6 +39,10 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import {
+  resolveToNearestStatement,
+  splitSqlQuery,
+} from "../sql-editor/statement-highlight";
 
 interface QueryWindowProps {
   initialCode?: string;
@@ -89,23 +91,25 @@ export default function QueryWindow({
   };
 
   const onRunClicked = (all = false) => {
-    const statements = identify(code, {
-      dialect: "sqlite",
-      strict: false,
-    });
-
     let finalStatements: string[] = [];
 
-    const editor = editorRef.current;
+    const editorState = editorRef.current?.view?.state;
+
+    if (!editorState) return;
+    console.log(editorState);
 
     if (all) {
-      finalStatements = statements.map((s) => s.text);
-    } else if (editor?.view) {
-      const position = editor.view.state.selection.main.head;
-      const statement = selectStatementFromPosition(statements, position);
+      finalStatements = splitSqlQuery(editorState).map((q) => q.text);
+    } else {
+      const segment = resolveToNearestStatement(editorState);
+      if (!segment) return;
+
+      console.log(segment);
+
+      const statement = editorState.doc.sliceString(segment.from, segment.to);
 
       if (statement) {
-        finalStatements = [statement.text];
+        finalStatements = [statement];
       }
     }
 
diff --git a/src/drivers/sqlite/sql-helper.test.ts b/src/drivers/sqlite/sql-helper.test.ts
index 1e82104f..84dbc6ea 100644
--- a/src/drivers/sqlite/sql-helper.test.ts
+++ b/src/drivers/sqlite/sql-helper.test.ts
@@ -5,10 +5,8 @@ import {
   escapeSqlBinary,
   escapeSqlString,
   escapeSqlValue,
-  selectStatementFromPosition,
   unescapeIdentity,
 } from "./sql-helper";
-import { identify } from "sql-query-identifier";
 
 describe("Escape SQL", () => {
   it("escape sql string", () => {
@@ -85,29 +83,3 @@ describe("Mapping sqlite column type to our table type", () => {
     });
   }
 });
-
-function ss(sql: string) {
-  const pos = sql.indexOf("|");
-  const statements = identify(sql.replace("|", ""));
-  return selectStatementFromPosition(statements, pos);
-}
-
-describe("Select current query", () => {
-  it("select current query", () => {
-    expect(ss("select * from |t1; update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1|; update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1;| update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1; update| t1 set name='visal';")?.text).toBe(
-      "update t1 set name='visal';"
-    );
-  });
-});
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index 9d168848..19a7a182 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -1,6 +1,5 @@
 import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import { hex } from "@/lib/bit-operation";
-import type { IdentifyResult } from "sql-query-identifier/lib/defines";
 
 export function escapeIdentity(str: string) {
   return `"${str.replace(/"/g, `""`)}"`;
@@ -63,16 +62,6 @@ export function convertSqliteType(
   return TableColumnDataType.TEXT;
 }
 
-export function selectStatementFromPosition(
-  statements: IdentifyResult[],
-  pos: number
-): IdentifyResult | undefined {
-  for (const statement of statements) {
-    if (statement.end + 1 >= pos) return statement;
-  }
-  return undefined;
-}
-
 export function escapeCsvValue(value: unknown): string {
   if (value === null || value === undefined) {
     return "";

From 1ac54105bb853ba2230b3e71029119c71c11e1a6 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 18:27:30 +0700
Subject: [PATCH 104/124] bump version 0.7.0

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a342ec0b..b4f1c788 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.6.4",
+      "version": "0.7.0",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/package.json b/package.json
index a035b1e8..bffbbac2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "private": false,
   "scripts": {
     "dev": "next dev -p 3008",

From 4411cd7ddc02ff32f54f300aa763a8643251f907 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 18:46:26 +0700
Subject: [PATCH 105/124] remove console.log

---
 src/components/gui/tabs/query-tab.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 2a48e586..ef1ae93c 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -96,7 +96,6 @@ export default function QueryWindow({
     const editorState = editorRef.current?.view?.state;
 
     if (!editorState) return;
-    console.log(editorState);
 
     if (all) {
       finalStatements = splitSqlQuery(editorState).map((q) => q.text);
@@ -104,8 +103,6 @@ export default function QueryWindow({
       const segment = resolveToNearestStatement(editorState);
       if (!segment) return;
 
-      console.log(segment);
-
       const statement = editorState.doc.sliceString(segment.from, segment.to);
 
       if (statement) {

From eade096811ca8c86ca309aa7cdba5c577b796482 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 18:57:43 +0700
Subject: [PATCH 106/124] bump 0.7.0 to production (#158)

* fixing test error

* feat: change dialect based on the driver (#157)

* feat: change dialect based on the driver

* add schema to the extension

* add mysql landing page

* feat: add experiment statement gutter highlight (#155)

* add experiment statement gutter highlight

* initial highlight code

* change how we select statement

* bump version 0.7.0

* remove console.log
---
 package-lock.json                             |  13 +-
 package.json                                  |   3 +-
 src/app/(public)/databases/mysql/page.tsx     | 141 ++++++++++++++
 src/app/(public)/page.tsx                     |   5 +-
 src/components/gui/sql-editor/index.tsx       |  70 +++++--
 .../sql-editor/statement-highlight.test.ts    | 155 ++++++++++++++++
 .../gui/sql-editor/statement-highlight.ts     | 172 ++++++++++++++++++
 src/components/gui/tabs/query-tab.tsx         |  28 +--
 src/components/gui/tabs/trigger-tab.tsx       |   5 +-
 src/drivers/base-driver.ts                    |   2 +
 src/drivers/mysql/mysql-driver.ts             |   1 +
 src/drivers/sqlite-base-driver.ts             |   1 +
 src/drivers/sqlite/sql-helper.test.ts         |  28 ---
 src/drivers/sqlite/sql-helper.ts              |  11 --
 src/drivers/sqlite/sql-parse-table.test.ts    |   2 +
 15 files changed, 550 insertions(+), 87 deletions(-)
 create mode 100644 src/app/(public)/databases/mysql/page.tsx
 create mode 100644 src/components/gui/sql-editor/statement-highlight.test.ts
 create mode 100644 src/components/gui/sql-editor/statement-highlight.ts

diff --git a/package-lock.json b/package-lock.json
index 767a399c..b4f1c788 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.6.4",
+      "version": "0.7.0",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
@@ -75,7 +75,6 @@
         "react-resizable-panels": "^1.0.9",
         "sonner": "^1.4.41",
         "sql-formatter": "^15.3.2",
-        "sql-query-identifier": "^2.6.0",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
         "zod": "^3.22.4"
@@ -21931,14 +21930,6 @@
         "sql-formatter": "bin/sql-formatter-cli.cjs"
       }
     },
-    "node_modules/sql-query-identifier": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/sql-query-identifier/-/sql-query-identifier-2.7.0.tgz",
-      "integrity": "sha512-MTDRfn0kUv+9ELnt9wt/FATi03Wq1j3YvhE5Up8ToE5Afk5zzBgVHPuIu1bVhqNqfF0aeIPl3vEzZ60H1yv0ag==",
-      "engines": {
-        "node": ">= 10.13"
-      }
-    },
     "node_modules/sql.js": {
       "version": "1.10.3",
       "resolved": "https://registry.npmjs.org/sql.js/-/sql.js-1.10.3.tgz",
diff --git a/package.json b/package.json
index fa5b8e6c..bffbbac2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "private": false,
   "scripts": {
     "dev": "next dev -p 3008",
@@ -94,7 +94,6 @@
     "react-resizable-panels": "^1.0.9",
     "sonner": "^1.4.41",
     "sql-formatter": "^15.3.2",
-    "sql-query-identifier": "^2.6.0",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
diff --git a/src/app/(public)/databases/mysql/page.tsx b/src/app/(public)/databases/mysql/page.tsx
new file mode 100644
index 00000000..ca900db1
--- /dev/null
+++ b/src/app/(public)/databases/mysql/page.tsx
@@ -0,0 +1,141 @@
+import { MySQLIcon } from "@/components/icons/outerbase-icon";
+import WebsiteLayout from "@/components/website-layout";
+import { Metadata } from "next";
+
+const siteDescription =
+  "LibSQL Studio is a fully-featured, lightweight GUI client for managing MySQL databases";
+
+export const metadata: Metadata = {
+  title: "MySQL - LibSQL Studio",
+  keywords: ["mysql", "studio", "browser", "editor", "gui", "online", "client"],
+  description: siteDescription,
+  openGraph: {
+    siteName: "LibSQL Studio",
+    description: siteDescription,
+  },
+};
+
+function HeroSection() {
+  return (
+    <div className="mt-32 relative h-[428px]">
+      <div
+        className="absolute top-0 bottom-0 left-0 right-0 transform-gpu before:absolute before:top-0 before:z-10 before:h-32 before:w-full before:bg-gradient-to-b before:from-black before:to-black/0 after:absolute after:bottom-0 after:left-0 after:h-full after:w-full after:bg-gradient-to-t after:from-black after:to-black/0"
+        style={{
+          background: `url(/hero-banner.jpg)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+        }}
+      ></div>
+
+      <div className="absolute top-0 bottom-0 left-0 right-0 -mt-16">
+        <div className="mx-auto container">
+          <h2 className="text-4xl flex  gap-4  items-center font-bold text-white">
+            <MySQLIcon />
+            <span>MySQL Support</span>
+          </h2>
+          <p className="max-w-[700px] mt-6 text-lg">
+            LibSQL Studio is a lightweight, fully-featured GUI client for MySQL
+            databases. It enables you to manage and view your database, or
+            expose your database interface externally and much more.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function DatabaseMySqlPage() {
+  return (
+    <WebsiteLayout>
+      <HeroSection />
+
+      <div className="container mx-auto my-24">
+        <h2 className="text-2xl flex  gap-4  items-center font-bold text-white mb-4">
+          Connecting
+        </h2>
+
+        <p>
+          You can connect to your MySQL database using our command line
+          interface.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            &gt;&nbsp;npx{" "}
+            <span className="text-yellow-500 mr-2">@outerbase/studio</span>
+            <span className="text-green-500">
+              mysql://root:123@localhost:3306/chinook
+            </span>
+          </div>
+          <div className="border-double border-4 border-gray-400 border-white inline-block mt-4 text-gray-400">
+            <div>{"                                              "}</div>
+            <div>{"    Serving!                                  "}</div>
+            <div>{"    - Local:    http://localhost:4000         "}</div>
+            <div>{"    - Network:  http://xxx.xxx.xxx.xxx:4000    "}</div>
+            <div>{"                                              "}</div>
+          </div>
+        </pre>
+
+        <p>
+          You can also configure the port and secure it with authentication.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            <div>
+              &gt;&nbsp;npx{" "}
+              <span className="text-yellow-500 mr-2">@outerbase/studio</span> \
+            </div>
+            <div className="ml-8">--port=5000 \</div>
+            <div className="ml-8">--user=admin --pass=123 \</div>
+            <div className="ml-8">
+              <span className="text-green-500">
+                mysql://root:123@localhost:3306/chinook
+              </span>
+            </div>
+          </div>
+        </pre>
+
+        <h2 className="text-2xl flex gap-4 items-center font-bold text-white my-4 mt-12">
+          Configuration File
+        </h2>
+
+        <p>
+          Tired of typing long connection strings repeatedly? Simply save the
+          configuration to a file and use it whenever needed. Create{" "}
+          <span className="font-mono text-white">outerbase.json</span>
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          {`{
+  "driver": "mysql",
+  "connection": {
+    "database": "chinook",
+    "host": "localhost",
+    "port": 3306,
+    "user": "root",
+    "password": "123456"
+  }
+}
+`}
+        </pre>
+
+        <p>
+          Next, run our command line tool to start the service. By default, it
+          will search for the{" "}
+          <span className="font-mono text-white">outerbase.json</span>{" "}
+          configuration file. Alternatively, you can specify a custom
+          configuration using the{" "}
+          <span className="font-mono text-white">--config</span> flag.
+        </p>
+
+        <pre className="my-4 p-4 border-2 bg-zinc-900 text-white rounded">
+          <div>
+            &gt;&nbsp;npx{" "}
+            <span className="text-yellow-500 mr-2">@outerbase/studio</span>
+          </div>
+        </pre>
+      </div>
+    </WebsiteLayout>
+  );
+}
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 786fa2f8..89d06e9e 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -125,12 +125,9 @@ function SupportDriver() {
             </span>
           </DatabaseBlock>
 
-          <DatabaseBlock center link="#">
+          <DatabaseBlock center link="/databases/mysql">
             <MySQLIcon />
             <span>MySQL</span>
-            <span className="text-xs -mt-2 text-yellow-500">
-              Coming Soon 15th Sep 2024
-            </span>
           </DatabaseBlock>
 
           <DatabaseBlock center link="#">
diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index febd12e0..bcd23406 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -1,13 +1,15 @@
 import CodeMirror, {
   EditorView,
+  Extension,
   ReactCodeMirrorRef,
 } from "@uiw/react-codemirror";
+import { LanguageSupport } from "@codemirror/language";
 import {
   acceptCompletion,
   completionStatus,
   startCompletion,
 } from "@codemirror/autocomplete";
-import { sql, SQLNamespace } from "@codemirror/lang-sql";
+import { sql, SQLNamespace, MySQL as MySQLDialect } from "@codemirror/lang-sql";
 import { forwardRef, KeyboardEventHandler, useMemo } from "react";
 
 import { defaultKeymap, insertTab } from "@codemirror/commands";
@@ -19,9 +21,12 @@ import { sqliteDialect } from "@/drivers/sqlite/sqlite-dialect";
 import { functionTooltip } from "./function-tooltips";
 import sqliteFunctionList from "@/drivers/sqlite/function-tooltip.json";
 import { toast } from "sonner";
+import SqlStatementHighlightPlugin from "./statement-highlight";
+import { SupportedDialect } from "@/drivers/base-driver";
 
 interface SqlEditorProps {
   value: string;
+  dialect: SupportedDialect;
   readOnly?: boolean;
   onChange?: (value: string) => void;
   schema?: SQLNamespace;
@@ -38,6 +43,7 @@ interface SqlEditorProps {
 const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
   function SqlEditor(
     {
+      dialect,
       value,
       onChange,
       schema,
@@ -119,6 +125,51 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
       ]);
     }, [fontSize, onFontSizeChanged]);
 
+    const extensions = useMemo(() => {
+      let sqlDialect: LanguageSupport | undefined = undefined;
+      let tooltipExtension: Extension | undefined = undefined;
+
+      if (dialect === "sqlite") {
+        sqlDialect = sql({
+          dialect: sqliteDialect,
+          schema,
+        });
+        tooltipExtension = functionTooltip(sqliteFunctionList);
+      } else {
+        sqlDialect = sql({
+          dialect: MySQLDialect,
+          schema,
+        });
+      }
+
+      return [
+        EditorView.baseTheme({
+          "& .cm-line": {
+            borderLeft: "3px solid transparent",
+            paddingLeft: "10px",
+          },
+        }),
+        keyExtensions,
+        sqlDialect,
+        tooltipExtension,
+        tableNameHighlightPlugin,
+        SqlStatementHighlightPlugin,
+        EditorView.updateListener.of((state) => {
+          const pos = state.state.selection.main.head;
+          const line = state.state.doc.lineAt(pos);
+          const lineNumber = line.number;
+          const columnNumber = pos - line.from;
+          if (onCursorChange) onCursorChange(pos, lineNumber, columnNumber);
+        }),
+      ].filter(Boolean) as Extension[];
+    }, [
+      dialect,
+      onCursorChange,
+      keyExtensions,
+      schema,
+      tableNameHighlightPlugin,
+    ]);
+
     return (
       <CodeMirror
         ref={ref}
@@ -137,22 +188,7 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
           fontSize: 20,
           height: "100%",
         }}
-        extensions={[
-          keyExtensions,
-          sql({
-            dialect: sqliteDialect,
-            schema,
-          }),
-          functionTooltip(sqliteFunctionList),
-          tableNameHighlightPlugin,
-          EditorView.updateListener.of((state) => {
-            const pos = state.state.selection.main.head;
-            const line = state.state.doc.lineAt(pos);
-            const lineNumber = line.number;
-            const columnNumber = pos - line.from;
-            if (onCursorChange) onCursorChange(pos, lineNumber, columnNumber);
-          }),
-        ]}
+        extensions={extensions}
       />
     );
   }
diff --git a/src/components/gui/sql-editor/statement-highlight.test.ts b/src/components/gui/sql-editor/statement-highlight.test.ts
new file mode 100644
index 00000000..324202ad
--- /dev/null
+++ b/src/components/gui/sql-editor/statement-highlight.test.ts
@@ -0,0 +1,155 @@
+import { MySQL, SQLite } from "@codemirror/lang-sql";
+import { EditorState } from "@codemirror/state";
+import { splitSqlQuery } from "./statement-highlight";
+
+function sqlite(code: string) {
+  const state = EditorState.create({ doc: code, extensions: [SQLite] });
+  return splitSqlQuery(state).map((p) => p.text);
+}
+
+function mysql(code: string) {
+  const state = EditorState.create({ doc: code, extensions: [MySQL] });
+  return splitSqlQuery(state).map((p) => p.text);
+}
+
+describe("split sql statements", () => {
+  test("should parse a query with different statements in a single line", () => {
+    expect(
+      sqlite(
+        `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');SELECT * FROM Persons`
+      )
+    ).toEqual([
+      `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');`,
+      `SELECT * FROM Persons`,
+    ]);
+  });
+
+  test("should identify a query with different statements in multiple lines", () => {
+    expect(
+      sqlite(`
+        INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');
+        SELECT * FROM Persons';
+      `)
+    ).toEqual([
+      `INSERT INTO Persons (PersonID, Name) VALUES (1, 'Jack');`,
+      `SELECT * FROM Persons';\n      `,
+    ]);
+  });
+
+  test("sholud be able to split statement with BEGIN and END", () => {
+    expect(
+      sqlite(`CREATE TABLE customer(
+  cust_id INTEGER PRIMARY KEY,
+  cust_name TEXT,
+  cust_addr TEXT
+);
+
+-- some comment here that should be ignore
+
+
+CREATE VIEW customer_address AS
+   SELECT cust_id, cust_addr FROM customer;
+CREATE TRIGGER cust_addr_chng
+INSTEAD OF UPDATE OF cust_addr ON customer_address
+BEGIN
+  UPDATE customer SET cust_addr=NEW.cust_addr
+   WHERE cust_id=NEW.cust_id;
+END ;`)
+    ).toEqual([
+      `CREATE TABLE customer(\n  cust_id INTEGER PRIMARY KEY,\n  cust_name TEXT,\n  cust_addr TEXT\n);`,
+      `CREATE VIEW customer_address AS\n   SELECT cust_id, cust_addr FROM customer;`,
+      `CREATE TRIGGER cust_addr_chng\nINSTEAD OF UPDATE OF cust_addr ON customer_address\nBEGIN\n  UPDATE customer SET cust_addr=NEW.cust_addr\n   WHERE cust_id=NEW.cust_id;\nEND ;`,
+    ]);
+  });
+
+  test("should be able to split statement with BEGIN and END and CONDITION inside", () => {
+    expect(
+      mysql(`CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;
+    END IF;
+END; SELECT * FROM hello`)
+    ).toEqual([
+      `CREATE TRIGGER upd_check BEFORE UPDATE ON account\nFOR EACH ROW\nBEGIN\n    IF NEW.amount < 0 THEN\n        SET NEW.amount = 0;\n    ELSEIF NEW.amount > 100 THEN\n        SET NEW.amount = 100;\n    END IF;\nEND;`,
+      "SELECT * FROM hello",
+    ]);
+  });
+
+  test("should be able to split statement with BEGIN with no end", () => {
+    expect(
+      mysql(`SELECT * FROM outerbase; CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;`)
+    ).toEqual([
+      "SELECT * FROM outerbase;",
+      `CREATE TRIGGER upd_check BEFORE UPDATE ON account
+FOR EACH ROW
+BEGIN
+    IF NEW.amount < 0 THEN
+        SET NEW.amount = 0;
+    ELSEIF NEW.amount > 100 THEN
+        SET NEW.amount = 100;`,
+    ]);
+  });
+
+  test("should be able to split TRIGGER without begin", () => {
+    expect(
+      mysql(`create trigger hire_log after insert on employees 
+for each row insert into hiring values (new.id, current_time());
+    
+insert into employees (first_name, last_name) values ("Tim", "Sehn");`)
+    ).toEqual([
+      `create trigger hire_log after insert on employees \nfor each row insert into hiring values (new.id, current_time());`,
+      `insert into employees (first_name, last_name) values ("Tim", "Sehn");`,
+    ]);
+  });
+
+  test("should be able to split nested BEGIN", () => {
+    expect(
+      mysql(
+        `CREATE PROCEDURE procCreateCarTable
+IS
+BEGIN
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE CARS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE CARS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE    
+    VARCHAR2(10))';
+  END;
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE TRUCKS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE TRUCKS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE 
+    VARCHAR2(10))';
+  END;
+END; SELECT * FROM outeerbase;`
+      )
+    ).toEqual([
+      `CREATE PROCEDURE procCreateCarTable
+IS
+BEGIN
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE CARS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE CARS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE    
+    VARCHAR2(10))';
+  END;
+  BEGIN
+    EXECUTE IMMEDIATE 'DROP TABLE TRUCKS';
+    EXCEPTION WHEN OTHERS THEN NULL;
+    EXECUTE IMMEDIATE 'CREATE TABLE TRUCKS (ID VARCHAR2(1), NAME VARCHAR2(10), TITLE 
+    VARCHAR2(10))';
+  END;
+END;`,
+      "SELECT * FROM outeerbase;",
+    ]);
+  });
+});
diff --git a/src/components/gui/sql-editor/statement-highlight.ts b/src/components/gui/sql-editor/statement-highlight.ts
new file mode 100644
index 00000000..49cfb857
--- /dev/null
+++ b/src/components/gui/sql-editor/statement-highlight.ts
@@ -0,0 +1,172 @@
+import {
+  Decoration,
+  EditorState,
+  EditorView,
+  StateField,
+  Range,
+} from "@uiw/react-codemirror";
+import { syntaxTree } from "@codemirror/language";
+import { SyntaxNode } from "@lezer/common";
+
+const statementLineHighlight = Decoration.line({
+  class: "cm-highlight-statement",
+});
+
+export interface StatementSegment {
+  from: number;
+  to: number;
+  text: string;
+}
+
+function toNodeString(state: EditorState, node: SyntaxNode) {
+  return state.doc.sliceString(node.from, node.to);
+}
+
+function isRequireEndStatement(state: EditorState, node: SyntaxNode): number {
+  const ptr = node.firstChild;
+  if (!ptr) return 0;
+
+  // Majority of the query will fall in SELECT, INSERT, UPDATE, DELETE
+  const firstKeyword = toNodeString(state, ptr).toLowerCase();
+  if (firstKeyword === "select") return 0;
+  if (firstKeyword === "insert") return 0;
+  if (firstKeyword === "update") return 0;
+  if (firstKeyword === "delete") return 0;
+
+  const keywords = node.getChildren("Keyword");
+  if (keywords.length === 0) return 0;
+
+  return keywords.filter(
+    (k) => toNodeString(state, k).toLowerCase() === "begin"
+  ).length;
+}
+
+function isEndStatement(state: EditorState, node: SyntaxNode) {
+  let ptr = node.firstChild;
+  if (!ptr) return false;
+  if (toNodeString(state, ptr).toLowerCase() !== "end") return false;
+
+  ptr = ptr.nextSibling;
+  if (!ptr) return false;
+  if (toNodeString(state, ptr) !== ";") return false;
+
+  return true;
+}
+
+export function splitSqlQuery(
+  state: EditorState,
+  generateText: boolean = true
+): StatementSegment[] {
+  const topNode = syntaxTree(state).topNode;
+
+  // Get all the statements
+  let needEndStatementCounter = 0;
+  const statements = topNode.getChildren("Statement");
+
+  if (statements.length === 0) return [];
+
+  const statementGroups: SyntaxNode[][] = [];
+  let accumulateNodes: SyntaxNode[] = [];
+  let i = 0;
+
+  for (; i < statements.length; i++) {
+    const statement = statements[i];
+    needEndStatementCounter += isRequireEndStatement(state, statement);
+
+    if (needEndStatementCounter) {
+      accumulateNodes.push(statement);
+    } else {
+      statementGroups.push([statement]);
+    }
+
+    if (needEndStatementCounter && isEndStatement(state, statement)) {
+      needEndStatementCounter--;
+      if (needEndStatementCounter === 0) {
+        statementGroups.push(accumulateNodes);
+        accumulateNodes = [];
+      }
+    }
+  }
+
+  if (accumulateNodes.length > 0) {
+    statementGroups.push(accumulateNodes);
+  }
+
+  return statementGroups.map((r) => ({
+    from: r[0].from,
+    to: r[r.length - 1].to,
+    text: generateText
+      ? state.doc.sliceString(r[0].from, r[r.length - 1].to)
+      : "",
+  }));
+}
+
+export function resolveToNearestStatement(
+  state: EditorState
+): { from: number; to: number } | null {
+  // Breakdown and grouping the statement
+  const cursor = state.selection.main.from;
+  const statements = splitSqlQuery(state, false);
+
+  if (statements.length === 0) return null;
+
+  // Check if our current cursor is within any statement
+  let i = 0;
+  for (; i < statements.length; i++) {
+    const statement = statements[i];
+    if (cursor < statement.from) break;
+    if (cursor > statement.to) continue;
+    if (cursor >= statement.from && cursor <= statement.to) return statement;
+  }
+
+  if (i === 0) return statements[0];
+  if (i === statements.length) return statements[i - 1];
+
+  const cursorLine = state.doc.lineAt(cursor).number;
+  const topLine = state.doc.lineAt(statements[i - 1].to).number;
+  const bottomLine = state.doc.lineAt(statements[i].from).number;
+
+  if (cursorLine - topLine >= bottomLine - cursorLine) {
+    return statements[i];
+  } else {
+    return statements[i - 1];
+  }
+}
+function getDecorationFromState(state: EditorState) {
+  const statement = resolveToNearestStatement(state);
+
+  if (!statement) return Decoration.none;
+
+  // Get the line of the node
+  const fromLineNumber = state.doc.lineAt(statement.from).number;
+  const toLineNumber = state.doc.lineAt(statement.to).number;
+
+  const d: Range<Decoration>[] = [];
+  for (let i = fromLineNumber; i <= toLineNumber; i++) {
+    d.push(statementLineHighlight.range(state.doc.line(i).from));
+  }
+
+  return Decoration.set(d);
+}
+
+const SqlStatementStateField = StateField.define({
+  create(state) {
+    return getDecorationFromState(state);
+  },
+
+  update(_, tr) {
+    return getDecorationFromState(tr.state);
+  },
+
+  provide: (f) => EditorView.decorations.from(f),
+});
+
+const SqlStatementTheme = EditorView.baseTheme({
+  ".cm-highlight-statement": {
+    borderLeft: "3px solid #ff9ff3 !important",
+  },
+});
+
+const SqlStatementHighlightPlugin = [SqlStatementStateField, SqlStatementTheme];
+
+export default SqlStatementHighlightPlugin;
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index 329fc256..ef1ae93c 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -1,6 +1,5 @@
 import { format } from "sql-formatter";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { identify } from "sql-query-identifier";
 import {
   LucideFastForward,
   LucideGrid,
@@ -18,7 +17,6 @@ import { Separator } from "@/components/ui/separator";
 import { Button } from "@/components/ui/button";
 import { KEY_BINDING } from "@/lib/key-matcher";
 import { ReactCodeMirrorRef } from "@uiw/react-codemirror";
-import { selectStatementFromPosition } from "@/drivers/sqlite/sql-helper";
 import QueryProgressLog from "../query-progress-log";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import {
@@ -41,6 +39,10 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import {
+  resolveToNearestStatement,
+  splitSqlQuery,
+} from "../sql-editor/statement-highlight";
 
 interface QueryWindowProps {
   initialCode?: string;
@@ -89,23 +91,22 @@ export default function QueryWindow({
   };
 
   const onRunClicked = (all = false) => {
-    const statements = identify(code, {
-      dialect: "sqlite",
-      strict: false,
-    });
-
     let finalStatements: string[] = [];
 
-    const editor = editorRef.current;
+    const editorState = editorRef.current?.view?.state;
+
+    if (!editorState) return;
 
     if (all) {
-      finalStatements = statements.map((s) => s.text);
-    } else if (editor?.view) {
-      const position = editor.view.state.selection.main.head;
-      const statement = selectStatementFromPosition(statements, position);
+      finalStatements = splitSqlQuery(editorState).map((q) => q.text);
+    } else {
+      const segment = resolveToNearestStatement(editorState);
+      if (!segment) return;
+
+      const statement = editorState.doc.sliceString(segment.from, segment.to);
 
       if (statement) {
-        finalStatements = [statement.text];
+        finalStatements = [statement];
       }
     }
 
@@ -227,6 +228,7 @@ export default function QueryWindow({
           <div className="grow overflow-hidden">
             <SqlEditor
               ref={editorRef}
+              dialect={databaseDriver.getFlags().dialect}
               value={code}
               onChange={setCode}
               schema={autoCompleteSchema}
diff --git a/src/components/gui/tabs/trigger-tab.tsx b/src/components/gui/tabs/trigger-tab.tsx
index e11bc283..1f7c83ac 100644
--- a/src/components/gui/tabs/trigger-tab.tsx
+++ b/src/components/gui/tabs/trigger-tab.tsx
@@ -77,7 +77,10 @@ export default function TriggerTab({
       </div>
       <div className="grow overflow-hidden">
         <div className="h-full">
-          <SqlEditor value={trigger?.statement ?? ""} />
+          <SqlEditor
+            value={trigger?.statement ?? ""}
+            dialect={databaseDriver.getFlags().dialect}
+          />
         </div>
       </div>
     </div>
diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index 0f8a392e..ace202e1 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -31,6 +31,7 @@ export function describeTableColumnType(type: TableColumnDataType) {
   }
 }
 
+export type SupportedDialect = "sqlite" | "mysql";
 export type SqlOrder = "ASC" | "DESC";
 export type DatabaseRow = Record<string, unknown>;
 
@@ -202,6 +203,7 @@ export interface DriverFlags {
   supportBigInt: boolean;
   supportCreateUpdateTable: boolean;
   mismatchDetection: boolean;
+  dialect: SupportedDialect;
 }
 
 export interface DatabaseTableColumnChange {
diff --git a/src/drivers/mysql/mysql-driver.ts b/src/drivers/mysql/mysql-driver.ts
index 011c7c26..fadad578 100644
--- a/src/drivers/mysql/mysql-driver.ts
+++ b/src/drivers/mysql/mysql-driver.ts
@@ -51,6 +51,7 @@ export default abstract class MySQLLikeDriver extends CommonSQLImplement {
       supportBigInt: false,
       mismatchDetection: false,
       supportCreateUpdateTable: false,
+      dialect: "mysql",
     };
   }
 
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index e826cef1..d83ce171 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -30,6 +30,7 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
       optionalSchema: true,
       mismatchDetection: false,
       supportCreateUpdateTable: true,
+      dialect: "sqlite",
     };
   }
 
diff --git a/src/drivers/sqlite/sql-helper.test.ts b/src/drivers/sqlite/sql-helper.test.ts
index 1e82104f..84dbc6ea 100644
--- a/src/drivers/sqlite/sql-helper.test.ts
+++ b/src/drivers/sqlite/sql-helper.test.ts
@@ -5,10 +5,8 @@ import {
   escapeSqlBinary,
   escapeSqlString,
   escapeSqlValue,
-  selectStatementFromPosition,
   unescapeIdentity,
 } from "./sql-helper";
-import { identify } from "sql-query-identifier";
 
 describe("Escape SQL", () => {
   it("escape sql string", () => {
@@ -85,29 +83,3 @@ describe("Mapping sqlite column type to our table type", () => {
     });
   }
 });
-
-function ss(sql: string) {
-  const pos = sql.indexOf("|");
-  const statements = identify(sql.replace("|", ""));
-  return selectStatementFromPosition(statements, pos);
-}
-
-describe("Select current query", () => {
-  it("select current query", () => {
-    expect(ss("select * from |t1; update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1|; update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1;| update t1 set name='visal';")?.text).toBe(
-      "select * from t1;"
-    );
-
-    expect(ss("select * from t1; update| t1 set name='visal';")?.text).toBe(
-      "update t1 set name='visal';"
-    );
-  });
-});
diff --git a/src/drivers/sqlite/sql-helper.ts b/src/drivers/sqlite/sql-helper.ts
index 9d168848..19a7a182 100644
--- a/src/drivers/sqlite/sql-helper.ts
+++ b/src/drivers/sqlite/sql-helper.ts
@@ -1,6 +1,5 @@
 import { DatabaseValue, TableColumnDataType } from "@/drivers/base-driver";
 import { hex } from "@/lib/bit-operation";
-import type { IdentifyResult } from "sql-query-identifier/lib/defines";
 
 export function escapeIdentity(str: string) {
   return `"${str.replace(/"/g, `""`)}"`;
@@ -63,16 +62,6 @@ export function convertSqliteType(
   return TableColumnDataType.TEXT;
 }
 
-export function selectStatementFromPosition(
-  statements: IdentifyResult[],
-  pos: number
-): IdentifyResult | undefined {
-  for (const statement of statements) {
-    if (statement.end + 1 >= pos) return statement;
-  }
-  return undefined;
-}
-
 export function escapeCsvValue(value: unknown): string {
   if (value === null || value === undefined) {
     return "";
diff --git a/src/drivers/sqlite/sql-parse-table.test.ts b/src/drivers/sqlite/sql-parse-table.test.ts
index 77d3700d..149654dd 100644
--- a/src/drivers/sqlite/sql-parse-table.test.ts
+++ b/src/drivers/sqlite/sql-parse-table.test.ts
@@ -88,6 +88,7 @@ it("parse column constraint", () => {
 
   expect(pcc(`references "users" on delete cascade ("id")`)).toEqual({
     foreignKey: {
+      foreignSchemaName: "main",
       foreignTableName: "users",
       foreignColumns: ["id"],
     },
@@ -130,6 +131,7 @@ it("parse create table", () => {
         type: "integer",
         constraint: {
           foreignKey: {
+            foreignSchemaName: "main",
             foreignTableName: "product",
             foreignColumns: ["id"],
           },

From c58531a970e3e738813fdd2b1186767c592b4e13 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Thu, 12 Sep 2024 19:50:34 +0700
Subject: [PATCH 107/124] add outerbase icon

---
 public/icons/outerbase.ico          | Bin 0 -> 4418 bytes
 public/icons/outerbase.png          | Bin 0 -> 506 bytes
 public/icons/outerbase.svg          |   3 +++
 src/app/favicon.ico                 | Bin 15406 -> 4418 bytes
 src/components/gui/logo-loading.tsx |  23 +++++++++++++----------
 5 files changed, 16 insertions(+), 10 deletions(-)
 create mode 100644 public/icons/outerbase.ico
 create mode 100644 public/icons/outerbase.png
 create mode 100644 public/icons/outerbase.svg

diff --git a/public/icons/outerbase.ico b/public/icons/outerbase.ico
new file mode 100644
index 0000000000000000000000000000000000000000..fb86cd519abbc5d59ff9f75562db5241e87057e3
GIT binary patch
literal 4418
zcmeHK%WZ@(5S^TJA&QhUx#h42Isl~tI)Dx+0Xl#VD1j0vff6Wz5*)u>84cFhUcs)S
zm3S+I@n^ozV=d8}{>9&fCtW^>zKG~Yw^+Ad-7pR`5z*)Stz8Fh52ascJ7aKi-~~8P
zmZchoK~2-74CZ;hjul0rq9}Sw9-$X{LRgkX<$3;48|u0i)xsY5oFs|LvTPHRwrw9`
z1LR16?l_J&I`GW_yN}dX#L)%#EXf8pI1nFcU1$tELM|ov{IYX}IE8dc^Wd8V*yQ85
ztsgS>#K4ZDu_eSSNk3#sKKjO7XAL~}?d$vAn7Y1ED|~yTxpgz^AokK)KE~@3+Zx=*
zWuPwszS-;eH+bO!Uw2Pm^25h_$aHab&l!;T7vk|aj-vZ}_$T?|(+^&{;M?cRg?$F9
zs&eMv<$I`J`1IQ`aPiMx$K!DHE^L}+6^D4(cMk3WSDg;kDxdFsuIsvu4ajGjrb?<c
zW+Ck6GLH5UN0*;QC*FwBUcQBFM14W7ah{;Z0JQ>R&(a&R>zqITzrHXBwCVqgKVD^$
ATmS$7

literal 0
HcmV?d00001

diff --git a/public/icons/outerbase.png b/public/icons/outerbase.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbebaa8264ee1470ffb9b910b6479ec1fe8743ef
GIT binary patch
literal 506
zcmV<W0R{evP)<h;3K|Lk000e1NJLTq001BW001Ef1^@s6xF)Gl00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0gp*UK~#7F?UviI
zf-n$<S1YgtORxj&Ks(S5ECHwhI$)>(r~o>E4xj_*ASXXF%mm$qgyRe^{4;rQbK%Qg
zvL1*?(S|zG#@YdP04IRc=|r#Bi_$curfEniHH@mN2HW%bq%~4D<MDW?uItp2G?>yL
z%Jy6<fGCQ-K5)HWRUF46i0}Kq0l-1#$Is{UWd3rwh@J_<@P7b0-jf4yW1DrR5W3X>
zxUs4C`z@|5ih>1zcXaZK`@||hwrh7!Y<=HL%P9x~){e@#-|yl+5nyf;r?M=E!AXaK
zoB=*>FWF2bNy6H7qR#GPW5Y>G!f_zhlE^g)rG%n|veK`j6Mz_kwr#&`NT}QGMsup`
z+R8TS=yDLWl$;zmXIliw^PIJ#JmCo!Wmz^mFD8`q#Co15#uRg=@R-rsmk`gWB=i7o
zk8aD8brzj*KC97CIB|^$zimBb4Zyk8guo5q4P70R6141ub^sXYc%RLQ6Y|EQ1G)p4
wAc(VhTY$j^Z_IT*ZX8C6t+f9w-vM@jKLL<#bHkkGO8@`>07*qoM6N<$f_ZV<dH?_b

literal 0
HcmV?d00001

diff --git a/public/icons/outerbase.svg b/public/icons/outerbase.svg
new file mode 100644
index 00000000..20703c3f
--- /dev/null
+++ b/public/icons/outerbase.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="#000" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0.400024C7.17638 0.400024 0 7.57335 0 16.3999C0 25.2182 7.17638 32.4 16 32.4C24.8235 32.4 32 25.2267 32 16.3999C32 7.57335 24.8235 0.400024 16 0.400024ZM21.9476 27.4141L21.8674 27.5173C21.0305 28.5421 20.0066 28.878 19.2942 28.9727C19.1073 28.9985 18.9203 29.0072 18.7245 29.0072C16.7835 29.0072 14.8247 27.6896 13.0617 25.1836C11.6282 23.1427 10.3817 20.4216 9.55368 17.5194C8.08456 12.3439 8.25373 7.62496 9.98105 5.48938C10.818 4.46456 11.8419 4.12871 12.5542 4.03403C14.5754 3.75832 16.641 4.93816 18.5108 7.4354C20.0599 9.50231 21.3956 12.3527 22.2861 15.4785C23.7373 20.5766 23.5948 25.244 21.9476 27.4141Z" fill="#fff"/>
+</svg>
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 6c2ebbbda55acbaa0e2ab41cb0fc4fd4849943c9..fb86cd519abbc5d59ff9f75562db5241e87057e3 100644
GIT binary patch
literal 4418
zcmeHK%WZ@(5S^TJA&QhUx#h42Isl~tI)Dx+0Xl#VD1j0vff6Wz5*)u>84cFhUcs)S
zm3S+I@n^ozV=d8}{>9&fCtW^>zKG~Yw^+Ad-7pR`5z*)Stz8Fh52ascJ7aKi-~~8P
zmZchoK~2-74CZ;hjul0rq9}Sw9-$X{LRgkX<$3;48|u0i)xsY5oFs|LvTPHRwrw9`
z1LR16?l_J&I`GW_yN}dX#L)%#EXf8pI1nFcU1$tELM|ov{IYX}IE8dc^Wd8V*yQ85
ztsgS>#K4ZDu_eSSNk3#sKKjO7XAL~}?d$vAn7Y1ED|~yTxpgz^AokK)KE~@3+Zx=*
zWuPwszS-;eH+bO!Uw2Pm^25h_$aHab&l!;T7vk|aj-vZ}_$T?|(+^&{;M?cRg?$F9
zs&eMv<$I`J`1IQ`aPiMx$K!DHE^L}+6^D4(cMk3WSDg;kDxdFsuIsvu4ajGjrb?<c
zW+Ck6GLH5UN0*;QC*FwBUcQBFM14W7ah{;Z0JQ>R&(a&R>zqITzrHXBwCVqgKVD^$
ATmS$7

literal 15406
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
My#8?l-}(gp4~zInWB>pF

diff --git a/src/components/gui/logo-loading.tsx b/src/components/gui/logo-loading.tsx
index a2545b5f..233d0afd 100644
--- a/src/components/gui/logo-loading.tsx
+++ b/src/components/gui/logo-loading.tsx
@@ -1,16 +1,19 @@
 export default function LogoLoading() {
   return (
     <div className="flex gap-2 items-center">
-      <div
-        className="w-12 h-12 flex justify-center items-center rounded"
-        style={{
-          background:
-            "linear-gradient(45deg, #12C2E9, #C471ED 50%, #F7797D 100%)",
-        }}
-      >
-        <span style={{ fontSize: 30 }} className="text-white animate-spin">
-          ✱
-        </span>
+      <div className="w-12 h-12 bg-black dark:bg-white items-center justify-center flex rounded-lg text-white dark:text-black">
+        <svg
+          className="w-8 h-8"
+          width="32"
+          height="33"
+          viewBox="0 0 32 33"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M16 0.400024C7.17638 0.400024 0 7.57335 0 16.3999C0 25.2182 7.17638 32.4 16 32.4C24.8235 32.4 32 25.2267 32 16.3999C32 7.57335 24.8235 0.400024 16 0.400024ZM21.9476 27.4141L21.8674 27.5173C21.0305 28.5421 20.0066 28.878 19.2942 28.9727C19.1073 28.9985 18.9203 29.0072 18.7245 29.0072C16.7835 29.0072 14.8247 27.6896 13.0617 25.1836C11.6282 23.1427 10.3817 20.4216 9.55368 17.5194C8.08456 12.3439 8.25373 7.62496 9.98105 5.48938C10.818 4.46456 11.8419 4.12871 12.5542 4.03403C14.5754 3.75832 16.641 4.93816 18.5108 7.4354C20.0599 9.50231 21.3956 12.3527 22.2861 15.4785C23.7373 20.5766 23.5948 25.244 21.9476 27.4141Z"
+            fill="currentColor"
+          />
+        </svg>
       </div>
 
       <div>

From 829bf0e5dba2e37f7f4ceaca4996b38f464de6f6 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 13 Sep 2024 08:25:13 +0700
Subject: [PATCH 108/124] fallback to legacy if we cannot parse table script

---
 src/drivers/sqlite-base-driver.ts | 77 +++++++++++++++++++++++++------
 1 file changed, 64 insertions(+), 13 deletions(-)

diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index d83ce171..cbeb8b5d 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -2,6 +2,7 @@ import type {
   DatabaseResultSet,
   DatabaseSchemaItem,
   DatabaseSchemas,
+  DatabaseTableColumn,
   DatabaseTableSchema,
   DatabaseTableSchemaChange,
   DatabaseTriggerSchema,
@@ -73,6 +74,51 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
     return tmp;
   }
 
+  protected async legacyTableSchema(
+    schemaName: string,
+    tableName: string
+  ): Promise<DatabaseTableSchema> {
+    const sql = `SELECT * FROM ${this.escapeId(schemaName)}.pragma_table_info(${this.escapeId(tableName)});`;
+    const result = await this.query(sql);
+
+    const rows = result.rows as Array<{
+      name: string;
+      type: string;
+      pk: number;
+    }>;
+
+    const columns: DatabaseTableColumn[] = rows.map((row) => ({
+      name: row.name,
+      type: row.type,
+      pk: !!row.pk,
+    }));
+
+    // Check auto increment
+    let hasAutoIncrement = false;
+
+    try {
+      const seqCount = await this.query(
+        `SELECT COUNT(*) AS total FROM ${this.escapeId(schemaName)}.sqlite_sequence WHERE name=${escapeSqlValue(
+          tableName
+        )};`
+      );
+
+      const seqRow = seqCount.rows[0];
+      if (seqRow && Number(seqRow[0] ?? 0) > 0) {
+        hasAutoIncrement = true;
+      }
+    } catch (e) {
+      console.error(e);
+    }
+
+    return {
+      columns,
+      schemaName,
+      pk: columns.filter((col) => col.pk).map((col) => col.name),
+      autoIncrement: hasAutoIncrement,
+    };
+  }
+
   async schemas(): Promise<DatabaseSchemas> {
     const databaseList = (await this.query("PRAGMA database_list;")).rows as {
       name: string;
@@ -121,20 +167,25 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
     const result = await this.query(sql);
 
     try {
-      const rows = result.rows as Array<{ type: string; sql: string }>;
-      const def = rows.find((row) => row.type === "table");
-      if (def) {
-        const createScript = def.sql;
-        return {
-          ...parseCreateTableScript(schemaName, createScript),
-          createScript,
-          schemaName,
-        };
-      }
+      try {
+        const rows = result.rows as Array<{ type: string; sql: string }>;
+        const def = rows.find((row) => row.type === "table");
+        if (def) {
+          const createScript = def.sql;
+
+          return {
+            ...parseCreateTableScript(schemaName, createScript),
+            createScript,
+            schemaName,
+          };
+        }
 
-      throw new Error("Unexpected error finding table " + tableName);
-    } catch (e) {
-      throw new Error("Unexpected error while parsing");
+        throw new Error("Unexpected error finding table " + tableName);
+      } catch (e) {
+        throw new Error("Unexpected error while parsing");
+      }
+    } catch {
+      return await this.legacyTableSchema(schemaName, tableName);
     }
   }
 

From b8703b8fa53b40e0d16bfa96e6e8a3af8826b8a7 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Fri, 13 Sep 2024 08:32:58 +0700
Subject: [PATCH 109/124] correctly adjust z-index

---
 src/components/gui/table-optimized/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index d1b6c60d..1ea1912b 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -182,7 +182,7 @@ function renderCellList({
       >
         {hasSticky && (
           <td
-            style={{ zIndex: 100 }}
+            style={{ zIndex: 15 }}
             className={cn("sticky left-0", "bg-background")}
             onMouseDown={handleCellClicked(
               absoluteRowIndex,

From 06b870a9ec1a065549eb4c305246454a15972097 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 17 Sep 2024 09:39:30 +0700
Subject: [PATCH 110/124] sqlite rowid fallback (#159)

* sqlite rowid fallback

* able to parse strict and without rowid
---
 src/drivers/base-driver.ts                 |  2 +
 src/drivers/common-sql-imp.ts              | 38 +++---------
 src/drivers/sqlite-base-driver.ts          | 72 ++++++++++++++++++++++
 src/drivers/sqlite/sql-parse-table.test.ts | 40 ++++++++++++
 src/drivers/sqlite/sql-parse-table.ts      | 32 ++++++++++
 5 files changed, 154 insertions(+), 30 deletions(-)

diff --git a/src/drivers/base-driver.ts b/src/drivers/base-driver.ts
index ace202e1..bd7db862 100644
--- a/src/drivers/base-driver.ts
+++ b/src/drivers/base-driver.ts
@@ -153,6 +153,8 @@ export interface DatabaseTableSchema {
   constraints?: DatabaseTableColumnConstraint[];
   createScript?: string;
   fts5?: DatabaseTableFts5;
+  withoutRowId?: boolean;
+  strict?: boolean;
 }
 
 export type TriggerWhen = "BEFORE" | "AFTER" | "INSTEAD_OF";
diff --git a/src/drivers/common-sql-imp.ts b/src/drivers/common-sql-imp.ts
index 957e0d37..217dffa7 100644
--- a/src/drivers/common-sql-imp.ts
+++ b/src/drivers/common-sql-imp.ts
@@ -9,12 +9,7 @@ import {
   SelectFromTableOptions,
 } from "./base-driver";
 import { escapeSqlValue } from "./sqlite/sql-helper";
-import {
-  deleteFrom,
-  insertInto,
-  selectFrom,
-  updateTable,
-} from "./query-builder";
+import { deleteFrom, insertInto, updateTable } from "./query-builder";
 
 export default abstract class CommonSQLImplement extends BaseDriver {
   protected validateUpdateOperation(
@@ -62,53 +57,36 @@ export default abstract class CommonSQLImplement extends BaseDriver {
       }
 
       if (op.operation === "UPDATE") {
-        const selectStatement = selectFrom(
-          this,
+        const selectResult = await this.findFirst(
           schemaName,
           tableName,
-          op.where,
-          { limit: 1, offset: 0 }
+          op.where
         );
 
-        // This transform to make it friendly for sending via HTTP
-        const selectResult = await this.query(selectStatement);
-
         tmp.push({
           lastId: r.lastInsertRowid,
           record: selectResult.rows[0],
         });
       } else if (op.operation === "INSERT") {
         if (op.autoIncrementPkColumn) {
-          const selectStatement = selectFrom(
-            this,
-            schemaName,
-            tableName,
-            { [op.autoIncrementPkColumn]: r.lastInsertRowid },
-            { limit: 1, offset: 0 }
-          );
-
-          // This transform to make it friendly for sending via HTTP
-          const selectResult = await this.query(selectStatement);
+          const selectResult = await this.findFirst(schemaName, tableName, {
+            [op.autoIncrementPkColumn]: r.lastInsertRowid,
+          });
 
           tmp.push({
             record: selectResult.rows[0],
             lastId: r.lastInsertRowid,
           });
         } else if (op.pk && op.pk.length > 0) {
-          const selectStatement = selectFrom(
-            this,
+          const selectResult = await this.findFirst(
             schemaName,
             tableName,
             op.pk.reduce<Record<string, unknown>>((a, b) => {
               a[b] = op.values[b];
               return a;
-            }, {}),
-            { limit: 1, offset: 0 }
+            }, {})
           );
 
-          // This transform to make it friendly for sending via HTTP
-          const selectResult = await this.query(selectStatement);
-
           tmp.push({
             record: selectResult.rows[0],
             lastId: r.lastInsertRowid,
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index cbeb8b5d..1c6de107 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -6,7 +6,9 @@ import type {
   DatabaseTableSchema,
   DatabaseTableSchemaChange,
   DatabaseTriggerSchema,
+  DatabaseValue,
   DriverFlags,
+  SelectFromTableOptions,
 } from "./base-driver";
 import { escapeSqlValue } from "@/drivers/sqlite/sql-helper";
 
@@ -192,4 +194,74 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
   createUpdateTableSchema(change: DatabaseTableSchemaChange): string[] {
     return generateSqlSchemaChange(change);
   }
+
+  override async findFirst(
+    schemaName: string,
+    tableName: string,
+    key: Record<string, DatabaseValue>
+  ): Promise<DatabaseResultSet> {
+    const wherePart = Object.entries(key)
+      .map(([colName, colValue]) => {
+        return `${this.escapeId(colName)} = ${escapeSqlValue(colValue)}`;
+      })
+      .join(", ");
+
+    // If there is rowid, it is likely, we need to query that row back
+    console.log("sss", key);
+    const hasRowId = !!key["rowid"];
+
+    const sql = `SELECT ${hasRowId ? "rowid, " : ""}* FROM ${this.escapeId(schemaName)}.${this.escapeId(tableName)} ${wherePart ? "WHERE " + wherePart : ""} LIMIT 1 OFFSET 0`;
+    return this.query(sql);
+  }
+
+  async selectTable(
+    schemaName: string,
+    tableName: string,
+    options: SelectFromTableOptions
+  ): Promise<{ data: DatabaseResultSet; schema: DatabaseTableSchema }> {
+    const schema = await this.tableSchema(schemaName, tableName);
+    let injectRowIdColumn = false;
+
+    // If there is no primary key, we will fallback to rowid.
+    // But we need to make sure there is no rowid column
+    if (
+      schema.pk.length === 0 &&
+      !schema.withoutRowId &&
+      !schema.columns.find((c) => c.name === "rowid")
+    ) {
+      // Inject the rowid column
+      injectRowIdColumn = true;
+      schema.columns = [
+        {
+          name: "rowid",
+          type: "INTEGER",
+          constraint: {
+            primaryKey: true,
+            autoIncrement: true,
+          },
+        },
+        ...schema.columns,
+      ];
+      schema.pk = ["rowid"];
+      schema.autoIncrement = true;
+    }
+
+    const whereRaw = options.whereRaw?.trim();
+
+    const orderPart =
+      options.orderBy && options.orderBy.length > 0
+        ? options.orderBy
+            .map((r) => `${this.escapeId(r.columnName)} ${r.by}`)
+            .join(", ")
+        : "";
+
+    const sql = `SELECT ${injectRowIdColumn ? "rowid, " : ""}* FROM ${this.escapeId(schemaName)}.${this.escapeId(tableName)}${
+      whereRaw ? ` WHERE ${whereRaw} ` : ""
+    } ${orderPart ? ` ORDER BY ${orderPart}` : ""} LIMIT ${escapeSqlValue(options.limit)} OFFSET ${escapeSqlValue(options.offset)};`;
+
+    return {
+      data: await this.query(sql),
+      schema,
+    };
+  }
 }
diff --git a/src/drivers/sqlite/sql-parse-table.test.ts b/src/drivers/sqlite/sql-parse-table.test.ts
index 149654dd..08652675 100644
--- a/src/drivers/sqlite/sql-parse-table.test.ts
+++ b/src/drivers/sqlite/sql-parse-table.test.ts
@@ -240,3 +240,43 @@ it("parse fts5 virtual table with external content", () => {
     },
   } as DatabaseTableSchema);
 });
+
+it("parse without row id", () => {
+  const sql = `create table students(name text) without rowid;`;
+  expect(p(sql)).toEqual({
+    tableName: "students",
+    schemaName: "main",
+    autoIncrement: false,
+    pk: [],
+    columns: [{ name: "name", type: "text" }],
+    constraints: [],
+    withoutRowId: true,
+  } as DatabaseTableSchema);
+});
+
+it("parse strict table", () => {
+  const sql = `create table students(name text) strict;`;
+  expect(p(sql)).toEqual({
+    tableName: "students",
+    schemaName: "main",
+    autoIncrement: false,
+    pk: [],
+    columns: [{ name: "name", type: "text" }],
+    constraints: [],
+    strict: true,
+  } as DatabaseTableSchema);
+});
+
+it("parse strict and without row id table", () => {
+  const sql = `create table students(name text) strict, without rowid;`;
+  expect(p(sql)).toEqual({
+    tableName: "students",
+    schemaName: "main",
+    autoIncrement: false,
+    pk: [],
+    columns: [{ name: "name", type: "text" }],
+    constraints: [],
+    strict: true,
+    withoutRowId: true,
+  } as DatabaseTableSchema);
+});
diff --git a/src/drivers/sqlite/sql-parse-table.ts b/src/drivers/sqlite/sql-parse-table.ts
index d2257c94..31d08e88 100644
--- a/src/drivers/sqlite/sql-parse-table.ts
+++ b/src/drivers/sqlite/sql-parse-table.ts
@@ -503,6 +503,34 @@ function parseFTS5(cursor: Cursor | null): DatabaseTableFts5 {
   };
 }
 
+function parseTableOption(cursor: Cursor):
+  | {
+      strict?: boolean;
+      withoutRowId?: boolean;
+    }
+  | undefined {
+  if (cursor.match("WITHOUT")) {
+    cursor.next();
+    if (cursor.match("ROWID")) {
+      cursor.next();
+      if (cursor.match(",")) {
+        cursor.next();
+        return { withoutRowId: true, ...parseTableOption(cursor) };
+      } else {
+        return { withoutRowId: true };
+      }
+    }
+  } else if (cursor.match("STRICT")) {
+    cursor.next();
+    if (cursor.match(",")) {
+      cursor.next();
+      return { strict: true, ...parseTableOption(cursor) };
+    } else {
+      return { strict: true };
+    }
+  }
+}
+
 // Our parser follows this spec
 // https://www.sqlite.org/lang_createtable.html
 export function parseCreateTableScript(
@@ -541,6 +569,9 @@ export function parseCreateTableScript(
     ? parseTableDefinition(schemaName, defCursor)
     : { columns: [], constraints: [] };
 
+  cursor.next();
+  // Parsing table options
+
   const pk = defs.columns.filter((col) => col.pk).map((col) => col.name);
 
   const autoIncrement = defs.columns.some(
@@ -554,5 +585,6 @@ export function parseCreateTableScript(
     pk,
     autoIncrement,
     fts5,
+    ...parseTableOption(cursor),
   };
 }

From e570d68f7ccc18f02963c66a9e9aa674d4850698 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 17 Sep 2024 10:47:46 +0700
Subject: [PATCH 111/124] make generated column as uneditable (#160)

---
 src/components/gui/table-cell/create-editable-cell.tsx | 9 ++++++++-
 src/components/gui/table-cell/generic-cell.tsx         | 9 +++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/gui/table-cell/create-editable-cell.tsx b/src/components/gui/table-cell/create-editable-cell.tsx
index 8f0662cb..94d603bc 100644
--- a/src/components/gui/table-cell/create-editable-cell.tsx
+++ b/src/components/gui/table-cell/create-editable-cell.tsx
@@ -139,7 +139,14 @@ export default function createEditableCell<T = unknown>({
       state.exitEditMode();
     }, [setEditValue, state, value]);
 
-    if (editMode && (editor === undefined || editor === "input")) {
+    const uneditableColumn =
+      !!header.headerData?.constraint?.generatedExpression;
+
+    if (
+      !uneditableColumn &&
+      editMode &&
+      (editor === undefined || editor === "input")
+    ) {
       return (
         <div
           className={cn(
diff --git a/src/components/gui/table-cell/generic-cell.tsx b/src/components/gui/table-cell/generic-cell.tsx
index 21be342a..7a5adf06 100644
--- a/src/components/gui/table-cell/generic-cell.tsx
+++ b/src/components/gui/table-cell/generic-cell.tsx
@@ -210,7 +210,8 @@ export default function GenericCell({
     if (
       header.foreignKey?.foreignTableName &&
       header.foreignKey.foreignColumns &&
-      header.foreignKey?.foreignSchemaName
+      header.foreignKey?.foreignSchemaName &&
+      value !== undefined
     ) {
       return (
         <div className="flex items-center shrink-0 cursor-pointer ml-2">
@@ -232,7 +233,11 @@ export default function GenericCell({
     }
 
     if (value === undefined) {
-      return <span className={textBaseStyle}>DEFAULT</span>;
+      return (
+        <span className={textBaseStyle}>
+          {header.headerData?.constraint?.generatedExpression ?? "DEFAULT"}
+        </span>
+      );
     }
 
     if (typeof value === "string") {

From d35c53fb891faf22e05a79d1282cc763cfd214c0 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Tue, 17 Sep 2024 15:37:59 +0700
Subject: [PATCH 112/124] add commit and discard keybinding (#161)

---
 src/components/gui/tabs/table-data-tab.tsx | 67 +++++++++++++---------
 src/components/gui/toolbar.tsx             | 58 +++++++++++++++++++
 src/components/gui/windows-tab.tsx         | 26 ++++++---
 src/lib/key-matcher.ts                     |  2 +
 4 files changed, 118 insertions(+), 35 deletions(-)
 create mode 100644 src/components/gui/toolbar.tsx

diff --git a/src/components/gui/tabs/table-data-tab.tsx b/src/components/gui/tabs/table-data-tab.tsx
index 1569f8cc..9ab0a704 100644
--- a/src/components/gui/tabs/table-data-tab.tsx
+++ b/src/components/gui/tabs/table-data-tab.tsx
@@ -6,7 +6,6 @@ import {
   LucideArrowRight,
   LucideDelete,
   LucideFilter,
-  LucideLoader,
   LucidePlus,
   LucideRefreshCcw,
   LucideSaveAll,
@@ -38,6 +37,9 @@ import ResultStats from "../result-stat";
 import isEmptyResultStats from "@/components/lib/empty-stats";
 import useTableResultColumnFilter from "../table-result/filter-column";
 import { AlertDialogTitle } from "@radix-ui/react-alert-dialog";
+import { useCurrentTab } from "../windows-tab";
+import { KEY_BINDING } from "@/lib/key-matcher";
+import { Toolbar, ToolbarButton } from "../toolbar";
 
 interface TableDataContentProps {
   tableName: string;
@@ -169,6 +171,28 @@ export default function TableDataWindow({
     }
   }, [data]);
 
+  const { isActiveTab } = useCurrentTab();
+
+  useEffect(() => {
+    if (isActiveTab) {
+      const handleGlobalKeyBinding = (e: KeyboardEvent) => {
+        if (KEY_BINDING.commit.match(e)) {
+          onCommit();
+          e.preventDefault();
+          e.stopPropagation();
+        } else if (KEY_BINDING.discard.match(e)) {
+          onDiscard();
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      };
+
+      document.addEventListener("keydown", handleGlobalKeyBinding);
+      return () =>
+        document.removeEventListener("keydown", handleGlobalKeyBinding);
+    }
+  }, [isActiveTab, onCommit, onDiscard]);
+
   return (
     <div className="flex flex-col overflow-hidden w-full h-full">
       {executeError && (
@@ -185,37 +209,24 @@ export default function TableDataWindow({
         </AlertDialog>
       )}
       <div className="shrink-0 grow-0">
-        <div className="flex p-1 gap-1">
-          <Button
-            variant={"ghost"}
-            size={"sm"}
+        <Toolbar>
+          <ToolbarButton
+            text="Commit"
+            icon={<LucideSaveAll className="w-4 h-4 mr-2" />}
+            tooltip={`Commit your changes (${KEY_BINDING.commit.toString()})`}
             disabled={!changeNumber || isExecuting}
+            loading={isExecuting}
             onClick={onCommit}
-          >
-            {isExecuting ? (
-              <LucideLoader className="w-4 h-4 animate-spin mr-2" />
-            ) : (
-              <LucideSaveAll className="w-4 h-4 mr-2 text-green-600" />
-            )}
-            Commit
-            {!!changeNumber && (
-              <span
-                className="ml-2 bg-red-500 text-white leading-5 w-5 h-5 rounded-full"
-                style={{ fontSize: 9 }}
-              >
-                {changeNumber}
-              </span>
-            )}
-          </Button>
+            badge={changeNumber ? changeNumber.toString() : ""}
+          />
 
-          <Button
-            variant={"ghost"}
-            size={"sm"}
+          <ToolbarButton
+            text="Discard Change"
+            tooltip={`Dicard all changes (${KEY_BINDING.discard.toString()})`}
+            destructive
             disabled={!changeNumber}
             onClick={onDiscard}
-          >
-            <span className="text-red-500">Discard Change</span>
-          </Button>
+          />
 
           <div className="mx-1">
             <Separator orientation="vertical" />
@@ -337,7 +348,7 @@ export default function TableDataWindow({
               }}
             />
           </Button>
-        </div>
+        </Toolbar>
         <Separator />
       </div>
       <div className="grow overflow-hidden relative">
diff --git a/src/components/gui/toolbar.tsx b/src/components/gui/toolbar.tsx
new file mode 100644
index 00000000..0c010496
--- /dev/null
+++ b/src/components/gui/toolbar.tsx
@@ -0,0 +1,58 @@
+import { PropsWithChildren, ReactElement } from "react";
+import { Button } from "../ui/button";
+import { LucideLoader } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+
+export function Toolbar({ children }: PropsWithChildren) {
+  return <div className="flex p-1 gap-1">{children}</div>;
+}
+
+export function ToolbarButton({
+  disabled,
+  loading,
+  icon,
+  onClick,
+  badge,
+  text,
+  tooltip,
+  destructive,
+}: {
+  icon?: ReactElement;
+  disabled?: boolean;
+  loading?: boolean;
+  badge?: string;
+  text: string;
+  onClick?: () => void;
+  tooltip?: ReactElement | string;
+  destructive?: boolean;
+}) {
+  const buttonContent = (
+    <Button variant={"ghost"} size={"sm"} disabled={disabled} onClick={onClick}>
+      {loading ? <LucideLoader className="w-4 h-4 animate-spin mr-2" /> : icon}
+
+      {destructive ? <span className="text-red-500">{text}</span> : text}
+
+      {badge && (
+        <span
+          className={
+            "ml-2 bg-red-500 text-white leading-5 w-5 h-5 rounded-full"
+          }
+          style={{ fontSize: 9 }}
+        >
+          {badge}
+        </span>
+      )}
+    </Button>
+  );
+
+  if (tooltip) {
+    return (
+      <Tooltip>
+        <TooltipTrigger>{buttonContent}</TooltipTrigger>
+        <TooltipContent>{tooltip}</TooltipContent>
+      </Tooltip>
+    );
+  }
+
+  return buttonContent;
+}
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index 8dfe558e..d27586ae 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -53,10 +53,18 @@ const WindowTabsContext = createContext<{
   },
 });
 
+const CurrentWindowTab = createContext<{ isActiveTab: boolean }>({
+  isActiveTab: false,
+});
+
 export function useTabsContext() {
   return useContext(WindowTabsContext);
 }
 
+export function useCurrentTab() {
+  return useContext(CurrentWindowTab);
+}
+
 export default function WindowTabs({
   menu,
   tabs,
@@ -200,15 +208,19 @@ export default function WindowTabs({
           </div>
           <div className="grow relative">
             {tabs.map((tab, tabIndex) => (
-              <div
-                className="absolute left-0 right-0 top-0 bottom-0"
-                style={{
-                  visibility: tabIndex === selected ? "inherit" : "hidden",
-                }}
+              <CurrentWindowTab.Provider
                 key={tab.key}
+                value={{ isActiveTab: tabIndex === selected }}
               >
-                {tab.component}
-              </div>
+                <div
+                  className="absolute left-0 right-0 top-0 bottom-0"
+                  style={{
+                    visibility: tabIndex === selected ? "inherit" : "hidden",
+                  }}
+                >
+                  {tab.component}
+                </div>
+              </CurrentWindowTab.Provider>
             ))}
           </div>
         </div>
diff --git a/src/lib/key-matcher.ts b/src/lib/key-matcher.ts
index bebdf8a0..c511f2e1 100644
--- a/src/lib/key-matcher.ts
+++ b/src/lib/key-matcher.ts
@@ -77,4 +77,6 @@ export const KEY_BINDING = {
   copy: new KeyMatcher({ ctrl: true, key: "c" }),
   paste: new KeyMatcher({ ctrl: true, key: "v" }),
   format: new KeyMatcher({ ctrl: true, shift: true, key: "i" }),
+  commit: new KeyMatcher({ ctrl: true, key: "s" }),
+  discard: new KeyMatcher({ ctrl: true, shift: true, key: "Delete" }),
 };

From a56330a974b3da91d9ced9d94131a89a80a40548 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 18 Sep 2024 12:48:20 +0700
Subject: [PATCH 113/124] feat: add duplicate row (#163)

---
 .../table-optimized/OptimizeTableState.tsx    | 11 ++-
 src/components/gui/table-optimized/index.tsx  |  1 +
 .../table-optimized/table-state-actions.ts    | 46 +++++++++++
 .../gui/table-result/context-menu.tsx         | 79 +++++++++----------
 4 files changed, 93 insertions(+), 44 deletions(-)
 create mode 100644 src/components/gui/table-optimized/table-state-actions.ts

diff --git a/src/components/gui/table-optimized/OptimizeTableState.tsx b/src/components/gui/table-optimized/OptimizeTableState.tsx
index 78fe6719..7e374d27 100644
--- a/src/components/gui/table-optimized/OptimizeTableState.tsx
+++ b/src/components/gui/table-optimized/OptimizeTableState.tsx
@@ -102,6 +102,9 @@ export default class OptimizeTableState {
           originalDataType: header.originalType,
           displayName: header.displayName,
           resizable: true,
+          isPrimaryKey: schemaResult
+            ? schemaResult.pk.includes(header.name)
+            : false,
           headerData,
           foreignKey,
           dataType,
@@ -291,7 +294,7 @@ export default class OptimizeTableState {
     this.broadcastChange();
   }
 
-  insertNewRow(index = -1) {
+  insertNewRow(index = -1, initialData: Record<string, unknown> = {}) {
     if (index === -1) {
       const focus = this.getFocus();
       if (focus) index = focus.y;
@@ -302,7 +305,7 @@ export default class OptimizeTableState {
     const newRow = {
       isNewRow: true,
       raw: {},
-      change: {},
+      change: initialData,
       changeKey: ++this.changeCounter,
     };
 
@@ -349,6 +352,10 @@ export default class OptimizeTableState {
     return this.data;
   }
 
+  getRowByIndex(idx: number) {
+    return this.data[idx];
+  }
+
   // ------------------------------------------------
   // Handle focus logic
   // ------------------------------------------------
diff --git a/src/components/gui/table-optimized/index.tsx b/src/components/gui/table-optimized/index.tsx
index 1ea1912b..ac43046e 100644
--- a/src/components/gui/table-optimized/index.tsx
+++ b/src/components/gui/table-optimized/index.tsx
@@ -33,6 +33,7 @@ export interface OptimizeTableHeaderProps {
   icon?: ReactElement;
   rightIcon?: ReactElement;
   tooltip?: string;
+  isPrimaryKey?: boolean;
   onContextMenu?: (e: React.MouseEvent, headerIndex: number) => void;
 }
 
diff --git a/src/components/gui/table-optimized/table-state-actions.ts b/src/components/gui/table-optimized/table-state-actions.ts
new file mode 100644
index 00000000..9da42a52
--- /dev/null
+++ b/src/components/gui/table-optimized/table-state-actions.ts
@@ -0,0 +1,46 @@
+import OptimizeTableState from "./OptimizeTableState";
+
+export default class TableStateActions {
+  static duplicateRow(state: OptimizeTableState) {
+    const rowIndex = state.getFocus()?.y;
+    if (!rowIndex) return;
+
+    const currentRow = state.getRowByIndex(rowIndex);
+
+    if (currentRow) {
+      const currentRowData = { ...currentRow.raw, ...currentRow.change };
+
+      // Remove all generated column
+      for (const header of state.getHeaders()) {
+        if (header.headerData?.constraint?.generatedExpression) {
+          delete currentRowData[header.name];
+        }
+      }
+
+      state.insertNewRow(rowIndex, currentRowData);
+    }
+  }
+
+  static duplicateRowWithoutKey(state: OptimizeTableState) {
+    const rowIndex = state.getFocus()?.y;
+    if (!rowIndex) return;
+
+    const currentRow = state.getRowByIndex(rowIndex);
+
+    if (currentRow) {
+      const currentRowData = { ...currentRow.raw, ...currentRow.change };
+
+      // Remove all generated column
+      for (const header of state.getHeaders()) {
+        if (
+          header.headerData?.constraint?.generatedExpression ||
+          header.isPrimaryKey
+        ) {
+          delete currentRowData[header.name];
+        }
+      }
+
+      state.insertNewRow(rowIndex, currentRowData);
+    }
+  }
+}
diff --git a/src/components/gui/table-result/context-menu.tsx b/src/components/gui/table-result/context-menu.tsx
index 917822d1..82c6f504 100644
--- a/src/components/gui/table-result/context-menu.tsx
+++ b/src/components/gui/table-result/context-menu.tsx
@@ -1,18 +1,15 @@
 import { useCallback } from "react";
 import { KEY_BINDING } from "@/lib/key-matcher";
 import OptimizeTableState from "../table-optimized/OptimizeTableState";
-import {
-  openContextMenuFromEvent,
-  StudioContextMenuItem,
-} from "@/messages/open-context-menu";
+import { openContextMenuFromEvent } from "@/messages/open-context-menu";
 import { useFullEditor } from "../providers/full-editor-provider";
-import { useConfig } from "@/context/config-provider";
 import {
   exportRowsToExcel,
   exportRowsToJson,
   exportRowsToSqlInsert,
 } from "@/components/lib/export-helper";
 import { LucidePlus, LucideTrash2 } from "lucide-react";
+import TableStateActions from "../table-optimized/table-state-actions";
 
 export default function useTableResultContextMenu({
   tableName,
@@ -26,7 +23,6 @@ export default function useTableResultContextMenu({
   pasteCallback: (state: OptimizeTableState) => void;
 }) {
   const { openEditor } = useFullEditor();
-  const { extensions } = useConfig();
 
   return useCallback(
     ({
@@ -47,16 +43,6 @@ export default function useTableResultContextMenu({
         }
       }
 
-      const extensionMenu = (extensions ?? []).reduce<StudioContextMenuItem[]>(
-        (menu, ext) => {
-          if (ext.contextMenu) {
-            return [...menu, ...ext.contextMenu(state)];
-          }
-          return menu;
-        },
-        []
-      );
-
       openContextMenuFromEvent([
         {
           title: "Insert Value",
@@ -140,14 +126,6 @@ export default function useTableResultContextMenu({
             },
           ],
         },
-        ...((extensionMenu ?? []).length > 0
-          ? [
-              {
-                separator: true,
-              },
-            ]
-          : []),
-        ...extensionMenu,
         {
           separator: true,
         },
@@ -215,25 +193,42 @@ export default function useTableResultContextMenu({
             },
           ],
         },
-        { separator: true },
-        {
-          title: "Insert row",
-          icon: LucidePlus,
-          onClick: () => {
-            data.insertNewRow();
-          },
-        },
-        {
-          title: "Delete selected row(s)",
-          icon: LucideTrash2,
-          onClick: () => {
-            data.getSelectedRowIndex().forEach((index) => {
-              data.removeRow(index);
-            });
-          },
-        },
+        ...(state.getReadOnlyMode()
+          ? []
+          : [
+              { separator: true },
+              {
+                title: "Insert row",
+                icon: LucidePlus,
+                onClick: () => {
+                  data.insertNewRow();
+                },
+              },
+              {
+                title: "Duplicate row without keys",
+                onClick: () => {
+                  TableStateActions.duplicateRowWithoutKey(state);
+                },
+              },
+              {
+                title: "Duplicate row with keys",
+                onClick: () => {
+                  TableStateActions.duplicateRow(state);
+                },
+              },
+              { separator: true },
+              {
+                title: "Delete selected row(s)",
+                icon: LucideTrash2,
+                onClick: () => {
+                  data.getSelectedRowIndex().forEach((index) => {
+                    data.removeRow(index);
+                  });
+                },
+              },
+            ]),
       ])(event);
     },
-    [data, tableName, copyCallback, pasteCallback, extensions, openEditor]
+    [data, tableName, copyCallback, pasteCallback, openEditor]
   );
 }

From 5cc8ef2744047306503f9cfb5b2e8a2a7fb7dc7b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 18 Sep 2024 12:50:17 +0700
Subject: [PATCH 114/124] build(deps): bump next from 14.2.1 to 14.2.12 (#162)

Bumps [next](https://github.com/vercel/next.js) from 14.2.1 to 14.2.12.
- [Release notes](https://github.com/vercel/next.js/releases)
- [Changelog](https://github.com/vercel/next.js/blob/canary/release.js)
- [Commits](https://github.com/vercel/next.js/compare/v14.2.1...v14.2.12)

---
updated-dependencies:
- dependency-name: next
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 88 +++++++++++++++++++++++------------------------
 package.json      |  2 +-
 2 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b4f1c788..4dd5d9e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -68,7 +68,7 @@
         "lucia": "^3.2.0",
         "lucide-react": "^0.309.0",
         "magic-bytes.js": "^1.10.0",
-        "next": "14.2.1",
+        "next": "14.2.12",
         "oslo": "^1.1.3",
         "react": "^18.2.01",
         "react-dom": "^18.2.0",
@@ -4896,9 +4896,9 @@
       "integrity": "sha512-kTPhdZyTQxB+2wpiRcFWrDcejc4JI6tkPuS7UZCG4l6Zvc5kU/gGQ/ozvHTh1XR5tS+UlfAfGuPajjzQjCiHCw=="
     },
     "node_modules/@next/env": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.1.tgz",
-      "integrity": "sha512-qsHJle3GU3CmVx7pUoXcghX4sRN+vINkbLdH611T8ZlsP//grzqVW87BSUgOZeSAD4q7ZdZicdwNe/20U2janA=="
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.12.tgz",
+      "integrity": "sha512-3fP29GIetdwVIfIRyLKM7KrvJaqepv+6pVodEbx0P5CaMLYBtx+7eEg8JYO5L9sveJO87z9eCReceZLi0hxO1Q=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.0.4",
@@ -4981,9 +4981,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.1.tgz",
-      "integrity": "sha512-kGjnjcIJehEcd3rT/3NAATJQndAEELk0J9GmGMXHSC75TMnvpOhONcjNHbjtcWE5HUQnIHy5JVkatrnYm1QhVw==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.12.tgz",
+      "integrity": "sha512-crHJ9UoinXeFbHYNok6VZqjKnd8rTd7K3Z2zpyzF1ch7vVNKmhjv/V7EHxep3ILoN8JB9AdRn/EtVVyG9AkCXw==",
       "cpu": [
         "arm64"
       ],
@@ -4996,9 +4996,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.1.tgz",
-      "integrity": "sha512-dAdWndgdQi7BK2WSXrx4lae7mYcOYjbHJUhvOUnJjMNYrmYhxbbvJ2xElZpxNxdfA6zkqagIB9He2tQk+l16ew==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.12.tgz",
+      "integrity": "sha512-JbEaGbWq18BuNBO+lCtKfxl563Uw9oy2TodnN2ioX00u7V1uzrsSUcg3Ep9ce+P0Z9es+JmsvL2/rLphz+Frcw==",
       "cpu": [
         "x64"
       ],
@@ -5011,9 +5011,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.1.tgz",
-      "integrity": "sha512-2ZctfnyFOGvTkoD6L+DtQtO3BfFz4CapoHnyLTXkOxbZkVRgg3TQBUjTD/xKrO1QWeydeo8AWfZRg8539qNKrg==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.12.tgz",
+      "integrity": "sha512-qBy7OiXOqZrdp88QEl2H4fWalMGnSCrr1agT/AVDndlyw2YJQA89f3ttR/AkEIP9EkBXXeGl6cC72/EZT5r6rw==",
       "cpu": [
         "arm64"
       ],
@@ -5026,9 +5026,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.1.tgz",
-      "integrity": "sha512-jazZXctiaanemy4r+TPIpFP36t1mMwWCKMsmrTRVChRqE6putyAxZA4PDujx0SnfvZHosjdkx9xIq9BzBB5tWg==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.12.tgz",
+      "integrity": "sha512-EfD9L7o9biaQxjwP1uWXnk3vYZi64NVcKUN83hpVkKocB7ogJfyH2r7o1pPnMtir6gHZiGCeHKagJ0yrNSLNHw==",
       "cpu": [
         "arm64"
       ],
@@ -5041,9 +5041,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.1.tgz",
-      "integrity": "sha512-VjCHWCjsAzQAAo8lkBOLEIkBZFdfW+Z18qcQ056kL4KpUYc8o59JhLDCBlhg+hINQRgzQ2UPGma2AURGOH0+Qg==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.12.tgz",
+      "integrity": "sha512-iQ+n2pxklJew9IpE47hE/VgjmljlHqtcD5UhZVeHICTPbLyrgPehaKf2wLRNjYH75udroBNCgrSSVSVpAbNoYw==",
       "cpu": [
         "x64"
       ],
@@ -5056,9 +5056,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.1.tgz",
-      "integrity": "sha512-7HZKYKvAp4nAHiHIbY04finRqjeYvkITOGOurP1aLMexIFG/1+oCnqhGogBdc4lao/lkMW1c+AkwWSzSlLasqw==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.12.tgz",
+      "integrity": "sha512-rFkUkNwcQ0ODn7cxvcVdpHlcOpYxMeyMfkJuzaT74xjAa5v4fxP4xDk5OoYmPi8QNLDs3UgZPMSBmpBuv9zKWA==",
       "cpu": [
         "x64"
       ],
@@ -5071,9 +5071,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.1.tgz",
-      "integrity": "sha512-YGHklaJ/Cj/F0Xd8jxgj2p8po4JTCi6H7Z3Yics3xJhm9CPIqtl8erlpK1CLv+HInDqEWfXilqatF8YsLxxA2Q==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.12.tgz",
+      "integrity": "sha512-PQFYUvwtHs/u0K85SG4sAdDXYIPXpETf9mcEjWc0R4JmjgMKSDwIU/qfZdavtP6MPNiMjuKGXHCtyhR/M5zo8g==",
       "cpu": [
         "arm64"
       ],
@@ -5086,9 +5086,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.1.tgz",
-      "integrity": "sha512-o+ISKOlvU/L43ZhtAAfCjwIfcwuZstiHVXq/BDsZwGqQE0h/81td95MPHliWCnFoikzWcYqh+hz54ZB2FIT8RA==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.12.tgz",
+      "integrity": "sha512-FAj2hMlcbeCV546eU2tEv41dcJb4NeqFlSXU/xL/0ehXywHnNpaYajOUvn3P8wru5WyQe6cTZ8fvckj/2XN4Vw==",
       "cpu": [
         "ia32"
       ],
@@ -5101,9 +5101,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.1.tgz",
-      "integrity": "sha512-GmRoTiLcvCLifujlisknv4zu9/C4i9r0ktsA8E51EMqJL4bD4CpO7lDYr7SrUxCR0tS4RVcrqKmCak24T0ohaw==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.12.tgz",
+      "integrity": "sha512-yu8QvV53sBzoIVRHsxCHqeuS8jYq6Lrmdh0briivuh+Brsp6xjg80MAozUsBTAV9KNmY08KlX0KYTWz1lbPzEg==",
       "cpu": [
         "x64"
       ],
@@ -19905,11 +19905,11 @@
       "peer": true
     },
     "node_modules/next": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.1.tgz",
-      "integrity": "sha512-SF3TJnKdH43PMkCcErLPv+x/DY1YCklslk3ZmwaVoyUfDgHKexuKlf9sEfBQ69w+ue8jQ3msLb+hSj1T19hGag==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.12.tgz",
+      "integrity": "sha512-cDOtUSIeoOvt1skKNihdExWMTybx3exnvbFbb9ecZDIxlvIbREQzt9A5Km3Zn3PfU+IFjyYGsHS+lN9VInAGKA==",
       "dependencies": {
-        "@next/env": "14.2.1",
+        "@next/env": "14.2.12",
         "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -19924,15 +19924,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.1",
-        "@next/swc-darwin-x64": "14.2.1",
-        "@next/swc-linux-arm64-gnu": "14.2.1",
-        "@next/swc-linux-arm64-musl": "14.2.1",
-        "@next/swc-linux-x64-gnu": "14.2.1",
-        "@next/swc-linux-x64-musl": "14.2.1",
-        "@next/swc-win32-arm64-msvc": "14.2.1",
-        "@next/swc-win32-ia32-msvc": "14.2.1",
-        "@next/swc-win32-x64-msvc": "14.2.1"
+        "@next/swc-darwin-arm64": "14.2.12",
+        "@next/swc-darwin-x64": "14.2.12",
+        "@next/swc-linux-arm64-gnu": "14.2.12",
+        "@next/swc-linux-arm64-musl": "14.2.12",
+        "@next/swc-linux-x64-gnu": "14.2.12",
+        "@next/swc-linux-x64-musl": "14.2.12",
+        "@next/swc-win32-arm64-msvc": "14.2.12",
+        "@next/swc-win32-ia32-msvc": "14.2.12",
+        "@next/swc-win32-x64-msvc": "14.2.12"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
diff --git a/package.json b/package.json
index bffbbac2..b064fc3a 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "lucia": "^3.2.0",
     "lucide-react": "^0.309.0",
     "magic-bytes.js": "^1.10.0",
-    "next": "14.2.1",
+    "next": "14.2.12",
     "oslo": "^1.1.3",
     "react": "^18.2.01",
     "react-dom": "^18.2.0",

From b145bd168cc8d94d713fd59a3d97a3e87c388300 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 18 Sep 2024 12:50:42 +0700
Subject: [PATCH 115/124] build(deps): bump webpack from 5.92.1 to 5.94.0
 (#156)

Bumps [webpack](https://github.com/webpack/webpack) from 5.92.1 to 5.94.0.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.92.1...v5.94.0)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 35 +++++++----------------------------
 1 file changed, 7 insertions(+), 28 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4dd5d9e3..f4c5085a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8181,26 +8181,6 @@
       "integrity": "sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw==",
       "devOptional": true
     },
-    "node_modules/@types/eslint": {
-      "version": "8.56.10",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.10.tgz",
-      "integrity": "sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==",
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
-      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
-      "peer": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
@@ -10963,9 +10943,9 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz",
-      "integrity": "sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -23885,12 +23865,11 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.92.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.1.tgz",
-      "integrity": "sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==",
+      "version": "5.94.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
+      "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
       "peer": true,
       "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^1.0.5",
         "@webassemblyjs/ast": "^1.12.1",
         "@webassemblyjs/wasm-edit": "^1.12.1",
@@ -23899,7 +23878,7 @@
         "acorn-import-attributes": "^1.9.5",
         "browserslist": "^4.21.10",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",

From 3d97381d150b4b1587091619a84a36952a96868c Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 18 Sep 2024 13:23:20 +0700
Subject: [PATCH 116/124] change favicon

---
 src/app/icon.png  | Bin 553 -> 506 bytes
 src/app/icon2.png | Bin 1160 -> 0 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 src/app/icon2.png

diff --git a/src/app/icon.png b/src/app/icon.png
index 98c6755c68fe8c88a8fcdb6a6fba8014d9daaafd..fbebaa8264ee1470ffb9b910b6479ec1fe8743ef 100644
GIT binary patch
literal 506
zcmV<W0R{evP)<h;3K|Lk000e1NJLTq001BW001Ef1^@s6xF)Gl00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0gp*UK~#7F?UviI
zf-n$<S1YgtORxj&Ks(S5ECHwhI$)>(r~o>E4xj_*ASXXF%mm$qgyRe^{4;rQbK%Qg
zvL1*?(S|zG#@YdP04IRc=|r#Bi_$curfEniHH@mN2HW%bq%~4D<MDW?uItp2G?>yL
z%Jy6<fGCQ-K5)HWRUF46i0}Kq0l-1#$Is{UWd3rwh@J_<@P7b0-jf4yW1DrR5W3X>
zxUs4C`z@|5ih>1zcXaZK`@||hwrh7!Y<=HL%P9x~){e@#-|yl+5nyf;r?M=E!AXaK
zoB=*>FWF2bNy6H7qR#GPW5Y>G!f_zhlE^g)rG%n|veK`j6Mz_kwr#&`NT}QGMsup`
z+R8TS=yDLWl$;zmXIliw^PIJ#JmCo!Wmz^mFD8`q#Co15#uRg=@R-rsmk`gWB=i7o
zk8aD8brzj*KC97CIB|^$zimBb4Zyk8guo5q4P70R6141ub^sXYc%RLQ6Y|EQ1G)p4
wAc(VhTY$j^Z_IT*ZX8C6t+f9w-vM@jKLL<#bHkkGO8@`>07*qoM6N<$f_ZV<dH?_b

literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$<4Ht8R5(walD%sbK@`A$Z|^JT<|G$Tk$A*PQ>5@Cm7q;JLD0g&Dq5s4f`UaF
zn}iS)5o`hh5w1vz*aZ9lwXjJ30R=T87&QTn$zI5@8ZWndcOx_FUUtI?>Nc~(%<sM5
zoA;#fVpZ8b*uJ3GcJsfzx4rm2dY-K{ke+8c!2iK1<s-)*uNi}X&8*>sRFPA&YwAyM
z2ZCLL%;t6(T04Z3RFTsU0)w!OXw8?0@>mL<-r6wdJ7HsRep&|z-ax}gyVEqv3U|52
zz_lR2+*p~tT?w*w9e2S+XV!2+8(b_pfq@5k5w2d!lWnv3^twvnP#RINzTmO%SO))l
zowqj^vHUFq8-pwN92M2>J(%W1|1NT!38LSY<MH*;DnH(BG+|>fJn`Eg(#pfV8T!t(
zBUTVX)fG!K-*8_#G1wT4-qituH|Vg0{tG$wbf-{ClLiL?5n=O#%a`IC#H$#6(}g>?
zOR+gPIk20w1xpXh^bB^I0H5!Fr0eW{8WoR~;;SZX3?|1*u{p>k6;kocr6VH+ga+?N
z11Qy2L#jXHU6>jP3|jU1z?nQEbxKbbo3%$<Xbfg==m4#UBy3f<?u1Pjo)539RulF&
ra8eu0Uw2e=w!;aFuB|d_SSR@f!cjz<Wx@n600000NkvXXu0mjfqJ;L{

diff --git a/src/app/icon2.png b/src/app/icon2.png
deleted file mode 100644
index c1195bff80db7171bf51e7c19b942d7930732752..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1160
zcmV;31b6$1P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(LP<nHR9HvFR%?hGRTTbiCX;m1ZnE2E6SEr8ZlP6|QuK$^NAbrhBE{m5Dl9^`
z*!>}bPzVK4L=o{p)52O@5T7VM5Q@4gR%{gu`omHwwk|$*v)bl0yPC)5vGcfc?_?&E
z*-SPS+6;u@CX@Nj`ObH~bI286XQ`+IJ`FJLq;WUTfKLZR&AgMAGyk9U8+(R0&h~e+
zcM=Or)F?>&c$W4GT!02L{H4jj<;|Rfv(J_<7z4cl_Yf6i>t{KK1}<&Q&CEGCW8kLg
zoJ|9l7u*9CWcx==1}>%AotZOm4`X1*QG<bt1rPcO{M2YwuL|fTYHQ!tR&xbsWf=W1
zM=utf_5Ggl5W<6Au<PHfieoPq8vWfpIA`FV4|4SXn9SJT5H>`N018<ZCtfP7Fqux7
zb8x1CUGJI<xI0|5Pe6H5Z*jQ$_l2;&5kN7c;@in$i^HuA19f>BrrNEVlSb`L4eWl0
zG2jj!=@anqgZ-GFSMc5O3d(tn>*c<Q5C)<K1Eq|L?++Kb27-eEHr^{Cc&&(^UPwbJ
zEW-_)2RHUszC{C0Z+~EC5SusoIFP1M%$%y>=WnXGYdnblMgZlsiXW#+*m$Rep<DbQ
z0^!fgr^-mZmoe1t$lUUQ@i+382Atqm4~p0`76LKeXI=G*4v&XGTx0y8Rw<}PA+GbZ
zJV$k4=HM)ra}^_q2JQB;kcn3f2HH(E_WgC6e7Nn70Q&lc)+kmvvHG8%&Y^g&;114$
zdgPV7;e;JVs^lTqcJmtCaH|Bb&q0SH5Ur*o^VK5qCl>)t=?Ko5*gw@Qff0oJJP(Hj
z?ARBAD76nlDQo!U$lp-%HP@PR`-Nt82RU%WF2eTUJ_-zP^J8Q*0KcQo&Ppf+6&F6w
zqHuZvgc>c^Qgi3|iAj@z_TaI&7dPI$76U^@%XNEIQcK8ul0tpHU}Wsb+-l9I4>JbZ
zgGXatj83fV0$rh?6c8GE(3f?903OlV1r&3KPD9C-T4=ZX0(mYe+pO3aO3f7wxP5OB
z;bGB8oC5Nh8vgpUh|LcTAP_UYucqsmeLaOMcSaD}+RuYwSNWWb3vZrv1?R1K@I`s0
z5m`YHtd9uT{%8nG=T*#oTtfNJ8n5X{B8ouFFsN#}hToFE@;+ZT96)SW9R7%ex#SN}
z<#I<mCX>%M8L($=-(EMw1uUiNAhao{k;D)rD}X9~PtG(2=g|?kN<w}9pVeo<)UyTy
zZs2TnZa3AgPsAa`{G5SWx{5!NXFICh)sA0#Ms8WjoO`?5NZpdS#uh*Yvxm-fR=e9Q
zc>5{Ywv=|iOh{2L1d(!3s0x&9*}c_Vz<F!F|D?%4_u#IB#bGj?rl9Ey<mls!f!=^~
zhn#+F!P0=6;JV3VwaurU9rO1dJFvht&=YW`ffI=Z+ADC*z{&kG?PhyjZK`!!CcA*y
an)V;&l2<wAHl`8)0000<MNUMnLSTX<i7m?j


From 73dfa3dcd8b0609f31bd19f5980d2c43392f6073 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 18 Sep 2024 13:33:06 +0700
Subject: [PATCH 117/124] bump version 0.7.1

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f4c5085a..8eb006f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.7.0",
+      "version": "0.7.1",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
diff --git a/package.json b/package.json
index b064fc3a..5a39097e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": false,
   "scripts": {
     "dev": "next dev -p 3008",

From 49c32a648c41e89fbe150b6c255e459a822ea5b4 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 18 Sep 2024 20:31:10 +0700
Subject: [PATCH 118/124] fixing cloudflare driver

---
 src/drivers/cloudflare-d1-driver.ts |  1 +
 src/drivers/sqlite-base-driver.ts   | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/drivers/cloudflare-d1-driver.ts b/src/drivers/cloudflare-d1-driver.ts
index e707cbea..0cca72f6 100644
--- a/src/drivers/cloudflare-d1-driver.ts
+++ b/src/drivers/cloudflare-d1-driver.ts
@@ -69,6 +69,7 @@ function transformRawResult(raw: CloudflareResult): DatabaseResultSet {
 }
 
 export default class CloudflareD1Driver extends SqliteLikeBaseDriver {
+  supportPragmaList: boolean = false;
   protected headers: Record<string, string> = {};
   protected url: string;
 
diff --git a/src/drivers/sqlite-base-driver.ts b/src/drivers/sqlite-base-driver.ts
index 1c6de107..4faf6ea1 100644
--- a/src/drivers/sqlite-base-driver.ts
+++ b/src/drivers/sqlite-base-driver.ts
@@ -18,6 +18,8 @@ import CommonSQLImplement from "./common-sql-imp";
 import generateSqlSchemaChange from "@/components/lib/sql-generate.schema";
 
 export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
+  supportPragmaList = true;
+
   escapeId(id: string) {
     return `"${id.replace(/"/g, '""')}"`;
   }
@@ -122,9 +124,17 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
   }
 
   async schemas(): Promise<DatabaseSchemas> {
-    const databaseList = (await this.query("PRAGMA database_list;")).rows as {
-      name: string;
-    }[];
+    let databaseList = [{ name: "main" }];
+
+    try {
+      if (this.supportPragmaList) {
+        databaseList = (await this.query("PRAGMA database_list;")).rows as {
+          name: string;
+        }[];
+      }
+    } catch {
+      console.error("PRAGMA database_list statement is not supported");
+    }
 
     const tableListPerDatabase = await this.transaction(
       databaseList.map(

From ab4ea0696c68000c66ff2a82807fb4b702594061 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Wed, 25 Sep 2024 14:36:54 -0700
Subject: [PATCH 119/124] Update LICENSE

---
 LICENSE | 682 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 661 insertions(+), 21 deletions(-)

diff --git a/LICENSE b/LICENSE
index cc782a7f..0ad25db4 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,21 +1,661 @@
-MIT License
-
-Copyright (c) 2024 Visal .In
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.

From 558d2dccb6e273ab6aa63999a038529ba1ee9d2a Mon Sep 17 00:00:00 2001
From: Brayden Wilmoth <brayden.wilmoth@gmail.com>
Date: Wed, 25 Sep 2024 14:38:58 -0700
Subject: [PATCH 120/124] Update LICENSE

---
 LICENSE | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LICENSE b/LICENSE
index 0ad25db4..7e99df5f 100644
--- a/LICENSE
+++ b/LICENSE
@@ -629,8 +629,8 @@ to attach them to the start of each source file to most effectively
 state the exclusion of warranty; and each file should have at least
 the "copyright" line and a pointer to where the full notice is found.
 
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
+    Outerbase Studio is a data visualization tool for databases.
+    Copyright (C) 2024. Outerbase, Inc.
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as published

From 6215ae7eab91e55ac1f7d9f91eec31f477a6be00 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 28 Sep 2024 08:36:20 -0700
Subject: [PATCH 121/124] Restyle matching Outerbase (#166)

* styling sidebar

* change query tab editor to match outerbase

* add more style

* fixing explain query

* redesign side menu

* restyle sidebar

* add sidemenu

* change all the libsql studio name to outerbase studio

* pull the version from package

* restyle the connection list match turso style

* upgrade everything to mono color

* reskin to outerbase
---
 next.config.js                                |   4 +
 package-lock.json                             |  17 +-
 package.json                                  |   3 +-
 src/app/(public)/databases/mysql/page.tsx     |  10 +-
 src/app/(public)/docs/layout.tsx              |   3 +-
 src/app/(public)/login/page.tsx               |   3 +-
 src/app/(public)/page.tsx                     |  32 ++-
 src/app/(public)/privacy/page.tsx             |   3 +-
 src/app/(public)/terms/page.tsx               |   5 +-
 src/app/(theme)/connect/connection-list.tsx   |  61 ++++--
 src/app/(theme)/connect/driver-dropdown.tsx   | 189 ++++++++++--------
 src/app/(theme)/connect/page-client.tsx       | 106 +++-------
 src/app/(theme)/connect/page.tsx              |   5 +-
 .../(theme)/connect/saved-connection-card.tsx |  56 +++---
 .../connect/saved-connection-content.tsx      |  12 +-
 .../connect/saved-connection-storage.ts       |  26 ++-
 src/app/(theme)/connect/saved-connection.tsx  |   3 +-
 .../(theme)/playground/client/page-client.tsx | 172 +++++++---------
 src/app/globals.css                           |  12 +-
 src/app/layout.tsx                            |   8 +-
 src/components/gui/database-gui.tsx           |  17 +-
 src/components/gui/main-connection.tsx        |   3 +-
 src/components/gui/query-explanation.tsx      |  11 +-
 src/components/gui/save-doc-button.tsx        |   2 +-
 src/components/gui/schema-sidebar-list.tsx    |   7 +-
 src/components/gui/schema-sidebar.tsx         |  37 ++--
 src/components/gui/sidebar-tab.tsx            | 162 +++++++++++----
 .../saved-doc-tab/create-namespace-button.tsx |  73 +++----
 .../gui/sidebar/saved-doc-tab/index.tsx       |  64 +++++-
 src/components/gui/sortable-tab.tsx           |  26 ++-
 src/components/gui/sql-editor/index.tsx       |   3 +
 src/components/gui/tabs/query-tab.tsx         | 120 +++++++----
 src/components/gui/windows-tab.tsx            |  55 ++---
 src/components/icons/outerbase-icon.tsx       | 140 ++++++++++++-
 src/components/mdx/docs-navigation.tsx        |   2 +-
 src/components/website-layout.tsx             |   8 +-
 src/const.ts                                  |   2 +
 src/messages/open-tab.tsx                     |   4 +-
 38 files changed, 899 insertions(+), 567 deletions(-)

diff --git a/next.config.js b/next.config.js
index 6ca26217..4910094f 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,10 +1,14 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const withMDX = require("@next/mdx")();
+const pkg = require("./package.json");
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
   pageExtensions: ["js", "jsx", "mdx", "ts", "tsx"],
+  env: {
+    NEXT_PUBLIC_STUDIO_VERSION: pkg.version,
+  },
 };
 
 module.exports = withMDX(nextConfig);
diff --git a/package-lock.json b/package-lock.json
index 8eb006f5..62041abb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@libsqlstudio/studio",
-      "version": "0.7.1",
+      "version": "0.7.2",
       "dependencies": {
         "@aws-sdk/client-s3": "^3.540.0",
         "@blocknote/core": "^0.12.1",
@@ -23,6 +23,7 @@
         "@mdx-js/loader": "^3.0.1",
         "@mdx-js/react": "^3.0.1",
         "@next/mdx": "^14.2.4",
+        "@phosphor-icons/react": "^2.1.7",
         "@radix-ui/react-alert-dialog": "^1.0.5",
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
@@ -5642,6 +5643,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@phosphor-icons/react": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.1.7.tgz",
+      "integrity": "sha512-g2e2eVAn1XG2a+LI09QU3IORLhnFNAFkNbo2iwbX6NOKSLOwvEMmTa7CgOzEbgNWR47z8i8kwjdvYZ5fkGx1mQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8",
+        "react-dom": ">= 16.8"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
diff --git a/package.json b/package.json
index 5a39097e..dc90a121 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "private": false,
   "scripts": {
     "dev": "next dev -p 3008",
@@ -42,6 +42,7 @@
     "@mdx-js/loader": "^3.0.1",
     "@mdx-js/react": "^3.0.1",
     "@next/mdx": "^14.2.4",
+    "@phosphor-icons/react": "^2.1.7",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
diff --git a/src/app/(public)/databases/mysql/page.tsx b/src/app/(public)/databases/mysql/page.tsx
index ca900db1..f6dedfbc 100644
--- a/src/app/(public)/databases/mysql/page.tsx
+++ b/src/app/(public)/databases/mysql/page.tsx
@@ -1,16 +1,16 @@
 import { MySQLIcon } from "@/components/icons/outerbase-icon";
 import WebsiteLayout from "@/components/website-layout";
+import { WEBSITE_NAME } from "@/const";
 import { Metadata } from "next";
 
-const siteDescription =
-  "LibSQL Studio is a fully-featured, lightweight GUI client for managing MySQL databases";
+const siteDescription = `${WEBSITE_NAME} is a fully-featured, lightweight GUI client for managing MySQL databases`;
 
 export const metadata: Metadata = {
-  title: "MySQL - LibSQL Studio",
+  title: `MySQL - ${WEBSITE_NAME}`,
   keywords: ["mysql", "studio", "browser", "editor", "gui", "online", "client"],
   description: siteDescription,
   openGraph: {
-    siteName: "LibSQL Studio",
+    siteName: WEBSITE_NAME,
     description: siteDescription,
   },
 };
@@ -34,7 +34,7 @@ function HeroSection() {
             <span>MySQL Support</span>
           </h2>
           <p className="max-w-[700px] mt-6 text-lg">
-            LibSQL Studio is a lightweight, fully-featured GUI client for MySQL
+            {WEBSITE_NAME} is a lightweight, fully-featured GUI client for MySQL
             databases. It enables you to manage and view your database, or
             expose your database interface externally and much more.
           </p>
diff --git a/src/app/(public)/docs/layout.tsx b/src/app/(public)/docs/layout.tsx
index 173dab82..9f5f774e 100644
--- a/src/app/(public)/docs/layout.tsx
+++ b/src/app/(public)/docs/layout.tsx
@@ -1,8 +1,9 @@
 import { DocLayout } from "@/components/mdx/docs";
+import { WEBSITE_NAME } from "@/const";
 
 const TableContent = [
   {
-    title: "LibSQL Studio",
+    title: WEBSITE_NAME,
     href: "/docs",
   },
   {
diff --git a/src/app/(public)/login/page.tsx b/src/app/(public)/login/page.tsx
index 6c96f162..e2bd2da2 100644
--- a/src/app/(public)/login/page.tsx
+++ b/src/app/(public)/login/page.tsx
@@ -1,5 +1,6 @@
 "use server";
 import LogoLoading from "@/components/gui/logo-loading";
+import { WEBSITE_NAME } from "@/const";
 import { env } from "@/env";
 import Link from "next/link";
 
@@ -18,7 +19,7 @@ export default async function LoginPage() {
           </p>
 
           <p>
-            LibSQL Studio is free and doesn&apos;t require login. However,
+            {WEBSITE_NAME} is free and doesn&apos;t require login. However,
             logged-in users get extra features:
           </p>
 
diff --git a/src/app/(public)/page.tsx b/src/app/(public)/page.tsx
index 89d06e9e..7dffc617 100644
--- a/src/app/(public)/page.tsx
+++ b/src/app/(public)/page.tsx
@@ -5,16 +5,14 @@ import {
 } from "@/components/icons/outerbase-icon";
 import { buttonVariants } from "@/components/ui/button";
 import WebsiteLayout from "@/components/website-layout";
+import { WEBSITE_GENERAL_DESCRIPTION, WEBSITE_NAME } from "@/const";
 import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { PropsWithChildren } from "react";
 
-const siteDescription =
-  "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
-
 export const metadata: Metadata = {
-  title: "LibSQL Studio",
+  title: WEBSITE_NAME,
   keywords: [
     "libsql",
     "rqlite",
@@ -27,10 +25,10 @@ export const metadata: Metadata = {
     "online",
     "client",
   ],
-  description: siteDescription,
+  description: WEBSITE_GENERAL_DESCRIPTION,
   openGraph: {
-    siteName: "LibSQL Studio",
-    description: siteDescription,
+    siteName: WEBSITE_NAME,
+    description: WEBSITE_GENERAL_DESCRIPTION,
   },
 };
 
@@ -84,14 +82,14 @@ function HeroSection() {
             Powerful Database Client
           </h2>
           <p className="max-w-[700px] mt-6 text-lg">
-            LibSQL Studio is a fully-featured, lightweight GUI client for
+            {WEBSITE_NAME} is a fully-featured, lightweight GUI client for
             managing Turso, LibSQL, Cloudflare D1, rqlite, MySQL, and
             PostgreSQL. It runs entirely in your browser, so there&apos;s no
             need to download anything.
           </p>
 
           <div className="flex gap-4 mt-8">
-            <LinkButton title="Open LibSQL Studio" url="/connect" />
+            <LinkButton title={`Open ${WEBSITE_NAME}`} url="/connect" />
           </div>
         </div>
       </div>
@@ -121,7 +119,7 @@ function SupportDriver() {
             <PostgreIcon />
             <span>PostgreSQL</span>
             <span className="text-xs -mt-2 text-yellow-500">
-              Coming Soon 15th Sep 2024
+              Coming Soon 7th Oct 2024
             </span>
           </DatabaseBlock>
 
@@ -186,8 +184,8 @@ function FeatureList() {
           </h1>
 
           <p className="mt-2 text-zinc-400">
-            LibSQL Studio allows you to save your queries and organize them into
-            folders, with the ability to sync across multiple devices.
+            {WEBSITE_NAME} allows you to save your queries and organize them
+            into folders, with the ability to sync across multiple devices.
           </p>
         </div>
 
@@ -204,7 +202,7 @@ function FeatureList() {
           </h1>
 
           <p className="mt-2 text-zinc-400">
-            LibSQL Studio features a user-friendly query editor equipped with
+            {WEBSITE_NAME} features a user-friendly query editor equipped with
             auto-completion and function hint tooltips. It allows you to execute
             multiple queries simultaneously and view their results efficiently.
           </p>
@@ -223,8 +221,8 @@ function FeatureList() {
           </h1>
 
           <p className="mt-2 text-zinc-400">
-            LibSQL Studio allows you to quickly create, modify, and remove table
-            columns with just a few clicks without writing any SQL.
+            {WEBSITE_NAME} allows you to quickly create, modify, and remove
+            table columns with just a few clicks without writing any SQL.
           </p>
         </div>
       </div>
@@ -239,7 +237,7 @@ function CommunitySection() {
 
       <p className="mt-2 text-zinc-400 max-w-[500px] mb-8">
         Join our community for the latest updates, roadmap insights, and
-        discussions on the future of LibSQL Studio.
+        discussions on the future of {WEBSITE_NAME}.
       </p>
 
       <div className="grid md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-4">
@@ -310,7 +308,7 @@ export default async function MainPage() {
           </div>
 
           <p className="tmb-4 max-w-[500px] text-zinc-400">
-            LibSQL Studio has many features and is regularly updated. Since it
+            {WEBSITE_NAME} has many features and is regularly updated. Since it
             is an{" "}
             <Link
               href="https://github.com/outerbase/libsql-studio"
diff --git a/src/app/(public)/privacy/page.tsx b/src/app/(public)/privacy/page.tsx
index e019d20a..51d30d19 100644
--- a/src/app/(public)/privacy/page.tsx
+++ b/src/app/(public)/privacy/page.tsx
@@ -1,4 +1,5 @@
 import WebsiteLayout from "@/components/website-layout";
+import { WEBSITE_NAME } from "@/const";
 
 export default function PrivacyPage() {
   return (
@@ -8,7 +9,7 @@ export default function PrivacyPage() {
         <p>Effective Date: 2024-06-23</p>
         <p>
           {`
-          Welcome to LibSQL Studio ("we," "our," or "us"). We are committed to protecting your privacy and ensuring
+          Welcome to ${WEBSITE_NAME} ("we," "our," or "us"). We are committed to protecting your privacy and ensuring
           that your personal information is handled in a safe and responsible manner. This Privacy Policy explains how we
           collect, use, and protect your information when you use our tool.
         `}
diff --git a/src/app/(public)/terms/page.tsx b/src/app/(public)/terms/page.tsx
index 9229edae..22a19935 100644
--- a/src/app/(public)/terms/page.tsx
+++ b/src/app/(public)/terms/page.tsx
@@ -1,4 +1,5 @@
 import WebsiteLayout from "@/components/website-layout";
+import { WEBSITE_NAME } from "@/const";
 
 export default function TermPage() {
   return (
@@ -9,7 +10,7 @@ export default function TermPage() {
         <p>Effective Date: 2024-06-23</p>
 
         <p>{`
-        Welcome to LibSQL Studio ("we," "our," or "us"). 
+        Welcome to ${WEBSITE_NAME} ("we," "our," or "us"). 
         By accessing or using our tool, you agree to be bound by these Terms and Conditions ("Terms").
         If you do not agree to these Terms, please do not use the Tool.
       `}</p>
@@ -53,7 +54,7 @@ export default function TermPage() {
         </p>
 
         <h2 className="font-bold text-lg">6. Limitation of Liability</h2>
-        <p>{`LibSQL Studio is provided "as is" without warranties of any kind. We are not liable for any damages arising from your use of the Tool.`}</p>
+        <p>{`${WEBSITE_NAME} is provided "as is" without warranties of any kind. We are not liable for any damages arising from your use of the Tool.`}</p>
 
         <p>
           By using the Tool, you acknowledge that you have read, understood, and
diff --git a/src/app/(theme)/connect/connection-list.tsx b/src/app/(theme)/connect/connection-list.tsx
index a0ab7959..9eb65565 100644
--- a/src/app/(theme)/connect/connection-list.tsx
+++ b/src/app/(theme)/connect/connection-list.tsx
@@ -20,31 +20,40 @@ import ConnectionItemCard from "./saved-connection-card";
 import { getDatabases } from "@/lib/api/fetch-databases";
 import { User } from "lucia";
 import QuickConnect from "./quick-connect";
-import { LucideChevronDown } from "lucide-react";
+import { LucideChevronDown, LucideSearch } from "lucide-react";
 import DriverDropdown from "./driver-dropdown";
+import { cn } from "@/lib/utils";
 
 function ConnectionListSection({
   data,
   name,
+  search,
   onRemove,
   onEdit,
 }: Readonly<{
+  search: string;
   data: SavedConnectionItem[];
   name?: string;
   onRemove: Dispatch<SetStateAction<SavedConnectionItem | undefined>>;
   onEdit: Dispatch<SetStateAction<SavedConnectionItem | undefined>>;
 }>) {
   const body = useMemo(() => {
-    if (data.length === 0)
+    const filteredData = data.filter((d) =>
+      d.name.toLowerCase().includes(search.toLowerCase())
+    );
+
+    if (filteredData.length === 0)
       return (
-        <div className="p-4">
-          There is no connection. Please add new connection
+        <div className="py-4 text-sm">
+          {search
+            ? `There is no record with '${search}'`
+            : "There is no base. Please add new base"}
         </div>
       );
 
     return (
-      <div className="flex flex-wrap gap-4 p-4">
-        {data.map((conn) => {
+      <div className={cn("flex flex-wrap gap-4", name ? "mt-4" : "mt=8")}>
+        {filteredData.map((conn) => {
           return (
             <ConnectionItemCard
               key={conn.id}
@@ -60,11 +69,13 @@ function ConnectionListSection({
         })}
       </div>
     );
-  }, [data, onRemove, onEdit]);
+  }, [name, data, search, onRemove, onEdit]);
 
   return (
     <>
-      {name && <h2 className="mt-4 ml-4 font-bold">{name}</h2>}
+      {name && (
+        <h2 className="mt-4 font-semibold text-sm text-primary">{name}</h2>
+      )}
       {body}
     </>
   );
@@ -73,6 +84,7 @@ function ConnectionListSection({
 export default function ConnectionList({
   user,
 }: Readonly<{ user: User | null }>) {
+  const [search, setSearch] = useState("");
   const [quickConnect, setQuickConnect] = useState<SupportedDriver | null>(
     null
   );
@@ -199,24 +211,44 @@ export default function ConnectionList({
   }
 
   return (
-    <>
-      <div className="px-8 py-2 border-b">
+    <div className="flex flex-col flex-1 max-w-[1000px] mx-auto pb-12">
+      <div className="flex mt-12 gap-2">
+        <h1 className="flex-1 flex items-center font-semibold text-xl text-primary">
+          Bases
+        </h1>
+
+        <div>
+          <div className="border rounded overflow-hidden flex items-center grow mx-2 bg-background">
+            <div className="text-sm px-2 h-full flex items-center">
+              <LucideSearch className="h-4 w-4 text-black dark:text-white" />
+            </div>
+            <input
+              value={search}
+              onChange={(e) => setSearch(e.currentTarget.value)}
+              type="text"
+              className="bg-inherit p-2 pl-2 pr-2 outline-none text-sm  h-full grow"
+              placeholder="Search base name"
+            />
+          </div>
+        </div>
+
         <DriverDropdown onSelect={setShowAddConnection}>
-          <Button variant={"ghost"}>
+          <Button variant={"default"}>
             New Connection
             <LucideChevronDown className="ml-2 w-4 h-4" />
           </Button>
         </DriverDropdown>
 
         <DriverDropdown onSelect={setQuickConnect}>
-          <Button variant={"ghost"}>Quick Connect</Button>
+          <Button variant={"secondary"}>Quick Connect</Button>
         </DriverDropdown>
       </div>
 
       {dialogComponent}
 
       <ConnectionListSection
-        name="Local"
+        name={user ? "Local" : ""}
+        search={search}
         data={localSavedConns}
         onRemove={setRemoveConnection}
         onEdit={setEditConnection}
@@ -224,12 +256,13 @@ export default function ConnectionList({
 
       {user && (
         <ConnectionListSection
+          search={search}
           name="Remote"
           data={remoteSavedConns}
           onRemove={setRemoveConnection}
           onEdit={setEditConnection}
         />
       )}
-    </>
+    </div>
   );
 }
diff --git a/src/app/(theme)/connect/driver-dropdown.tsx b/src/app/(theme)/connect/driver-dropdown.tsx
index 88b3fc4c..b2d51e1b 100644
--- a/src/app/(theme)/connect/driver-dropdown.tsx
+++ b/src/app/(theme)/connect/driver-dropdown.tsx
@@ -8,6 +8,15 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { useRouter } from "next/navigation";
+import {
+  CloudflareIcon,
+  MySQLIcon,
+  RqliteIcon,
+  SQLiteIcon,
+  TursoIcon,
+  ValtownIcon,
+} from "@/components/icons/outerbase-icon";
+import Link from "next/link";
 
 interface Props {
   onSelect: (driver: SupportedDriver) => void;
@@ -22,94 +31,110 @@ export default function DriverDropdown({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
-      <DropdownMenuContent className="w-[300px]">
-        <DropdownMenuItem
-          onClick={() => {
-            onSelect("turso");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-12">
-            <img src="/turso.jpeg" alt="turso" className="w-9 h-9 rounded-lg" />
-            <div>
-              <div className="font-bold">Turso / LibSQL</div>
-              <div className="text-xs opacity-50">SQLite for Product</div>
-            </div>
-          </div>
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            onSelect("cloudflare-d1");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-12">
-            <img src="/cloudflare.png" alt="rqlite" className="w-9 h-9" />
+      <DropdownMenuContent className="w-[500px]">
+        <div className="flex">
+          <div className="w-1/2 border-r pr-1">
+            <span className="block text-xs ml-2 mb-2 mt-2 font-semibold text-muted-foreground">
+              SQLite-based Database
+            </span>
             <div>
-              <div className="font-bold">Cloudflare D1</div>
-              <div className="text-xs opacity-50">
-                D1 is Cloudflare’s native serverless database
-              </div>
-            </div>
-          </div>
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            onSelect("rqlite");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-12">
-            <img src="/rqlite.png" alt="rqlite" className="w-9 h-9" />
-            <div>
-              <div className="font-bold">rqlite</div>
-              <div className="text-xs opacity-50">
-                Distributed database built on SQLite
-              </div>
-            </div>
-          </div>
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            onSelect("valtown");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-12">
-            <img src="/valtown.svg" alt="valtown" className="w-9 h-9 rounded" />
-            <div>
-              <div className="font-bold">val.town</div>
-              <div className="text-xs opacity-50">Private SQLite database</div>
-            </div>
-          </div>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem
-          onClick={() => {
-            onSelect("sqlite-filehandler");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-16">
-            <img src="/sqlite-icon.svg" alt="sqlite" className="w-9 h-9" />
-            <div>
-              <div className="font-bold">Open SQLite File</div>
-              <div className="text-xs opacity-50">
-                Open SQLite file database directly in your browser.
-              </div>
+              <DropdownMenuItem
+                onClick={() => {
+                  onSelect("turso");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <TursoIcon className="w-6 h-6" />
+                  <div className="font-semibold">Turso / LibSQL</div>
+                </div>
+              </DropdownMenuItem>
+
+              <DropdownMenuItem
+                onClick={() => {
+                  onSelect("cloudflare-d1");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <CloudflareIcon className="w-6 h-6" />
+                  <div>
+                    <div className="font-semibold">Cloudflare D1</div>
+                  </div>
+                </div>
+              </DropdownMenuItem>
+
+              <DropdownMenuItem
+                onClick={() => {
+                  onSelect("rqlite");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <RqliteIcon className="w-6 h-6" />
+                  <div className="font-semibold">rqlite</div>
+                </div>
+              </DropdownMenuItem>
+
+              <DropdownMenuItem
+                onClick={() => {
+                  onSelect("valtown");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <ValtownIcon className="w-6 h-6" />
+                  <div className="font-semibold">val.town</div>
+                </div>
+              </DropdownMenuItem>
+
+              <DropdownMenuSeparator />
+
+              <DropdownMenuItem
+                onClick={() => {
+                  onSelect("sqlite-filehandler");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <SQLiteIcon className="w-6 h-6" />
+                  <div>
+                    <div className="font-semibold">SQLite File</div>
+                  </div>
+                </div>
+              </DropdownMenuItem>
+
+              <DropdownMenuItem
+                onClick={() => {
+                  router.push("/playground/client");
+                }}
+              >
+                <div className="flex gap-4 px-2 items-center h-8">
+                  <SQLiteIcon className="w-6 h-6" />
+                  <div>
+                    <div className="font-semibold">Blank SQLite</div>
+                  </div>
+                </div>
+              </DropdownMenuItem>
             </div>
           </div>
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            router.push("/playground/client");
-          }}
-        >
-          <div className="flex gap-4 px-2 items-center h-16">
-            <img src="/sqlite-icon.svg" alt="sqlite" className="w-9 h-9" />
+
+          <div className="w-1/2 pl-1">
+            <span className="block text-xs ml-2 mb-2 mt-2 font-semibold text-muted-foreground">
+              Other
+            </span>
+
             <div>
-              <div className="font-bold">Blank SQLite</div>
-              <div className="text-xs opacity-50">
-                Start a new SQLite database directly in your browser.
-              </div>
+              <DropdownMenuItem>
+                <Link
+                  className="flex gap-4 px-2 items-center h-8 block"
+                  href="/databases/mysql"
+                  target="_blank"
+                >
+                  <MySQLIcon className="w-6 h-6" />
+                  <div>
+                    <div className="font-semibold">MySQL</div>
+                  </div>
+                </Link>
+              </DropdownMenuItem>
             </div>
           </div>
-        </DropdownMenuItem>
+        </div>
       </DropdownMenuContent>
     </DropdownMenu>
   );
diff --git a/src/app/(theme)/connect/page-client.tsx b/src/app/(theme)/connect/page-client.tsx
index 5aa0c7d1..ddfc3e6a 100644
--- a/src/app/(theme)/connect/page-client.tsx
+++ b/src/app/(theme)/connect/page-client.tsx
@@ -1,91 +1,49 @@
 "use client";
 import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { PropsWithChildren } from "react";
 import ConnectionList from "./connection-list";
 import Link from "next/link";
-import { LucideCopy, LucideMoon, LucideSun } from "lucide-react";
+import { LucideMoon, LucideSun } from "lucide-react";
 import { User } from "lucia";
 import { useTheme } from "@/context/theme-provider";
 
-function TabContainer({ children }: Readonly<PropsWithChildren>) {
-  return (
-    <div className="bg-secondary flex">
-      <div className="w-8 border-b"></div>
-      {children}
-      <div className="border-b grow"></div>
-    </div>
-  );
-}
-
-function TabItem({
-  active,
-  text,
-}: Readonly<{ active?: boolean; text: string }>) {
-  const className = cn(
-    "px-3 py-1",
-    active
-      ? "bg-background border-b border-b-background border-t border-x"
-      : "border-b border-gray-300"
-  );
-
-  return <div className={className}>{text}</div>;
-}
-
-function Header({ user }: Readonly<{ user: User | null }>) {
+export default function ConnectBody({ user }: Readonly<{ user: User | null }>) {
   const { theme, toggleTheme } = useTheme();
 
   return (
-    <div className="px-8 py-4 bg-secondary flex">
-      <h2 className="text-xl font-semibold mb-2">
-        <div>Welcome, {user ? user.name : "Guest"}</div>
-        {user?.id && (
-          <div
-            className="mt-1 cursor-pointer"
-            onClick={() => {
-              window.navigator.clipboard.writeText(user.id);
-            }}
+    <div className="min-h-screen w-screen bg-zinc-50 dark:bg-background">
+      <div className="sticky top-0 border-b p-2 bg-background flex">
+        <Link className="h-12 w-12 flex justify-center items-center" href="/">
+          <svg
+            fill="currentColor"
+            viewBox="75 75 350 350"
+            className="cursor-pointer text-black dark:text-white h-10 w-10"
           >
-            <span className="text-sm font-normal px-3 py-1 rounded-lg bg-background flex items-center">
-              <strong className="mr-2">ID: </strong>
-              {user.id} &nbsp;
-              <LucideCopy className="ml-1 w-4 h-4" />
-            </span>
-          </div>
-        )}
-      </h2>
-      <div className="grow" />
-      <div className="flex gap-2">
-        <Button size={"icon"} onClick={() => toggleTheme()}>
-          {theme === "dark" ? (
-            <LucideMoon className="w-4 h-4" />
+            <path d="M249.51,146.58c-58.7,0-106.45,49.37-106.45,110.04c0,60.68,47.76,110.04,106.45,110.04 c58.7,0,106.46-49.37,106.46-110.04C355.97,195.95,308.21,146.58,249.51,146.58z M289.08,332.41l-0.02,0.04l-0.51,0.65 c-5.55,7.06-12.37,9.35-17.11,10.02c-1.23,0.17-2.5,0.26-3.78,0.26c-12.94,0-25.96-9.09-37.67-26.29 c-9.56-14.05-17.84-32.77-23.32-52.71c-9.78-35.61-8.67-68.08,2.83-82.74c5.56-7.07,12.37-9.35,17.11-10.02 c13.46-1.88,27.16,6.2,39.64,23.41c10.29,14.19,19.22,33.83,25.12,55.32C301,285.35,300.08,317.46,289.08,332.41z"></path>
+          </svg>
+        </Link>
+
+        <div className="flex-1" />
+
+        <div className="flex gap-2 items-center mr-2">
+          <Button size={"icon"} variant={"ghost"} onClick={() => toggleTheme()}>
+            {theme === "dark" ? (
+              <LucideMoon className="w-4 h-4" />
+            ) : (
+              <LucideSun className="w-4 h-4" />
+            )}
+          </Button>
+
+          {user ? (
+            <Link prefetch={false} href="/logout">
+              <Button variant={"secondary"}>Sign Out</Button>
+            </Link>
           ) : (
-            <LucideSun className="w-4 h-4" />
+            <Link prefetch={false} href="/login">
+              <Button variant={"secondary"}>Sign In</Button>
+            </Link>
           )}
-        </Button>
-
-        {user ? (
-          <Link prefetch={false} href="/logout">
-            <Button>Sign Out</Button>
-          </Link>
-        ) : (
-          <Link prefetch={false} href="/login">
-            <Button>Sign In</Button>
-          </Link>
-        )}
+        </div>
       </div>
-    </div>
-  );
-}
-
-export default function ConnectBody({ user }: Readonly<{ user: User | null }>) {
-  "use client";
-  return (
-    <div className="flex flex-col h-screen">
-      <Header user={user} />
-      <TabContainer>
-        <TabItem text="Connections" active />
-      </TabContainer>
 
       <ConnectionList user={user} />
     </div>
diff --git a/src/app/(theme)/connect/page.tsx b/src/app/(theme)/connect/page.tsx
index c02987af..318da86a 100644
--- a/src/app/(theme)/connect/page.tsx
+++ b/src/app/(theme)/connect/page.tsx
@@ -2,10 +2,11 @@ import { Metadata } from "next";
 import { getSessionFromCookie } from "@/lib/auth";
 import ConnectBody from "./page-client";
 import ThemeLayout from "../theme_layout";
+import { WEBSITE_NAME } from "@/const";
 
 export const metadata: Metadata = {
-  title: "LibSQL Studio",
-  description: "LibSQL Studio",
+  title: WEBSITE_NAME,
+  description: WEBSITE_NAME,
 };
 
 export default async function Home() {
diff --git a/src/app/(theme)/connect/saved-connection-card.tsx b/src/app/(theme)/connect/saved-connection-card.tsx
index 311b8b72..66ea332e 100644
--- a/src/app/(theme)/connect/saved-connection-card.tsx
+++ b/src/app/(theme)/connect/saved-connection-card.tsx
@@ -6,7 +6,7 @@ import {
   ContextMenuItem,
   ContextMenuSeparator,
 } from "@/components/ui/context-menu";
-import { LucidePencil, LucideTrash, LucideUsers } from "lucide-react";
+import { LucidePencil, LucideTrash } from "lucide-react";
 import { useState } from "react";
 import {
   SavedConnectionItem,
@@ -26,6 +26,8 @@ export default function ConnectionItemCard({
 }>) {
   const [open, setOpen] = useState(false);
 
+  const DatabaseIcon = DRIVER_DETAIL[conn.driver ?? "turso"].icon;
+
   return (
     <ContextMenu onOpenChange={setOpen}>
       <ContextMenuTrigger
@@ -38,7 +40,7 @@ export default function ConnectionItemCard({
       >
         <Link
           className={cn(
-            "border rounded w-[285px] flex overflow-hidden hover:border-secondary hover:bg-secondary",
+            "border rounded-lg w-[300px] bg-background flex overflow-hidden hover:bg-zinc-50 dark:hover:bg-zinc-900",
             open ? "border-secondary bg-secondary" : ""
           )}
           href={
@@ -49,31 +51,31 @@ export default function ConnectionItemCard({
               : `/client/r?p=${conn.id}`
           }
         >
-          <div
-            className={cn(
-              "w-2 shrink-0 bg-yellow-300",
-              CONNECTION_LABEL_COLORS[conn.label ?? "gray"]
-            )}
-          />
-          <div className="pt-4 shrink-0 ml-3 mr-2">
-            <img
-              src={DRIVER_DETAIL[conn.driver ?? "turso"].icon}
-              alt={DRIVER_DETAIL[conn.driver ?? "turso"].name}
-              className="w-9 h-9 rounded-lg"
-            />
-          </div>
-          <div className="p-2">
-            <h2 className="line-clamp-1">{conn.name}</h2>
-            {conn.shared ? (
-              <p className="text-gray-600 text-xs line-clamp-2 h-8 mt-1">
-                <LucideUsers className="w-4 h-4 mr-1 inline" />
-                Shared by <strong>{conn.shared.sharedBy.name}</strong>
-              </p>
-            ) : (
-              <p className="text-gray-600 text-xs line-clamp-2 h-8">
-                {conn.description || <i>No description</i>}
-              </p>
-            )}
+          <div className="py-4 shrink-0 ml-3 mr-2 flex flex-col gap-3">
+            <div className="flex gap-2">
+              <div className="w-10 h-10 bg-accent flex justify-center items-center rounded">
+                <DatabaseIcon className="w-6 h-6 text-accent-foreground" />
+              </div>
+
+              <div>
+                <div className="line-clamp-1 text-primary">{conn.name}</div>
+                <div className="text-xs text-muted-foreground">
+                  {DRIVER_DETAIL[conn.driver ?? "turso"].displayName}
+                </div>
+              </div>
+            </div>
+
+            <div className="flex gap-2">
+              <div
+                className={cn(
+                  "w-4 h-4 shrink-0 bg-yellow-300 rounded-full",
+                  CONNECTION_LABEL_COLORS[conn.label ?? "gray"]
+                )}
+              />
+              <div className="text-xs line-clamp-1">
+                {conn.description || "No description"}
+              </div>
+            </div>
           </div>
         </Link>
       </ContextMenuTrigger>
diff --git a/src/app/(theme)/connect/saved-connection-content.tsx b/src/app/(theme)/connect/saved-connection-content.tsx
index 75c732d1..08c33b31 100644
--- a/src/app/(theme)/connect/saved-connection-content.tsx
+++ b/src/app/(theme)/connect/saved-connection-content.tsx
@@ -19,6 +19,8 @@ export default function ConnectionDialogContent({
     driver: SupportedDriver;
   }>
 >) {
+  const DatabaseIcon = DRIVER_DETAIL[driver ?? "turso"].icon;
+
   return (
     <Dialog
       open
@@ -28,13 +30,9 @@ export default function ConnectionDialogContent({
     >
       <DialogContent className="lg:min-w-[600px] xl:min-w-[600px]">
         <DialogTitle>
-          <div className="flex gap-2 items-center">
-            <img
-              src={DRIVER_DETAIL[driver ?? "turso"].icon}
-              alt=""
-              className="w-8 h-8 rounded mr-2"
-            />
-            <span>{title}</span>
+          <div className="flex gap-2 items-center h-8">
+            <DatabaseIcon className="w-8 h-8" />
+            <div className="flex flex-1 items-center">{title}</div>
           </div>
         </DialogTitle>
         <DialogDescription />
diff --git a/src/app/(theme)/connect/saved-connection-storage.ts b/src/app/(theme)/connect/saved-connection-storage.ts
index 59702360..18cf813e 100644
--- a/src/app/(theme)/connect/saved-connection-storage.ts
+++ b/src/app/(theme)/connect/saved-connection-storage.ts
@@ -1,5 +1,13 @@
+import {
+  CloudflareIcon,
+  RqliteIcon,
+  SQLiteIcon,
+  TursoIcon,
+  ValtownIcon,
+} from "@/components/icons/outerbase-icon";
 import { ApiUser } from "@/lib/api/api-database-response";
 import parseSafeJson from "@/lib/json-safe";
+import { FunctionComponent } from "react";
 
 export interface DriverDetailField {
   name: keyof SavedConnectionItemConfigConfig;
@@ -14,8 +22,9 @@ export interface DriverDetailField {
 }
 
 export interface DriverDetail {
+  displayName: string;
   name: string;
-  icon: string;
+  icon: FunctionComponent<{ className: string }>;
   disableRemote?: boolean;
   fields: DriverDetailField[];
 }
@@ -23,8 +32,9 @@ export interface DriverDetail {
 export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
   Object.freeze({
     "sqlite-filehandler": {
+      displayName: "SQLite",
       name: "sqlite-filehandler",
-      icon: "/sqlite-icon.svg",
+      icon: SQLiteIcon,
       disableRemote: true,
       fields: [
         {
@@ -38,7 +48,8 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
     },
     turso: {
       name: "turso",
-      icon: "/turso.jpeg",
+      displayName: "Turso",
+      icon: TursoIcon,
       fields: [
         {
           name: "url",
@@ -67,7 +78,8 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
     },
     valtown: {
       name: "valtown",
-      icon: "/valtown.svg",
+      displayName: "Valtown",
+      icon: ValtownIcon,
       prefill: "",
       fields: [
         {
@@ -81,7 +93,8 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
     },
     "cloudflare-d1": {
       name: "cloudflare-d1",
-      icon: "/cloudflare.png",
+      displayName: "Cloudflare D1",
+      icon: CloudflareIcon,
       fields: [
         {
           name: "username",
@@ -108,7 +121,8 @@ export const DRIVER_DETAIL: Record<SupportedDriver, DriverDetail> =
     },
     rqlite: {
       name: "rqlite",
-      icon: "/rqlite.png",
+      displayName: "rqlite",
+      icon: RqliteIcon,
       fields: [
         {
           name: "url",
diff --git a/src/app/(theme)/connect/saved-connection.tsx b/src/app/(theme)/connect/saved-connection.tsx
index be9520d0..3c42edd3 100644
--- a/src/app/(theme)/connect/saved-connection.tsx
+++ b/src/app/(theme)/connect/saved-connection.tsx
@@ -13,13 +13,14 @@ import {
 import SavedConnectionConfig from "./saved-connection-config";
 import { createDatabase } from "@/lib/api/fetch-databases";
 import { User } from "lucia";
+import { WEBSITE_NAME } from "@/const";
 
 type SaveConnectionStep = "storage" | "config";
 
 export function RqliteInstruction() {
   return (
     <div className="bg-secondary p-4 mb-4 text-sm">
-      You should include LibSQL Studio in the list of allowed origins for CORS
+      You should include {WEBSITE_NAME} in the list of allowed origins for CORS
       (Cross-Origin Resource Sharing)
       <pre className="mt-2">
         <code>{`rqlited --http-allow-origin="https://libsqlstudio.com"`}</code>
diff --git a/src/app/(theme)/playground/client/page-client.tsx b/src/app/(theme)/playground/client/page-client.tsx
index 6b4dcfbe..34bbc5a5 100644
--- a/src/app/(theme)/playground/client/page-client.tsx
+++ b/src/app/(theme)/playground/client/page-client.tsx
@@ -1,7 +1,6 @@
 "use client";
 import { saveAs } from "file-saver";
 import MyStudio from "@/components/my-studio";
-import { Button } from "@/components/ui/button";
 import SqljsDriver from "@/drivers/sqljs-driver";
 import { LucideFile, LucideLoader, LucideRefreshCw } from "lucide-react";
 import Script from "next/script";
@@ -10,14 +9,13 @@ import { Database, SqlJsStatic } from "sql.js";
 import ScreenDropZone from "@/components/screen-dropzone";
 import { toast } from "sonner";
 import downloadFileFromUrl from "@/lib/download-file";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useSearchParams } from "next/navigation";
 import { localDb } from "@/indexdb";
 import { SavedConnectionLocalStorage } from "@/app/(theme)/connect/saved-connection-storage";
+import {
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -132,102 +130,80 @@ export default function PlaygroundEditorBody({
             </div>
           </div>
         )}
-        <div className="flex flex-row gap-2 px-2 pb-2">
-          <Button
-            className="flex-grow"
-            size="sm"
-            onClick={() => {
-              if (rawDb) {
-                if (handler) {
-                  handler
-                    .createWritable()
-                    .then((writable) => {
-                      writable.write(rawDb.export());
-                      writable.close();
-                      toast.success(
-                        <div>
-                          Successfully save <strong>{fileName}</strong>
-                        </div>
-                      );
-                      db?.resetChange();
-                    })
-                    .catch(console.error);
-                } else {
-                  saveAs(
-                    new Blob([rawDb.export()], {
-                      type: "application/x-sqlite3",
-                    }),
-                    "sqlite-dump.db"
-                  );
-                }
+
+        <DropdownMenuItem
+          inset
+          onClick={() => {
+            if (rawDb) {
+              if (handler) {
+                handler
+                  .createWritable()
+                  .then((writable) => {
+                    writable.write(rawDb.export());
+                    writable.close();
+                    toast.success(
+                      <div>
+                        Successfully save <strong>{fileName}</strong>
+                      </div>
+                    );
+                    db?.resetChange();
+                  })
+                  .catch(console.error);
+              } else {
+                saveAs(
+                  new Blob([rawDb.export()], {
+                    type: "application/x-sqlite3",
+                  }),
+                  "sqlite-dump.db"
+                );
               }
-            }}
-          >
-            Save
-          </Button>
-          <Button
-            className="flex-grow"
-            size="sm"
-            onClick={() => {
-              window
-                .showOpenFilePicker({
-                  types: [
-                    {
-                      description: "SQLite Files",
-                      accept: {
-                        "application/x-sqlite3": [
-                          ".db",
-                          ".sdb",
-                          ".sqlite",
-                          ".db3",
-                          ".s3db",
-                          ".sqlite3",
-                          ".sl3",
-                          ".db2",
-                          ".s2db",
-                          ".sqlite2",
-                          ".sl2",
-                        ],
-                      },
+            }
+          }}
+        >
+          Save
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          inset
+          onClick={() => {
+            window
+              .showOpenFilePicker({
+                types: [
+                  {
+                    description: "SQLite Files",
+                    accept: {
+                      "application/x-sqlite3": [
+                        ".db",
+                        ".sdb",
+                        ".sqlite",
+                        ".db3",
+                        ".s3db",
+                        ".sqlite3",
+                        ".sl3",
+                        ".db2",
+                        ".s2db",
+                        ".sqlite2",
+                        ".sl2",
+                      ],
                     },
-                  ],
-                })
-                .then(([fileHandler]) => {
-                  setHandler(fileHandler);
-                });
-            }}
-          >
-            Open
-          </Button>
-          {handler && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  size="sm"
-                  className="flex-grow-0"
-                  onClick={onReloadDatabase}
-                >
-                  <LucideRefreshCw className="w-4 h-4" />
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>
-                <p className="mb-2">
-                  <strong>Refresh</strong>
-                </p>
+                  },
+                ],
+              })
+              .then(([fileHandler]) => {
+                setHandler(fileHandler);
+              });
+          }}
+        >
+          Open SQLite file
+        </DropdownMenuItem>
 
-                <p className="max-w-[250px] mb-2">
-                  LibSQL Studio loads data into memory. If the file changes, it
-                  is unaware of the update.
-                </p>
+        {handler && (
+          <DropdownMenuItem onClick={onReloadDatabase}>
+            <LucideRefreshCw className="w-4 h-4 mr-2" />
+            Refresh
+          </DropdownMenuItem>
+        )}
 
-                <p className="max-w-[250px]">
-                  To reflect the changes, use the refresh option to reload the
-                  data from the file.
-                </p>
-              </TooltipContent>
-            </Tooltip>
-          )}
-        </div>
+        <DropdownMenuSeparator />
       </div>
     );
   }, [rawDb, handler, db, fileName, onReloadDatabase]);
diff --git a/src/app/globals.css b/src/app/globals.css
index 2a44e78c..9debf4fe 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -44,7 +44,7 @@ body {
     --secondary: #f1f5f9;
     --secondary-foreground: #444;
 
-    --muted: 210 40% 96.1%;
+    --muted: #eee;
     --muted-foreground: #888;
 
     --accent: #f1f5f9;
@@ -64,7 +64,7 @@ body {
   }
 
   .dark {
-    --background: #181818;
+    --background: #000;
     --foreground: #aaa;
 
     --color-surface: black;
@@ -79,7 +79,7 @@ body {
     --primary: white;
     --primary-foreground: black;
 
-    --secondary: #1f1f1f;
+    --secondary: #171717;
     --secondary-foreground: #eee;
 
     --muted: #333;
@@ -91,7 +91,7 @@ body {
     --destructive: red;
     --destructive-foreground: white;
 
-    --border: #2b2b2b;
+    --border: #313131;
     --input: #333;
     --ring: #444;
 
@@ -140,6 +140,10 @@ body {
   color: #e84393;
 }
 
+.cm-focused {
+  outline: none !important;
+}
+
 .dark .cm-table-name {
   color: #fd79a8;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 35afb88c..06ca143d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,12 +3,12 @@ import type { Metadata } from "next";
 import "./globals.css";
 import "./codemirror-override.css";
 import { Fragment } from "react";
+import { WEBSITE_NAME } from "@/const";
 
-const siteDescription =
-  "LibSQL Studio is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything";
+const siteDescription = `${WEBSITE_NAME} is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything`;
 
 export const metadata: Metadata = {
-  title: "LibSQL Studio",
+  title: WEBSITE_NAME,
   keywords: [
     "libsql",
     "rqlite",
@@ -22,7 +22,7 @@ export const metadata: Metadata = {
   ],
   description: siteDescription,
   openGraph: {
-    siteName: "LibSQL Studio",
+    siteName: WEBSITE_NAME,
     description: siteDescription,
   },
 };
diff --git a/src/components/gui/database-gui.tsx b/src/components/gui/database-gui.tsx
index b5670cf6..aa79eb98 100644
--- a/src/components/gui/database-gui.tsx
+++ b/src/components/gui/database-gui.tsx
@@ -11,12 +11,6 @@ import useMessageListener from "@/components/hooks/useMessageListener";
 import { MessageChannelName } from "@/const";
 import { OpenTabsProps, receiveOpenTabMessage } from "@/messages/open-tab";
 import QueryWindow from "@/components/gui/tabs/query-tab";
-import {
-  LucideBookmark,
-  LucideCode,
-  LucideDatabase,
-  LucideSettings,
-} from "lucide-react";
 import SidebarTab, { SidebarTabItem } from "./sidebar-tab";
 import SchemaView from "./schema-sidebar";
 import SettingSidebar from "./sidebar/setting-sidebar";
@@ -24,6 +18,7 @@ import SettingSidebar from "./sidebar/setting-sidebar";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import SavedDocTab from "./sidebar/saved-doc-tab";
 import { useSchema } from "@/context/schema-provider";
+import { Binoculars, GearSix, Table } from "@phosphor-icons/react";
 
 export default function DatabaseGui() {
   const DEFAULT_WIDTH = 300;
@@ -44,7 +39,7 @@ export default function DatabaseGui() {
       identifier: "query",
       key: "query",
       component: <QueryWindow initialName="Query" />,
-      icon: LucideCode,
+      icon: Binoculars,
     },
   ]);
 
@@ -93,14 +88,14 @@ export default function DatabaseGui() {
         key: "database",
         name: "Schema",
         content: <SchemaView />,
-        icon: LucideDatabase,
+        icon: <Table size={24} />,
       },
       docDriver
         ? {
             key: "saved",
-            name: "Saved",
+            name: "Queries",
             content: <SavedDocTab />,
-            icon: LucideBookmark,
+            icon: <Binoculars size={24} />,
           }
         : undefined,
       collaborationDriver
@@ -108,7 +103,7 @@ export default function DatabaseGui() {
             key: "setting",
             name: "Setting",
             content: <SettingSidebar />,
-            icon: LucideSettings,
+            icon: <GearSix size={24} />,
           }
         : undefined,
     ].filter(Boolean) as SidebarTabItem[];
diff --git a/src/components/gui/main-connection.tsx b/src/components/gui/main-connection.tsx
index d499caa8..55fc1cfc 100644
--- a/src/components/gui/main-connection.tsx
+++ b/src/components/gui/main-connection.tsx
@@ -8,6 +8,7 @@ import { useConfig } from "@/context/config-provider";
 import { AutoCompleteProvider } from "@/context/auto-complete-provider";
 import InternalPubSub from "@/components/lib/internal-pubsub";
 import { SchemaProvider } from "@/context/schema-provider";
+import { WEBSITE_NAME } from "@/const";
 
 function MainConnection() {
   const { databaseDriver: driver } = useDatabaseDriver();
@@ -41,7 +42,7 @@ function MainConnectionContainer() {
   }, [driver]);
 
   useEffect(() => {
-    document.title = name + " - LibSQL Studio";
+    document.title = name + " - " + WEBSITE_NAME;
   }, [name]);
 
   return (
diff --git a/src/components/gui/query-explanation.tsx b/src/components/gui/query-explanation.tsx
index a6e2b1cd..8f79f974 100644
--- a/src/components/gui/query-explanation.tsx
+++ b/src/components/gui/query-explanation.tsx
@@ -49,9 +49,14 @@ function buildQueryExplanationTree(nodes: ExplanationRow[]) {
 
 export function QueryExplanation(props: QueryExplanationProps) {
   const tree = useMemo(() => {
-    const isExplanationRows = z
-      .array(queryExplanationRowSchema)
-      .safeParse(props.data.rows);
+    const isExplanationRows = z.array(queryExplanationRowSchema).safeParse(
+      props.data.rows.map((r) => ({
+        ...r,
+        id: Number(r.id),
+        parent: Number(r.parent),
+        notused: Number(r.notused),
+      }))
+    );
 
     if (isExplanationRows.error) {
       return { _tag: "ERROR" as const, value: isExplanationRows.error };
diff --git a/src/components/gui/save-doc-button.tsx b/src/components/gui/save-doc-button.tsx
index c23fc7d0..a622fa88 100644
--- a/src/components/gui/save-doc-button.tsx
+++ b/src/components/gui/save-doc-button.tsx
@@ -82,8 +82,8 @@ export default function SaveDocButton({
         <Button
           size="sm"
           onClick={() => onSaveQuery()}
-          className="mr-2"
           disabled={loading}
+          variant={"secondary"}
         >
           {loading ? (
             <LucideLoader className="w-4 h-4 animate-spin mr-2" />
diff --git a/src/components/gui/schema-sidebar-list.tsx b/src/components/gui/schema-sidebar-list.tsx
index d6813a3b..e44039b4 100644
--- a/src/components/gui/schema-sidebar-list.tsx
+++ b/src/components/gui/schema-sidebar-list.tsx
@@ -1,4 +1,4 @@
-import { LucideCog, LucideDatabase, LucideView, Table2 } from "lucide-react";
+import { LucideCog, LucideDatabase, LucideView } from "lucide-react";
 import { OpenContextMenuList } from "@/messages/open-context-menu";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { openTab } from "@/messages/open-tab";
@@ -6,6 +6,7 @@ import { DatabaseSchemaItem } from "@/drivers/base-driver";
 import { useSchema } from "@/context/schema-provider";
 import { ListView, ListViewItem } from "../listview";
 import { useDatabaseDriver } from "@/context/driver-provider";
+import { Table } from "@phosphor-icons/react";
 
 interface SchemaListProps {
   search: string;
@@ -15,8 +16,8 @@ function prepareListViewItem(
   schema: DatabaseSchemaItem[]
 ): ListViewItem<DatabaseSchemaItem>[] {
   return schema.map((s) => {
-    let icon = Table2;
-    let iconClassName = "text-blue-600 dark:text-blue-300";
+    let icon = Table;
+    let iconClassName = "";
 
     if (s.type === "trigger") {
       icon = LucideCog;
diff --git a/src/components/gui/schema-sidebar.tsx b/src/components/gui/schema-sidebar.tsx
index a95d8b2b..e3a386f9 100644
--- a/src/components/gui/schema-sidebar.tsx
+++ b/src/components/gui/schema-sidebar.tsx
@@ -1,10 +1,11 @@
-import { LucidePlus, LucideSearch } from "lucide-react";
+import { LucideSearch } from "lucide-react";
 import { useCallback, useState } from "react";
 import SchemaList from "./schema-sidebar-list";
-import ListButtonItem from "./list-button-item";
-import { Separator } from "../ui/separator";
 import { openTab } from "@/messages/open-tab";
 import { useSchema } from "@/context/schema-provider";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "../ui/button";
+import { Plus } from "@phosphor-icons/react";
 
 export default function SchemaView() {
   const [search, setSearch] = useState("");
@@ -19,8 +20,23 @@ export default function SchemaView() {
 
   return (
     <div className="flex flex-col overflow-hidden grow">
-      <div className="pt-2 px-2 flex h-10 -ml-3 mb-2">
-        <div className="border rounded overflow-hidden flex items-center ml-3 grow">
+      <div className="pt-2 px-2 flex mb-2 flex flex-col">
+        <div className="flex justify-between mb-2 items-center mx-2">
+          <h1 className="text-xl py-2 font-semibold text-primary">Tables</h1>
+          <button
+            className={cn(
+              buttonVariants({
+                size: "icon",
+              }),
+              "rounded-full h-8 w-8"
+            )}
+            onClick={onNewTable}
+          >
+            <Plus size={16} weight="bold" />
+          </button>
+        </div>
+
+        <div className="border rounded overflow-hidden flex items-center grow mx-2">
           <div className="text-sm px-2 h-full flex items-center">
             <LucideSearch className="h-4 w-4 text-black dark:text-white" />
           </div>
@@ -37,17 +53,6 @@ export default function SchemaView() {
       </div>
 
       <SchemaList search={search} />
-
-      <div className="flex flex-col">
-        <Separator />
-        <div className="p-2 flex flex-col">
-          <ListButtonItem
-            text="Create New Table"
-            icon={LucidePlus}
-            onClick={onNewTable}
-          />
-        </div>
-      </div>
     </div>
   );
 }
diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index cd8283b0..563e78da 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -1,17 +1,21 @@
 import { useConfig } from "@/context/config-provider";
 import { useTheme } from "@/context/theme-provider";
 import { cn } from "@/lib/utils";
-import {
-  LucideChevronLeft,
-  LucideIcon,
-  LucideMoon,
-  LucideSun,
-} from "lucide-react";
 import { ReactElement, useState } from "react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+import Link from "next/link";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "../ui/dropdown-menu";
+import { ArrowLeft, MoonStars, Sun } from "@phosphor-icons/react";
 
 export interface SidebarTabItem {
   key: string;
-  icon: LucideIcon;
+  icon: ReactElement;
   name: string;
   content: ReactElement;
 }
@@ -45,9 +49,9 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
   }
 
   return (
-    <div className={cn("flex flex-col h-full border-l-8", bgPrimary)}>
-      <div className={cn("shrink-0 bg-secondary")}>
-        <div className="text-sm my-2 px-3 font-semibold flex">
+    <div className={cn("flex h-full border-l-8", bgPrimary)}>
+      <div className={cn("shrink-0")}>
+        {/* <div className="text-sm my-2 px-3 font-semibold flex">
           {config.onBack && (
             <div
               className="flex items-center -ml-2 mr-2 cursor-pointer hover:text-blue-500"
@@ -81,45 +85,119 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
               </button>
             </div>
           )}
-        </div>
-
-        {config.sideBarFooterComponent && (
-          <div>{config.sideBarFooterComponent}</div>
-        )}
+        </div> */}
 
-        <div className="flex flex-row">
-          <div className="w-2 border-b" />
-          {tabs.map(({ key, name, icon: Icon }, idx) => {
-            return (
-              <button
-                title={name}
-                key={key}
-                onClick={() => {
-                  if (!loadedIndex[idx]) {
-                    loadedIndex[idx] = true;
-                    setLoadedIndex([...loadedIndex]);
-                  }
-
-                  if (idx !== selectedIndex) {
-                    setSelectedIndex(idx);
-                  }
+        <div className="flex flex-col border-r h-full p-2 gap-2">
+          <DropdownMenu modal={false}>
+            <DropdownMenuTrigger>
+              <div className="h-12 w-12 flex justify-center items-center">
+                <svg
+                  fill="currentColor"
+                  viewBox="75 75 350 350"
+                  className="cursor-pointer text-black dark:text-white h-10 w-10"
+                >
+                  <path d="M249.51,146.58c-58.7,0-106.45,49.37-106.45,110.04c0,60.68,47.76,110.04,106.45,110.04 c58.7,0,106.46-49.37,106.46-110.04C355.97,195.95,308.21,146.58,249.51,146.58z M289.08,332.41l-0.02,0.04l-0.51,0.65 c-5.55,7.06-12.37,9.35-17.11,10.02c-1.23,0.17-2.5,0.26-3.78,0.26c-12.94,0-25.96-9.09-37.67-26.29 c-9.56-14.05-17.84-32.77-23.32-52.71c-9.78-35.61-8.67-68.08,2.83-82.74c5.56-7.07,12.37-9.35,17.11-10.02 c13.46-1.88,27.16,6.2,39.64,23.41c10.29,14.19,19.22,33.83,25.12,55.32C301,285.35,300.08,317.46,289.08,332.41z"></path>
+                </svg>
+              </div>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent side="right" align="start">
+              <div
+                className="w-[250px] h-[120px] mb-2 rounded flex flex-col justify-end m-1"
+                style={{
+                  background:
+                    "url(https://www.outerbase.com/_next/static/media/cloudflare-bg.e2029f2e.jpg)",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
                 }}
-                className={cn(
-                  "cursor cursor-pointer w-[58px] h-[50px] flex flex-col gap-0.5 justify-center items-center rounded-t",
-                  selectedIndex !== idx ? "border-b" : undefined,
-                  selectedIndex === idx
-                    ? "bg-background border-l border-r border-t"
-                    : undefined
-                )}
               >
-                <Icon className="w-5 h-5" />
-                <span style={{ fontSize: 10 }}>{name}</span>
-              </button>
+                <div
+                  className="p-1 text-white px-2"
+                  style={{ background: "#000C" }}
+                >
+                  <div className="font-bold">Outerbase Studio</div>
+                  <div className="text-xs -mt-0.5">
+                    v{process.env.NEXT_PUBLIC_STUDIO_VERSION}
+                  </div>
+                </div>
+              </div>
+
+              {config.sideBarFooterComponent}
+
+              {!disableToggle && (
+                <DropdownMenuItem
+                  onClick={() => {
+                    toggleTheme();
+                  }}
+                >
+                  {theme === "dark" ? (
+                    <Sun className="mr-2" />
+                  ) : (
+                    <MoonStars className="mr-2" />
+                  )}
+                  Switch to {theme === "dark" ? "light mode" : "dark mode"}
+                </DropdownMenuItem>
+              )}
+              {config.onBack && (
+                <DropdownMenuItem onClick={config.onBack}>
+                  <ArrowLeft className="mr-2" />
+                  Back to bases
+                </DropdownMenuItem>
+              )}
+              {config.onBack && !disableToggle && <DropdownMenuSeparator />}
+              <DropdownMenuItem inset>
+                <Link
+                  className="block w-full"
+                  href="https://github.com/outerbase/studio/issues"
+                  target="_blank"
+                >
+                  Report issues
+                </Link>
+              </DropdownMenuItem>
+              <DropdownMenuItem inset>
+                <Link
+                  className="block w-full"
+                  href="https://www.outerbase.com/about/"
+                  target="_blank"
+                >
+                  About us
+                </Link>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+
+          {tabs.map(({ key, name, icon }, idx) => {
+            return (
+              <Tooltip key={key}>
+                <TooltipTrigger asChild>
+                  <button
+                    title={name}
+                    onClick={() => {
+                      if (!loadedIndex[idx]) {
+                        loadedIndex[idx] = true;
+                        setLoadedIndex([...loadedIndex]);
+                      }
+
+                      if (idx !== selectedIndex) {
+                        setSelectedIndex(idx);
+                      }
+                    }}
+                    className={cn(
+                      "cursor cursor-pointer h-12 w-12 flex flex-col gap-0.5 justify-center items-center rounded-t hover:text-primary",
+                      selectedIndex === idx
+                        ? "bg-secondary rounded-lg text-primary"
+                        : undefined
+                    )}
+                  >
+                    {icon}
+                  </button>
+                </TooltipTrigger>
+                <TooltipContent side="right">{name}</TooltipContent>
+              </Tooltip>
             );
           })}
-          <div className="flex-grow border-b" />
         </div>
       </div>
+
       <div className="relative flex h-full grow overflow-hidden">
         {tabs.map((tab, tabIndex) => {
           const selected = selectedIndex === tabIndex;
diff --git a/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
index 77bbcdfc..005af665 100644
--- a/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/create-namespace-button.tsx
@@ -5,25 +5,24 @@ import {
   DialogDescription,
   DialogFooter,
   DialogTitle,
-  DialogTrigger,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { useDatabaseDriver } from "@/context/driver-provider";
 import { SavedDocNamespace } from "@/drivers/saved-doc/saved-doc-driver";
-import { LucidePlus } from "lucide-react";
 import { useCallback, useState } from "react";
 
 interface CreateNamespaceButtonProps {
   onCreated: (v: SavedDocNamespace) => void;
+  onClose: () => void;
 }
 
-export default function CreateNamespaceButton({
+export default function CreateNamespaceDialog({
   onCreated,
+  onClose,
 }: CreateNamespaceButtonProps) {
   const { docDriver } = useDatabaseDriver();
   const [namespace, setNamespace] = useState("");
   const [error, setError] = useState("");
-  const [open, setOpen] = useState(false);
 
   const onCreateNamespace = useCallback(() => {
     if (docDriver) {
@@ -32,7 +31,7 @@ export default function CreateNamespaceButton({
           .createNamespace(namespace)
           .then((n) => {
             onCreated(n);
-            setOpen(false);
+            onClose();
           })
           .catch((e) => {
             setError((e as Error).message);
@@ -41,50 +40,36 @@ export default function CreateNamespaceButton({
         setError("The namespace name must be at least 3 characters long");
       }
     }
-  }, [docDriver, namespace, onCreated]);
+  }, [docDriver, namespace, onCreated, onClose]);
 
   return (
-    <>
-      <Dialog
-        open={open}
-        onOpenChange={(openState) => {
-          setOpen(openState);
-          setNamespace("");
-          setError("");
-        }}
-      >
-        <DialogTrigger asChild>
-          <Button
-            size="sm"
-            variant="ghost"
-            className="mb-1 flex w-full justify-start"
-          >
-            <LucidePlus className="w-4 h-4 mr-2" />
-            Create Namespace
-          </Button>
-        </DialogTrigger>
-        <DialogContent>
-          <DialogTitle>Create Namespace</DialogTitle>
+    <Dialog
+      open
+      onOpenChange={(openState) => {
+        if (!openState) onClose();
+      }}
+    >
+      <DialogContent>
+        <DialogTitle>Create Namespace</DialogTitle>
 
-          <DialogDescription>
-            A namespace is similar to a folder that groups your work together.
-            It helps you organize and arrange your queries
-          </DialogDescription>
+        <DialogDescription>
+          A namespace is similar to a folder that groups your work together. It
+          helps you organize and arrange your queries
+        </DialogDescription>
 
-          <Input
-            placeholder="Please enter namespace"
-            autoFocus
-            value={namespace}
-            onChange={(e) => setNamespace(e.currentTarget.value)}
-          />
+        <Input
+          placeholder="Please enter namespace"
+          autoFocus
+          value={namespace}
+          onChange={(e) => setNamespace(e.currentTarget.value)}
+        />
 
-          {error && <div className="text-xs text-red-500 -mt-2">{error}</div>}
+        {error && <div className="text-xs text-red-500 -mt-2">{error}</div>}
 
-          <DialogFooter>
-            <Button onClick={onCreateNamespace}>Create</Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </>
+        <DialogFooter>
+          <Button onClick={onCreateNamespace}>Create</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   );
 }
diff --git a/src/components/gui/sidebar/saved-doc-tab/index.tsx b/src/components/gui/sidebar/saved-doc-tab/index.tsx
index 4b551077..bbdffe58 100644
--- a/src/components/gui/sidebar/saved-doc-tab/index.tsx
+++ b/src/components/gui/sidebar/saved-doc-tab/index.tsx
@@ -6,15 +6,23 @@ import {
   SavedDocNamespace,
 } from "@/drivers/saved-doc/saved-doc-driver";
 import { ListView, ListViewItem } from "@/components/listview";
-import { LucideCode, LucideFolder, LucideTrash } from "lucide-react";
+import { LucideTrash } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
-import CreateNamespaceButton from "./create-namespace-button";
 import RenameNamespaceDialog from "./rename-namespace-dialog";
 import RemoveDocDialog from "./remove-doc-dialog";
 import { TAB_PREFIX_SAVED_QUERY } from "@/const";
 import RemoveNamespaceDialog from "./remove-namespace-dialog";
 import { OpenContextMenuList } from "@/messages/open-context-menu";
-import { Separator } from "@/components/ui/separator";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
+import { Binoculars, Folder, Plus } from "@phosphor-icons/react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import CreateNamespaceDialog from "./create-namespace-button";
 
 type SavedDocListData =
   | {
@@ -33,13 +41,13 @@ function mapDoc(
     return {
       data: { type: "namespace", data: ns.namespace },
       key: ns.namespace.id,
-      icon: LucideFolder,
+      icon: Folder,
       name: ns.namespace.name,
       children: ns.docs.map((d) => {
         return {
           key: d.id,
           data: { type: "doc", data: d },
-          icon: LucideCode,
+          icon: Binoculars,
           name: d.name,
         };
       }) as ListViewItem<SavedDocListData>[],
@@ -52,6 +60,7 @@ export default function SavedDocTab() {
   const [selected, setSelected] = useState<string>();
   const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
 
+  const [namespaceCreating, setNamespaceCreating] = useState(false);
   const [namespaceToRename, setNamespaceToRename] =
     useState<SavedDocNamespace>();
   const [namespaceToRemove, setNamespaceToRemove] =
@@ -133,15 +142,52 @@ export default function SavedDocTab() {
     );
   }
 
+  if (namespaceCreating) {
+    dialog = (
+      <CreateNamespaceDialog
+        onCreated={refresh}
+        onClose={() => setNamespaceCreating(false)}
+      />
+    );
+  }
+
   return (
     <>
       {dialog}
 
-      <div className="flex flex-col grow pt-1">
-        <div className="px-2 py-1">
-          <CreateNamespaceButton onCreated={refresh} />
+      <div className="flex flex-col grow">
+        <div className="flex justify-between mb-2 items-center mx-2 pt-2 px-2">
+          <h1 className="text-xl py-2 font-semibold text-primary">Queries</h1>
+
+          <DropdownMenu modal={false}>
+            <DropdownMenuTrigger asChild>
+              <button
+                className={cn(
+                  buttonVariants({
+                    size: "icon",
+                  }),
+                  "rounded-full h-8 w-8"
+                )}
+              >
+                <Plus size={16} weight="bold" />
+              </button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+              <DropdownMenuItem onClick={() => setNamespaceCreating(true)}>
+                New Folder
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={() => {
+                  openTab({
+                    type: "query",
+                  });
+                }}
+              >
+                New Query
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
         </div>
-        <Separator />
         <ListView
           full
           items={docList}
diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index 8df9285d..0f71f71a 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -9,6 +9,8 @@ import { CSS } from "../lib/dnd-kit";
 interface SortableTabProps {
   tab: WindowTabItemProps;
   selected: boolean;
+  index: number;
+  tabCount: number;
   onSelectChange: () => void;
   onClose?: () => void;
 }
@@ -19,24 +21,34 @@ type WindowTabItemButtonProps = ButtonProps & {
   icon: LucideIcon;
   onClose?: () => void;
   isDragging?: boolean;
+  index: number;
+  tabCount: number;
 };
 
 export const WindowTabItemButton = forwardRef<
   HTMLButtonElement,
   WindowTabItemButtonProps
 >(function WindowTabItemButton(props: WindowTabItemButtonProps, ref) {
-  const { icon: Icon, selected, title, onClose, isDragging, ...rest } = props;
+  const {
+    icon: Icon,
+    selected,
+    title,
+    onClose,
+    isDragging,
+    index,
+    ...rest
+  } = props;
 
   return (
     <button
       className={cn(
-        "h-9 flex items-center text-left text-xs font-semibold px-2 w-max-[150px] border-x border-t-2 border-t-yellow-500",
+        "h-[45px] bg-secondary flex items-center text-left text-xs px-2 border-b border-t-3 border-r w-[170px]",
         "libsql-window-tab",
         isDragging && "z-20",
-        isDragging && !selected && "bg-gray-200 dark:bg-gray-700 rounded-t",
         selected
-          ? "border-b-background bg-background rounded-t"
-          : "border-t-secondary border-x-secondary opacity-65 hover:opacity-100"
+          ? "border-b-background bg-background text-primary"
+          : "opacity-65 hover:opacity-100",
+        index === 0 ? "border-l-none" : ""
       )}
       onAuxClick={({ button }) => button === 1 && onClose && onClose()}
       ref={ref}
@@ -65,6 +77,8 @@ export const WindowTabItemButton = forwardRef<
 });
 
 export function SortableTab({
+  index,
+  tabCount,
   tab,
   selected,
   onSelectChange,
@@ -93,6 +107,8 @@ export function SortableTab({
       selected={selected}
       onClose={onClose}
       style={style}
+      index={index}
+      tabCount={tabCount}
       isDragging={isDragging}
       {...attributes}
       {...listeners}
diff --git a/src/components/gui/sql-editor/index.tsx b/src/components/gui/sql-editor/index.tsx
index bcd23406..c6d786d9 100644
--- a/src/components/gui/sql-editor/index.tsx
+++ b/src/components/gui/sql-editor/index.tsx
@@ -148,6 +148,9 @@ const SqlEditor = forwardRef<ReactCodeMirrorRef, SqlEditorProps>(
             borderLeft: "3px solid transparent",
             paddingLeft: "10px",
           },
+          "& .cm-focused": {
+            outline: "none !important",
+          },
         }),
         keyExtensions,
         sqlDialect,
diff --git a/src/components/gui/tabs/query-tab.tsx b/src/components/gui/tabs/query-tab.tsx
index ef1ae93c..2a8cf3a5 100644
--- a/src/components/gui/tabs/query-tab.tsx
+++ b/src/components/gui/tabs/query-tab.tsx
@@ -1,7 +1,6 @@
 import { format } from "sql-formatter";
 import { useCallback, useMemo, useRef, useState } from "react";
 import {
-  LucideFastForward,
   LucideGrid,
   LucideMessageSquareWarning,
   LucidePencilRuler,
@@ -13,8 +12,7 @@ import {
   ResizablePanel,
   ResizableHandle,
 } from "@/components/ui/resizable";
-import { Separator } from "@/components/ui/separator";
-import { Button } from "@/components/ui/button";
+import { Button, buttonVariants } from "@/components/ui/button";
 import { KEY_BINDING } from "@/lib/key-matcher";
 import { ReactCodeMirrorRef } from "@uiw/react-codemirror";
 import QueryProgressLog from "../query-progress-log";
@@ -43,6 +41,15 @@ import {
   resolveToNearestStatement,
   splitSqlQuery,
 } from "../sql-editor/statement-highlight";
+import { CaretDown } from "@phosphor-icons/react";
+import { cn } from "@/lib/utils";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 
 interface QueryWindowProps {
   initialCode?: string;
@@ -90,7 +97,7 @@ export default function QueryWindow({
     }
   };
 
-  const onRunClicked = (all = false) => {
+  const onRunClicked = (all = false, explained = false) => {
     let finalStatements: string[] = [];
 
     const editorState = editorRef.current?.view?.state;
@@ -103,7 +110,14 @@ export default function QueryWindow({
       const segment = resolveToNearestStatement(editorState);
       if (!segment) return;
 
-      const statement = editorState.doc.sliceString(segment.from, segment.to);
+      let statement = editorState.doc.sliceString(segment.from, segment.to);
+
+      if (
+        explained &&
+        statement.toLowerCase().indexOf("explain query plan") !== 0
+      ) {
+        statement = "explain query plan " + statement;
+      }
 
       if (statement) {
         finalStatements = [statement];
@@ -203,12 +217,12 @@ export default function QueryWindow({
     <ResizablePanelGroup direction="vertical">
       <ResizablePanel style={{ position: "relative" }}>
         <div className="absolute left-0 right-0 top-0 bottom-0 flex flex-col">
-          <div className="border-b pl-2 pr-1 py-1 flex">
-            <div className="text-xs shrink-0 items-center flex text-secondary-foreground p-1">
+          <div className="border-b pl-3 pr-1 py-2 flex">
+            <div className="text-sm shrink-0 items-center flex text-secondary-foreground p-1">
               {namespaceName} /
             </div>
             <div className="inline-block relative">
-              <span className="inline-block text-xs p-1 outline-none font-semibold min-w-[175px] border border-background opacity-0 bg-background">
+              <span className="inline-block text-sm p-1 outline-none font-semibold min-w-[175px] border border-background opacity-0 bg-background">
                 &nbsp;{name}
               </span>
               <input
@@ -219,13 +233,62 @@ export default function QueryWindow({
                 }}
                 placeholder="Please name your query"
                 spellCheck="false"
-                className="absolute top-0 right-0 left-0 bottom-0 text-xs p-1 outline-none font-semibold border border-background focus:border-secondary-foreground rounded bg-background"
+                className="absolute top-0 right-0 left-0 bottom-0 text-sm p-1 outline-none font-semibold border border-background focus:border-secondary-foreground rounded bg-background"
                 value={name}
                 onChange={(e) => setName(e.currentTarget.value)}
               />
             </div>
+
+            <div className="flex-1" />
+
+            <div className="flex gap-2">
+              {docDriver && (
+                <SaveDocButton
+                  onComplete={onSaveComplete}
+                  onPrepareContent={onPrepareSaveContent}
+                  docId={savedKey}
+                />
+              )}
+
+              <div className="flex">
+                <button
+                  onClick={() => onRunClicked()}
+                  className={cn(
+                    buttonVariants({ size: "sm" }),
+                    "rounded-r-none"
+                  )}
+                >
+                  <LucidePlay className="w-4 h-4 mr-2" />
+                  Run
+                </button>
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <button
+                      className={cn(
+                        buttonVariants({ size: "sm" }),
+                        "rounded-l-none border-l"
+                      )}
+                    >
+                      <CaretDown size={12} />
+                    </button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent>
+                    <DropdownMenuItem onClick={() => onRunClicked()}>
+                      Run Current Statement
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => onRunClicked(true)}>
+                      Run All Statements
+                    </DropdownMenuItem>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuItem onClick={() => onRunClicked(false, true)}>
+                      Explain Current Statement
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              </div>
+            </div>
           </div>
-          <div className="grow overflow-hidden">
+          <div className="grow overflow-hidden p-2">
             <SqlEditor
               ref={editorRef}
               dialect={databaseDriver.getFlags().dialect}
@@ -251,25 +314,11 @@ export default function QueryWindow({
             />
           </div>
           <div className="grow-0 shrink-0">
-            <Separator />
-            <div className="flex gap-1 p-2">
-              <Button
-                variant={"default"}
-                size="sm"
-                onClick={() => onRunClicked()}
-              >
-                <LucidePlay className="w-4 h-4 mr-2" />
-                Run Current
-              </Button>
-
-              <Button
-                variant={"ghost"}
-                size="sm"
-                onClick={() => onRunClicked(true)}
-              >
-                <LucideFastForward className="w-4 h-4 mr-2" />
-                Run All
-              </Button>
+            <div className="flex gap-1 pb-2 px-2">
+              <div className="grow items-center flex text-xs mr-2 gap-2 pl-4">
+                <div>Ln {lineNumber}</div>
+                <div>Col {columnNumber + 1}</div>
+              </div>
 
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -287,19 +336,6 @@ export default function QueryWindow({
                   <p>Format SQL queries for readability</p>
                 </TooltipContent>
               </Tooltip>
-
-              <div className="grow items-center flex text-xs mr-2 gap-2 border-l pl-4">
-                <div>Ln {lineNumber}</div>
-                <div>Col {columnNumber + 1}</div>
-              </div>
-
-              {docDriver && (
-                <SaveDocButton
-                  onComplete={onSaveComplete}
-                  onPrepareContent={onPrepareSaveContent}
-                  docId={savedKey}
-                />
-              )}
             </div>
           </div>
         </div>
diff --git a/src/components/gui/windows-tab.tsx b/src/components/gui/windows-tab.tsx
index d27586ae..7061ec33 100644
--- a/src/components/gui/windows-tab.tsx
+++ b/src/components/gui/windows-tab.tsx
@@ -147,31 +147,8 @@ export default function WindowTabs({
         modifiers={[restrictToHorizontalAxis]}
       >
         <div className="flex flex-col w-full h-full">
-          <div className="grow-0 shrink-0 pt-1 bg-secondary overflow-x-auto no-scrollbar">
-            <div className="flex min-h-9">
-              {menu ? (
-                <DropdownMenu modal={false}>
-                  <DropdownMenuTrigger>
-                    <div className="px-3 py-2">
-                      <LucidePlus className="w-4 h-4" />
-                    </div>
-                  </DropdownMenuTrigger>
-                  <DropdownMenuContent>
-                    {menu.map((menuItem, menuIdx) => {
-                      return (
-                        <DropdownMenuItem
-                          key={menuIdx}
-                          onClick={menuItem.onClick}
-                        >
-                          {menuItem.text}
-                        </DropdownMenuItem>
-                      );
-                    })}
-                  </DropdownMenuContent>
-                </DropdownMenu>
-              ) : (
-                <div className="w-2 border-b"></div>
-              )}
+          <div className="grow-0 shrink-0 bg-secondary overflow-x-auto no-scrollbar">
+            <div className="flex h-[45px]">
               <SortableContext
                 items={tabs.map((tab) => tab.key)}
                 strategy={horizontalListSortingStrategy}
@@ -179,6 +156,8 @@ export default function WindowTabs({
                 {tabs.map((tab, idx) => (
                   <SortableTab
                     key={tab.key}
+                    index={idx}
+                    tabCount={tabs.length}
                     tab={tab}
                     selected={idx === selected}
                     onSelectChange={() => {
@@ -204,6 +183,32 @@ export default function WindowTabs({
                   />
                 ))}
               </SortableContext>
+
+              {menu && (
+                <div className="flex h-[45px] items-center border-b">
+                  <DropdownMenu modal={false}>
+                    <DropdownMenuTrigger>
+                      <div className="px-3 py-2 text-xs flex gap-2">
+                        <LucidePlus className="w-4 h-4" /> New
+                      </div>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent>
+                      {menu.map((menuItem, menuIdx) => {
+                        return (
+                          <DropdownMenuItem
+                            key={menuIdx}
+                            onClick={menuItem.onClick}
+                          >
+                            {menuItem.text}
+                          </DropdownMenuItem>
+                        );
+                      })}
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </div>
+              )}
+
+              <div className="flex h-[45px] border-b flex-1"></div>
             </div>
           </div>
           <div className="grow relative">
diff --git a/src/components/icons/outerbase-icon.tsx b/src/components/icons/outerbase-icon.tsx
index ef8b7cf5..07a3d7fb 100644
--- a/src/components/icons/outerbase-icon.tsx
+++ b/src/components/icons/outerbase-icon.tsx
@@ -1,8 +1,9 @@
-export function MySQLIcon() {
+import { cn } from "@/lib/utils";
+
+export function MySQLIcon({ className }: { className?: string }) {
   return (
     <svg
-      width="48"
-      height="48"
+      className={cn("w-12 h-12 flex-shrink-0", className)}
       viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -88,11 +89,10 @@ export function MySQLIcon() {
   );
 }
 
-export function PostgreIcon() {
+export function PostgreIcon({ className }: { className?: string }) {
   return (
     <svg
-      width="48"
-      height="48"
+      className={cn("w-12 h-12 flex-shrink-0", className)}
       viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -137,11 +137,133 @@ export function PostgreIcon() {
   );
 }
 
-export function SQLiteIcon() {
+export function TursoIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 201 170"
+      className={cn("w-12 h-12 flex-shrink-0", className)}
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M200.035 48.61C195.365 20.67 170.875 0 170.875 0V30.78L156.335 34.53L147.225 23.56L142.415 33.02C132.495 30.32 118.835 28.58 100.045 28.58C81.2549 28.58 67.5949 30.33 57.6749 33.02L52.8649 23.56L43.7549 34.53L29.2149 30.78V0C29.2149 0 4.72493 20.67 0.0549316 48.61L32.1949 59.73C33.2449 79.16 41.9849 131.61 44.4849 136.37C47.1449 141.44 61.2649 155.93 72.3149 161.5C72.3149 161.5 76.3149 157.27 78.7549 153.54C81.8549 157.19 97.8649 169.99 100.055 169.99C102.245 169.99 118.255 157.2 121.355 153.54C123.795 157.27 127.795 161.5 127.795 161.5C138.845 155.93 152.965 141.44 155.625 136.37C158.125 131.61 166.865 79.16 167.915 59.73L200.055 48.61H200.035ZM153.845 93.35L132.095 95.29L134.005 121.96C134.005 121.96 120.775 132.91 100.045 132.91C79.3149 132.91 66.0849 121.96 66.0849 121.96L67.9949 95.29L46.2449 93.35L42.5249 63.31L78.5749 75.79L75.7749 113.18C82.4749 114.88 89.5249 116.57 100.055 116.57C110.585 116.57 117.625 114.88 124.325 113.18L121.525 75.79L157.575 63.31L153.855 93.35H153.845Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}
+
+export function CloudflareIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      className={cn("w-12 h-12 flex-shrink-0", className)}
+      viewBox="0 0 25 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect x="5.5" y="18" width="14" height="2" fill="currentColor"></rect>
+      <rect x="19.5" y="16" width="2" height="2" fill="currentColor"></rect>
+      <rect x="21.5" y="12" width="2" height="4" fill="currentColor"></rect>
+      <rect x="3.5" y="16" width="2" height="2" fill="currentColor"></rect>
+      <rect x="1.5" y="12" width="2" height="4" fill="currentColor"></rect>
+      <rect x="3.5" y="10" width="2" height="2" fill="currentColor"></rect>
+      <rect x="5.5" y="8" width="6" height="2" fill="currentColor"></rect>
+      <rect x="7.5" y="6" width="2" height="2" fill="currentColor"></rect>
+      <rect x="9.5" y="4" width="6" height="2" fill="currentColor"></rect>
+      <rect x="15.5" y="6" width="2" height="2" fill="currentColor"></rect>
+      <rect x="17.5" y="8" width="2" height="2" fill="currentColor"></rect>
+      <rect x="19.5" y="10" width="2" height="2" fill="currentColor"></rect>
+      <rect x="15.5" y="12" width="2" height="2" fill="currentColor"></rect>
+      <rect x="9.5" y="10" width="2" height="2" fill="currentColor"></rect>
+      <rect x="11.5" y="12" width="2" height="2" fill="currentColor"></rect>
+      <rect x="17.5" y="10" width="2" height="2" fill="currentColor"></rect>
+    </svg>
+  );
+}
+
+export function ValtownIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      className={cn("w-12 h-12 flex-shrink-0", className)}
+      viewBox="80 85 230 225"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <path
+          d="M265.026 271.002C257.83 271.002 251.994 268.767 247.518 264.293C243.038 259.821 240.802 253.841 240.802 246.363V184.761H226.364V161.881H240.802V128H268.548V161.881H298.5V184.761H268.548V241.521C268.548 245.921 270.604 248.123 274.716 248.123H295.856V271.002H265.026Z"
+          fill="currentColor"
+        />
+        <path
+          d="M204.362 174.325L158.23 250.768H154.266V178.601C154.266 169.37 146.776 161.887 137.536 161.887H126.518V253.01C126.518 262.95 134.586 271.01 144.536 271.01H163.396C173.396 271.01 182.638 265.682 187.64 257.03L242.664 161.887H226.404C217.384 161.887 209.02 166.606 204.362 174.325Z"
+          fill="currentColor"
+        />
+        <path
+          d="M99.9939 161.887H127.8V184.769H99.9939V161.887Z"
+          fill="currentColor"
+        />
+      </g>
+    </svg>
+  );
+}
+
+export function RqliteIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      className={cn("w-12 h-12 flex-shrink-0", className)}
+      viewBox="0 0 126 126"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g>
+        <path
+          d="M40 14H86L113 41V86L85 114H40L13 87V41L40 14ZM51 37L36 52V75L52 91H75L90 76V53L74 37H51Z"
+          fill="currentColor"
+          fillOpacity={0.2}
+        />
+        <path
+          d="M13 42L40 15H51.5L72.5 35.5L50.5 36.5L14 74L13 42Z"
+          fill="currentColor"
+        />
+        <path
+          d="M52 14.5L89.5 52.5L90 19L85 14.5H52Z"
+          fill="currentColor"
+          fillOpacity="0.8"
+        />
+        <path
+          d="M90.5 19.5V74L112.5 52V41.5L90.5 19.5Z"
+          fill="currentColor"
+          fillOpacity="0.6"
+        />
+        <path
+          d="M113 53.5L112.5 87L85.5 113.5H74L52 91H73.5L112.5 52.5L113 53.5Z"
+          fill="currentColor"
+          fillOpacity="0.4"
+        />
+        <path
+          d="M36 75.5L35 108L40 113H73L36 75.5Z"
+          fill="currentColor"
+          fillOpacity="0.6"
+        />
+        <path
+          d="M13.5 75V86L34.5 107L35.5 53.5L13.5 75Z"
+          fill="currentColor"
+          fillOpacity="0.8"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_51_2">
+          <rect width="126" height="126" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+
+export function SQLiteIcon({ className }: { className?: string }) {
   return (
     <svg
-      width="48"
-      height="48"
+      className={cn("w-12 h-12 flex-shrink-0", className)}
       viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/mdx/docs-navigation.tsx b/src/components/mdx/docs-navigation.tsx
index f61b85b3..8ec6df21 100644
--- a/src/components/mdx/docs-navigation.tsx
+++ b/src/components/mdx/docs-navigation.tsx
@@ -63,7 +63,7 @@ export function DocNavigation({
       <div className="hidden md:block fixed left-0 top-0 bottom-0 w-[300px] border-r overflow-y-auto">
         <div className="p-4 border-b">
           <div className="text-sm">
-            LibSQL<strong>Studio</strong>
+            Outerbase <strong>Studio</strong>
           </div>
           <div className="text-xl font-semibold">{title}</div>
         </div>
diff --git a/src/components/website-layout.tsx b/src/components/website-layout.tsx
index 13a7bac6..ec5158ae 100644
--- a/src/components/website-layout.tsx
+++ b/src/components/website-layout.tsx
@@ -12,8 +12,8 @@ async function Topbar() {
     <header>
       <div className="mx-auto container flex">
         <Link href="/">
-          <h1 className="text-lg py-2">
-            LibSQL <strong>Studio</strong>
+          <h1 className="text-lg py-2 text-white">
+            Outerbase <strong>Studio</strong>
           </h1>
         </Link>
         <div className="grow flex items-center ml-3">
@@ -51,8 +51,8 @@ function Footer() {
     <div className="py-4 text-sm mx-auto container px-8">
       <div className="grid grid-cols-2 lg:grid-cols-4 mb-8">
         <div className="mb-8">
-          <h1 className="text-lg">
-            LibSQL <strong>Studio</strong>
+          <h1 className="text-lg text-white">
+            Outerbase <strong>Studio</strong>
           </h1>
           <p>© 2024 Outerbase Inc.</p>
         </div>
diff --git a/src/const.ts b/src/const.ts
index cb287159..ff7f6bbf 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -5,3 +5,5 @@ export enum MessageChannelName {
 }
 
 export const TAB_PREFIX_SAVED_QUERY = "saved-query-";
+export const WEBSITE_NAME = "Outerbase Studio";
+export const WEBSITE_GENERAL_DESCRIPTION = `${WEBSITE_NAME} is a fully-featured, lightweight GUI client for managing SQLite-based databases like Turso, LibSQL, and rqlite. It runs entirely in your browser, so there's no need to download anything`;
diff --git a/src/messages/open-tab.tsx b/src/messages/open-tab.tsx
index c585ad9c..f3082534 100644
--- a/src/messages/open-tab.tsx
+++ b/src/messages/open-tab.tsx
@@ -2,7 +2,6 @@ import type { WindowTabItemProps } from "@/components/gui/windows-tab";
 import { MessageChannelName, TAB_PREFIX_SAVED_QUERY } from "../const";
 import type { Dispatch, SetStateAction } from "react";
 import {
-  LucideCode,
   LucideTable,
   LucideTableProperties,
   LucideUser,
@@ -13,6 +12,7 @@ import SchemaEditorTab from "@/components/gui/tabs/schema-editor-tab";
 import TableDataWindow from "@/components/gui/tabs/table-data-tab";
 import UsersTab from "@/components/gui/tabs/users-tabs";
 import TriggerTab from "@/components/gui/tabs/trigger-tab";
+import { Binoculars } from "@phosphor-icons/react/dist/ssr";
 
 interface OpenTableTab {
   type: "table";
@@ -82,7 +82,7 @@ function generateKeyFromTab(tab: OpenTabsProps) {
 }
 
 function generateIconFromTab(tab: OpenTabsProps) {
-  if (tab.type === "query") return LucideCode;
+  if (tab.type === "query") return Binoculars;
   if (tab.type === "table") return LucideTable;
   if (tab.type === "schema") return LucideTableProperties;
   if (tab.type === "user") return LucideUser;

From b5496b63d291170132babd6f826fdfa130712d1f Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 28 Sep 2024 08:39:09 -0700
Subject: [PATCH 122/124] add outerbase side banner

---
 public/outerbase-banner.jpg        | Bin 0 -> 80937 bytes
 src/components/gui/sidebar-tab.tsx |   3 +--
 2 files changed, 1 insertion(+), 2 deletions(-)
 create mode 100644 public/outerbase-banner.jpg

diff --git a/public/outerbase-banner.jpg b/public/outerbase-banner.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cc3eb9272d187dad1547f12ebcd2d3a5a0ab0642
GIT binary patch
literal 80937
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
Bwk7}o

literal 0
HcmV?d00001

diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index 563e78da..2fb052ef 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -104,8 +104,7 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
               <div
                 className="w-[250px] h-[120px] mb-2 rounded flex flex-col justify-end m-1"
                 style={{
-                  background:
-                    "url(https://www.outerbase.com/_next/static/media/cloudflare-bg.e2029f2e.jpg)",
+                  background: "url(/outerbase-banner.jpg)",
                   backgroundPosition: "center",
                   backgroundSize: "cover",
                 }}

From a7ffe8f7089bf7f5dcf38df82ca7bafbacb1ef5f Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 28 Sep 2024 08:50:51 -0700
Subject: [PATCH 123/124] fixing margin

---
 src/app/(theme)/connect/connection-list.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(theme)/connect/connection-list.tsx b/src/app/(theme)/connect/connection-list.tsx
index 9eb65565..96e12a5d 100644
--- a/src/app/(theme)/connect/connection-list.tsx
+++ b/src/app/(theme)/connect/connection-list.tsx
@@ -52,7 +52,7 @@ function ConnectionListSection({
       );
 
     return (
-      <div className={cn("flex flex-wrap gap-4", name ? "mt-4" : "mt=8")}>
+      <div className={cn("flex flex-wrap gap-4", name ? "mt-4" : "mt-8")}>
         {filteredData.map((conn) => {
           return (
             <ConnectionItemCard

From 8dcd50b179534261f6bbcd6d8993d2384491d117 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sat, 28 Sep 2024 13:14:54 -0700
Subject: [PATCH 124/124] add onboard for sqlite client

---
 .../(theme)/playground/client/page-client.tsx | 72 +++++++++++++++++++
 src/components/gui/sidebar-tab.tsx            | 36 ----------
 src/components/gui/sortable-tab.tsx           |  3 -
 3 files changed, 72 insertions(+), 39 deletions(-)

diff --git a/src/app/(theme)/playground/client/page-client.tsx b/src/app/(theme)/playground/client/page-client.tsx
index 34bbc5a5..d93e3da6 100644
--- a/src/app/(theme)/playground/client/page-client.tsx
+++ b/src/app/(theme)/playground/client/page-client.tsx
@@ -16,6 +16,77 @@ import {
   DropdownMenuItem,
   DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu";
+import { Button } from "@/components/ui/button";
+
+function OverlayAround({
+  x,
+  y,
+  w,
+  h,
+}: {
+  x: number;
+  y: number;
+  w: number;
+  h: number;
+}) {
+  return (
+    <>
+      <div
+        className="opacity-40 bg-black fixed z-30"
+        style={{ left: 0, width: x + "px", top: 0, bottom: 0 }}
+      ></div>
+      <div
+        className="opacity-40 bg-black fixed z-30"
+        style={{ left: x + w + "px", right: 0, top: 0, bottom: 0 }}
+      ></div>
+      <div
+        className="opacity-40 bg-black fixed z-30"
+        style={{ left: x + "px", top: 0, height: y, width: w }}
+      ></div>
+      <div
+        className="opacity-40 bg-black fixed z-30"
+        style={{ left: x + "px", top: y + h + "px", bottom: 0, width: w }}
+      ></div>
+    </>
+  );
+}
+
+function Onboarding() {
+  const [onboard, setOnboard] = useState(
+    () => !localStorage.getItem("sqlite-onboard-v1")
+  );
+
+  if (!onboard) return null;
+
+  return (
+    <>
+      <OverlayAround x={15} y={8} w={50} h={50} />
+      <div
+        className="fixed z-40 bg-background p-3 rounded-lg shadow-lg text-sm"
+        style={{ top: 10, left: 75 }}
+      >
+        <h2 className="font-semibold text-lg">There is more!</h2>
+        <ul className="list-disc mt-2 mb-4 mx-4">
+          <li>
+            You can <strong>open</strong> and <strong>save</strong> your SQLite
+            database here.
+          </li>
+          <li>Switch dark and light mode</li>
+          <li>And many more in the future</li>
+        </ul>
+        <Button
+          size={"sm"}
+          onClick={() => {
+            setOnboard(false);
+            localStorage.setItem("sqlite-onboard-v1", "1");
+          }}
+        >
+          Got it
+        </Button>
+      </div>
+    </>
+  );
+}
 
 export default function PlaygroundEditorBody({
   preloadDatabase,
@@ -255,6 +326,7 @@ export default function PlaygroundEditorBody({
     <>
       <Script src="/sqljs/sql-wasm.js" onReady={onReady} />
       <ScreenDropZone onFileDrop={setHandler} />
+      <Onboarding />
       {dom}
     </>
   );
diff --git a/src/components/gui/sidebar-tab.tsx b/src/components/gui/sidebar-tab.tsx
index 2fb052ef..1fca4ffd 100644
--- a/src/components/gui/sidebar-tab.tsx
+++ b/src/components/gui/sidebar-tab.tsx
@@ -51,42 +51,6 @@ export default function SidebarTab({ tabs }: Readonly<SidebarTabProps>) {
   return (
     <div className={cn("flex h-full border-l-8", bgPrimary)}>
       <div className={cn("shrink-0")}>
-        {/* <div className="text-sm my-2 px-3 font-semibold flex">
-          {config.onBack && (
-            <div
-              className="flex items-center -ml-2 mr-2 cursor-pointer hover:text-blue-500"
-              onClick={config.onBack}
-            >
-              <LucideChevronLeft />
-            </div>
-          )}
-
-          <div className="flex-grow flex items-center">
-            <div className="line-clamp-1 text-ellipsis">{config.name}</div>
-          </div>
-
-          {!disableToggle && (
-            <div className="flex justify-center items-center">
-              <button
-                onClick={() => toggleTheme()}
-                className="text-xs font-normal flex gap-0.5 border rounded px-2 py-1 bg-background"
-              >
-                {theme === "dark" ? (
-                  <>
-                    <LucideMoon className={cn("w-4 h-4")} />
-                    Dark
-                  </>
-                ) : (
-                  <>
-                    <LucideSun className={cn("w-4 h-4")} />
-                    Light
-                  </>
-                )}
-              </button>
-            </div>
-          )}
-        </div> */}
-
         <div className="flex flex-col border-r h-full p-2 gap-2">
           <DropdownMenu modal={false}>
             <DropdownMenuTrigger>
diff --git a/src/components/gui/sortable-tab.tsx b/src/components/gui/sortable-tab.tsx
index 0f71f71a..f1444e6a 100644
--- a/src/components/gui/sortable-tab.tsx
+++ b/src/components/gui/sortable-tab.tsx
@@ -22,7 +22,6 @@ type WindowTabItemButtonProps = ButtonProps & {
   onClose?: () => void;
   isDragging?: boolean;
   index: number;
-  tabCount: number;
 };
 
 export const WindowTabItemButton = forwardRef<
@@ -78,7 +77,6 @@ export const WindowTabItemButton = forwardRef<
 
 export function SortableTab({
   index,
-  tabCount,
   tab,
   selected,
   onSelectChange,
@@ -108,7 +106,6 @@ export function SortableTab({
       onClose={onClose}
       style={style}
       index={index}
-      tabCount={tabCount}
       isDragging={isDragging}
       {...attributes}
       {...listeners}