Merge branch 'mvp' of https://github.com/eru123/workgrid-studio

Author: eru123

CHANGELOG.md

@@ -6,23 +6,29 @@
 - Enhanced the AI assistant with robust new workflow capabilities and developer rules.
 - Upgraded the SQL autocomplete engine for smarter, context-aware query suggestions.
 - Integrated advanced code editing features across all query and table builder views.
+- fix issues
+- remove deperecated baseUrl
 
 ## [0.2.0] - 2026-03-21
+
 - Introduced a keybindings engine with `when`-expression context guards, a token-bucket notification system (toast + output panel routing), a lazy-loaded SQL formatter, a theme token engine, a connection URL parser, and a viewport-aware popup positioning utility.
 - Added QueryBuilder tab (visual WHERE/JOIN/ORDER builder with generated SQL preview), Snippets panel with persistent snippet store, Triggers view, Stored Procedures/Routines view, View editor, Events view, and Users management view.
 - Implemented full PostgreSQL command suite (`pg_connect`, `pg_query`, `pg_get_databases_info`, `pg_get_tables_info`, `pg_list_columns`, `pg_get_processes`, `pg_kill_process`, and more). Added SQLite and MSSQL backend stubs.
 - Added XML and Excel (`.xlsx`) export modules for query results and table data.
 - Resolved table header transparency, QueryBuilder infinite render loop, missing `ActivityView` type variant, `SnippetsPanel` double-import breaking code-splitting, and PostgreSQL boolean wire-value coercion.
 
 ## [0.1.10] - 2026-03-21
+
 - Fix errors on website deployment via cloudflare pages.
 
 ## [0.1.9] - 2026-03-20
+
 - Replaced the libssh2-based SSH implementation with russh, a pure Rust SSH library. This change improves security, reduces dependencies, and provides better async support.
 - Added docker support for SSH connections, you can now pass container name with ssh to automatically get the host ip address for you.
 - Update project's website, new pages are implemented such as Documentation, Changelogs, Contact Us, About Us and Download Page.
 
 ## [0.1.8] - 2026-03-17
+
 - **Explorer & Database View:** Auto-loads tables for filtered databases, hides empty databases, and reorganizes database view tabs for a cleaner navigation flow.
 - **Connection Flow & SSH Compatibility:** Adds connection cancellation support, improves SSH key handling, and expands compatibility with OpenSSH key formats.
 - **SSH Tunneling:** Simplifies the SSH tunnel implementation with a single-threaded bidirectional copy model to reduce connection complexity.
@@ -31,12 +37,14 @@
 - **Maintenance:** Ignores test artifacts to keep the release and repository noise down.
 
 ## [0.1.7] - 2026-03-16
+
 - **Workspace & Layout:** Added comprehensive project setup and layout management, and removed the legacy results tab flow to simplify the editor workspace.
 - **Grid & Query UX:** Improved table data grid stability with fixed-width sticky columns and clearer selected-cell styling for better scanability.
 - **Stability & Polish:** Resolved store-selector crashes caused by nullish coalescing and bundled broader UI/UX fixes surfaced during internal testing.
 - **Contributor Experience:** Updated contribution guidelines to cover linting and pre-commit hook expectations.
 
 ## [0.1.6] - 2026-03-15
+
 - **[Breaking] Vault & Security:** Migrated to secure, per-installation vault encryption via the OS credential store. Added Content Security Policy (CSP) and restricted file-system permissions.
 - **Networking & SSH:** Overhauled SSH tunneling to fix memory leaks and thread hanging. Replaced basic host key logging with TOFU (Trust On First Use) verification and added connection auto-reconnects.
 - **Query & Data Operations:** Added "Explain Plan", sorting, and results virtualization for performance. Grid data can now be exported to JSON/CSV/SQL, and CSV imports are fully transactional with progress tracking.
@@ -47,6 +55,7 @@
 - Create ci.yml
 
 ## [0.1.5] - 2026-03-14
+
 - Exclude main branch from changelog workflow
 - Add environment variable for Node.js version
 - Update manual-multi-platform-build.yml
@@ -55,11 +64,13 @@
 - Create dependabot.yml
 
 ## [0.1.4] - 2026-03-14
+
 - Add GitHub Actions workflow to update changelog
-- Enhance manual build workflow for versioning and changelog    
+- Enhance manual build workflow for versioning and changelog
 - feat(changelog): introduce automated changelog management
 
 ## [0.1.3] - 2026-03-14
+
 - feat: add clear_ai_logs function to Tauri API
 - chore: bump version to v0.1.2
 - feat: initial multi-platform CI/CD build workflow

CLAUDE.md

@@ -6,25 +6,25 @@ WorkGrid Studio is a cross-platform desktop database management app built with *
 
 ## Tech Stack
 
-| Layer | Technology |
-|---|---|
-| Desktop shell | Tauri 2 |
-| Frontend framework | React 19 |
-| Language | TypeScript 5.8 (strict) |
-| Build tool | Vite 7 |
-| CSS | TailwindCSS v4 (PostCSS) |
-| State management | Zustand 5 |
-| Icons | lucide-react, react-icons |
-| Class utility | clsx + tailwind-merge (via `cn()`) |
-| Package manager | pnpm 10 (required) |
-| Rust async runtime | tokio |
-| Rust DB driver | mysql_async (rustls TLS) |
+| Layer              | Technology                         |
+| ------------------ | ---------------------------------- |
+| Desktop shell      | Tauri 2                            |
+| Frontend framework | React 19                           |
+| Language           | TypeScript 5.8 (strict)            |
+| Build tool         | Vite 7                             |
+| CSS                | TailwindCSS v4 (PostCSS)           |
+| State management   | Zustand 5                          |
+| Icons              | lucide-react, react-icons          |
+| Class utility      | clsx + tailwind-merge (via `cn()`) |
+| Package manager    | pnpm 10 (required)                 |
+| Rust async runtime | tokio                              |
+| Rust DB driver     | mysql_async (rustls TLS)           |
 
 ---
 
 ## Repository Layout
 
-```
+```bash
 workgrid-studio/
 ├── src/                           # React/TypeScript frontend (desktop app UI)
 │   ├── app/
@@ -221,6 +221,7 @@ pnpm version:bump:major    # Bump major, sync all files
 **`.github/workflows/manual-multi-platform-build.yml`** — manually triggered via `workflow_dispatch`.
 
 Workflow steps:
+
 1. Prompts for bump level (patch / minor / major).
 2. Bumps and syncs version files (`package.json` → `tauri.conf.json`, `Cargo.toml`).
 3. Promotes `[Unreleased]` in `CHANGELOG.md` to the new version heading.
@@ -239,20 +240,20 @@ All native capabilities are exposed as **Tauri commands** defined in `src-tauri/
 
 ### Registered commands
 
-| Command | Purpose |
-|---|---|
-| `app_read_file` / `app_write_file` / `app_delete_file` | JSON persistence in `~/.workgrid-studio/data/` |
-| `app_get_data_dir` | Returns the data directory path |
-| `read_profile_log` / `clear_profile_log` | Read/clear per-profile log files |
-| `db_connect` / `db_disconnect` | Open/close a MySQL connection pool keyed by `profile_id` |
-| `db_list_databases` / `db_list_tables` / `db_list_columns` | Schema introspection |
-| `db_get_databases_info` / `db_get_tables_info` | HeidiSQL-style rich metadata |
-| `db_get_variables` / `db_set_variable` | MySQL server variables (SESSION/GLOBAL) |
-| `db_get_status` | `SHOW GLOBAL STATUS` |
-| `db_get_processes` / `db_kill_process` | Process list management |
-| `db_execute_query` | Execute DDL/DML (no result rows) |
-| `db_query` | Execute queries and return `QueryResultSet[]` |
-| `db_get_collations` | List available collations |
+| Command                                                    | Purpose                                                  |
+| ---------------------------------------------------------- | -------------------------------------------------------- |
+| `app_read_file` / `app_write_file` / `app_delete_file`     | JSON persistence in `~/.workgrid-studio/data/`           |
+| `app_get_data_dir`                                         | Returns the data directory path                          |
+| `read_profile_log` / `clear_profile_log`                   | Read/clear per-profile log files                         |
+| `db_connect` / `db_disconnect`                             | Open/close a MySQL connection pool keyed by `profile_id` |
+| `db_list_databases` / `db_list_tables` / `db_list_columns` | Schema introspection                                     |
+| `db_get_databases_info` / `db_get_tables_info`             | HeidiSQL-style rich metadata                             |
+| `db_get_variables` / `db_set_variable`                     | MySQL server variables (SESSION/GLOBAL)                  |
+| `db_get_status`                                            | `SHOW GLOBAL STATUS`                                     |
+| `db_get_processes` / `db_kill_process`                     | Process list management                                  |
+| `db_execute_query`                                         | Execute DDL/DML (no result rows)                         |
+| `db_query`                                                 | Execute queries and return `QueryResultSet[]`            |
+| `db_get_collations`                                        | List available collations                                |
 
 ### DbState
 
@@ -262,7 +263,7 @@ The Rust backend maintains a `DbState` struct with a `Mutex<HashMap<String, Pool
 
 Persisted files live in `~/.workgrid-studio/` (Linux/macOS) or `%USERPROFILE%\.workgrid-studio\` (Windows):
 
-```
+```bash
 ~/.workgrid-studio/
 ├── data/
 │   └── profiles.json        # Saved connection profiles
@@ -281,16 +282,16 @@ Persisted files live in `~/.workgrid-studio/` (Linux/macOS) or `%USERPROFILE%\.w
 
 All state is managed through Zustand stores. Each store is colocated in `src/state/`:
 
-| Store | Responsibility |
-|---|---|
-| `appStore` | Theme (`light`/`dark`/`system`), toast notifications, hotkeys enabled flag, focused container |
-| `layoutStore` | Activity bar view, sidebar/panel dimensions, **editor split tree**, tab management |
-| `profilesStore` | Connection profiles — loaded from disk on startup, debounce-saved on mutation |
-| `schemaStore` | Cached DB/table/column metadata |
-| `queryHistoryStore` | Per-profile query history (persisted) |
-| `resultsStore` | Query result sets (in-memory, not persisted) |
-| `modelsStore` | AI model provider configuration |
-| `tasksStore` | Task tracker items |
+| Store               | Responsibility                                                                                |
+| ------------------- | --------------------------------------------------------------------------------------------- |
+| `appStore`          | Theme (`light`/`dark`/`system`), toast notifications, hotkeys enabled flag, focused container |
+| `layoutStore`       | Activity bar view, sidebar/panel dimensions, **editor split tree**, tab management            |
+| `profilesStore`     | Connection profiles — loaded from disk on startup, debounce-saved on mutation                 |
+| `schemaStore`       | Cached DB/table/column metadata                                                               |
+| `queryHistoryStore` | Per-profile query history (persisted)                                                         |
+| `resultsStore`      | Query result sets (in-memory, not persisted)                                                  |
+| `modelsStore`       | AI model provider configuration                                                               |
+| `tasksStore`        | Task tracker items                                                                            |
 
 ### Editor Layout (Split Pane Tree)
 
@@ -305,6 +306,7 @@ Each tab carries an optional `meta: Record<string, string>` for domain data (e.g
 ### Application Shell
 
 `Workbench` renders:
+
 - **Activity bar** (left, fixed 48px): Explorer, Servers, AI Models, Tasks icons + Sidebar/Panel toggles
 - **Primary sidebar** (resizable, default 260px): switches content by `activeView`
 - **Editor area**: renders the `SplitTree` recursively via `EditorNode`
@@ -335,6 +337,7 @@ import { useLayoutStore } from "@/state/layoutStore";
 ## TypeScript Configuration
 
 Strict mode is fully enabled. The compiler enforces:
+
 - `strict: true`
 - `noUnusedLocals: true`
 - `noUnusedParameters: true`
@@ -424,12 +427,12 @@ Marketing and SEO website for WorkGrid Studio. Built with **Vite + React**. Depl
 
 Contains always-on rules and step-by-step task workflows for AI-assisted development:
 
-| File | Purpose |
-|---|---|
-| `.agent/rules/coding-standards.md` | Senior Desktop Architect persona, priorities, anti-patterns |
-| `.agent/workflows/add-editor-tab.md` | End-to-end guide for adding a new tab type |
-| `.agent/workflows/add-tauri-command.md` | Adding a Rust command + TypeScript wrapper |
-| `.agent/workflows/add-zustand-store.md` | Store creation with persistence and loading guards |
+| File                                    | Purpose                                                     |
+| --------------------------------------- | ----------------------------------------------------------- |
+| `.agent/rules/coding-standards.md`      | Senior Desktop Architect persona, priorities, anti-patterns |
+| `.agent/workflows/add-editor-tab.md`    | End-to-end guide for adding a new tab type                  |
+| `.agent/workflows/add-tauri-command.md` | Adding a Rust command + TypeScript wrapper                  |
+| `.agent/workflows/add-zustand-store.md` | Store creation with persistence and loading guards          |
 
 ---
 

CODE_OF_CONDUCT.md

@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
-jericho@skiddph.com.
+<jericho@skiddph.com>.
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the
@@ -116,13 +116,13 @@ the community.
 
 This Code of Conduct is adapted from the [Contributor Covenant][homepage],
 version 2.0, available at
-https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+<https://www.contributor-covenant.org/version/2/0/code_of_conduct.html>.
 
 Community Impact Guidelines were inspired by [Mozilla's code of conduct
 enforcement ladder](https://github.com/mozilla/diversity).
 
 [homepage]: https://www.contributor-covenant.org
 
 For answers to common questions about this code of conduct, see the FAQ at
-https://www.contributor-covenant.org/faq. Translations are available at
-https://www.contributor-covenant.org/translations.
+<https://www.contributor-covenant.org/faq>. Translations are available at
+<https://www.contributor-covenant.org/translations>.

CONTRIBUTING.md

@@ -71,17 +71,20 @@ pnpm tauri dev
 ## Submitting a Pull Request
 
 1. **Fork** the repository and create a branch from `main`:
+
    ```bash
    git checkout -b feat/your-feature-name
    ```
 
 2. **Make your changes.** Keep commits focused — one logical change per commit.
 
 3. **Validate** before pushing:
+
    ```bash
    pnpm lint
    pnpm build
    ```
+
    This runs ESLint, `tsc`, the Vite build, and version consistency checks. Fix all errors before opening a PR.
 
 4. **Pre-commit hooks** run automatically after `pnpm install`.
@@ -121,14 +124,15 @@ pnpm tauri dev
 
 Use the [Conventional Commits](https://www.conventionalcommits.org/) format:
 
-```
+```bash
 <type>(<scope>): <short summary>
 ```
 
 Common types: `feat`, `fix`, `refactor`, `style`, `docs`, `chore`, `ci`.
 
 Examples:
-```
+
+```bash
 feat(query-tab): add explain plan view
 fix(session): handle reconnect on connection drop
 docs: update contributing guide

README.md

@@ -4,7 +4,7 @@ WorkGrid Studio is a cross-platform desktop database management app built with *
 
 ## Monorepo Structure
 
-```
+```bash
 workgrid-studio/
 ├── src/                    # React/TypeScript frontend (desktop app UI)
 ├── src-tauri/              # Rust Tauri backend (native shell, DB driver, IPC commands)
@@ -33,7 +33,7 @@ Install these once on your machine before developing.
 
 ### 1) Node.js and pnpm
 
-1. Install Node.js (LTS): https://nodejs.org/
+1. Install Node.js (LTS): <https://nodejs.org/>
 2. Enable Corepack and activate pnpm:
 
    ```bash
@@ -53,7 +53,7 @@ Install these once on your machine before developing.
 #### Windows
 
 1. Install **Visual Studio Build Tools 2022** (required for `x86_64-pc-windows-msvc`):
-   https://visualstudio.microsoft.com/visual-cpp-build-tools/
+   <https://visualstudio.microsoft.com/visual-cpp-build-tools/>
    Select the `Desktop development with C++` workload.
 2. Install Rustup:
    - Option A (recommended):
@@ -63,7 +63,7 @@ Install these once on your machine before developing.
    ```
 
    - Option B:
-     Download and run `rustup-init.exe` from https://rustup.rs/
+     Download and run `rustup-init.exe` from <https://rustup.rs/>
 
 3. Set stable MSVC toolchain:
 
@@ -105,7 +105,7 @@ Install these once on your machine before developing.
 ### 3) Tauri system prerequisites
 
 Install platform-specific dependencies required by Tauri:
-https://v2.tauri.app/start/prerequisites/
+[https://v2.tauri.app/start/prerequisites/](https://v2.tauri.app/start/prerequisites/)
 
 ---
 
@@ -190,6 +190,7 @@ These are handled automatically by CI — run them locally only when needed.
 **`.github/workflows/manual-multi-platform-build.yml`** — manually triggered via `workflow_dispatch`.
 
 Workflow steps:
+
 1. Prompts for bump level (`patch` / `minor` / `major`).
 2. Bumps and syncs version files across `package.json`, `tauri.conf.json`, and `Cargo.toml`.
 3. Promotes the `[Unreleased]` changelog section to the new version.

SECURITY.md

@@ -33,11 +33,11 @@ To help us triage and resolve the issue quickly, please include:
 
 ## Response Timeline
 
-| Step | Target timeframe |
-| ---- | ---------------- |
-| Acknowledgement | Within **48 hours** |
-| Initial assessment | Within **7 days** |
-| Fix & release | Depends on severity; critical issues are prioritised |
+| Step               | Target timeframe                                     |
+| ------------------ | ---------------------------------------------------- |
+| Acknowledgement    | Within **48 hours**                                  |
+| Initial assessment | Within **7 days**                                    |
+| Fix & release      | Depends on severity; critical issues are prioritised |
 
 We will keep you informed of our progress throughout the process.
 

src/components/layout/Workbench.tsx

@@ -1365,7 +1365,7 @@ function BottomPanel({ isSecondary }: { isSecondary?: boolean }) {
                     <th className="py-2 px-3 font-normal min-w-[200px]">
                       Payload
                     </th>
-                    <th className="py-2 px-3 font-normal min-w-[300px]">
+                    <th className="py-2 px-3 font-normal min-w-75">
                       Response
                     </th>
                   </tr>

src/components/ui/FindToolbar.tsx

@@ -48,7 +48,7 @@ export const FindToolbar: React.FC<FindToolbarProps> = ({
     if (!isOpen) return null;
 
     return (
-        <div className="absolute top-2 right-6 z-[100] flex items-center gap-1 p-1 bg-popover border rounded-md shadow-xl animate-in fade-in slide-in-from-top-1">
+        <div className="absolute top-2 right-6 z-100 flex items-center gap-1 p-1 bg-popover border rounded-md shadow-xl animate-in fade-in slide-in-from-top-1">
             <div className="relative flex items-center">
                 <Search className="absolute left-2 w-3 h-3 text-muted-foreground" />
                 <input