chore(release): 0.3.7

Merge pull request #107 from Fabio286/dependabot/npm_and_yarn/ssh2-promise-1.0.2
build(deps): bump ssh2-promise from 0.2.0 to 1.0.2
2025-06-05 21:59:22 +02:00 · 2021-10-08 09:13:23 +02:00 · 2021-10-07 15:27:40 +02:00 · 2021-10-07 15:15:12 +02:00 · 2021-10-07 14:58:31 +02:00 · 2021-10-06 12:08:37 +02:00
32 changed files with 1778 additions and 145 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,47 @@

 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

+### [0.3.7](https://github.com/Fabio286/antares/compare/v0.3.6...v0.3.7) (2021-10-08)
+
+
+### Features
+
+* support to SSH private keys with passphrase, closes [#118](https://github.com/Fabio286/antares/issues/118) ([9407a29](https://github.com/Fabio286/antares/commit/9407a29922812ab6aa3cf67569ba2f509433657c))
+* **UI:** auto detect system theme as default app theme ([7a63608](https://github.com/Fabio286/antares/commit/7a63608f54e387d45e655855666041f5602b54b1))
+
+
+### Bug Fixes
+
+* closing ask credential modal during a connection doesn't stops loading, closes [#114](https://github.com/Fabio286/antares/issues/114) ([26446fb](https://github.com/Fabio286/antares/commit/26446fb7ed04216283736072d442786350252dbb))
+* **PostgreSQL:** issue with uppercase characters in table and field names, closes [#116](https://github.com/Fabio286/antares/issues/116) ([2fcd080](https://github.com/Fabio286/antares/commit/2fcd080bd47367a21590ea5a754410a975959bdd))
+* **UI:** window reload pressing enter in schema creation modal, closes [#113](https://github.com/Fabio286/antares/issues/113) ([db1641b](https://github.com/Fabio286/antares/commit/db1641b74fcd218f1f1d24163cba70b024cc6bd7))
+
+### [0.3.6](https://github.com/Fabio286/antares/compare/v0.3.5...v0.3.6) (2021-09-26)
+
+
+### Features
+
+* copy cell/row or kill connections on context menu from processes list ([85f625d](https://github.com/Fabio286/antares/commit/85f625daf7026815dac6223a29c5a6479830edbb))
+* processes list exportation ([13aa47c](https://github.com/Fabio286/antares/commit/13aa47cd4441aa47c93038dbd91d6a0e54f6a60c))
+* workspace query history ([3959333](https://github.com/Fabio286/antares/commit/39593336626e6d9f3d3b65d2a4081388900e37d6))
+
+
+### Bug Fixes
+
+* adding a connection default values not change when switching clients, closes [#101](https://github.com/Fabio286/antares/issues/101) ([d4888ad](https://github.com/Fabio286/antares/commit/d4888ad8fba3c8e8ec2d6b6d9a78bb212d83eeed))
+
+
+### Improvements
+
+* **core:** better communication of internal exceptions ([abd46aa](https://github.com/Fabio286/antares/commit/abd46aa32256f822e52eaac2fc698da378b8163f))
+
+### [0.3.5](https://github.com/Fabio286/antares/compare/v0.3.4...v0.3.5) (2021-09-13)
+
+
+### Bug Fixes
+
+* **MySQL:** connections stuck at startup if 5 or more tabs are restored ([95b60df](https://github.com/Fabio286/antares/commit/95b60df8fc634b96a4c2c5c48dc6b10848888978))
+
 ### [0.3.4](https://github.com/Fabio286/antares/compare/v0.3.3...v0.3.4) (2021-09-12)


--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -0,0 +1,120 @@
+# Contributors Guide
+
+Antares SQL is an application based on [Electron.js](https://www.electronjs.org/) that uses [Vue.js](https://vuejs.org/) and [Spectre.css](https://picturepan2.github.io/spectre/) as frontend frameworks.  
+For the build process it takes advantage of [electron-builder](https://www.electron.build/).  
+This application uses [Vuex](https://vuex.vuejs.org/) as application state manager and [electron-store](https://github.com/sindresorhus/electron-store) to save the various settings on disc.  
+This guide aims to provide useful information and guidelines to everyone wants to contribute with this open-source project.
+For every other question related to this project please [contact me](https://github.com/Fabio286).
+
+## Project Structure
+
+The main files of the application are located inside `src` folder and are groupped in three subfolders.
+
+### `common`
+
+This folder contains small libraries, classes and objects. The purpose of `common` folder is to group together utilities used by **renderer** and **main** processes.  
+Noteworthy is the `customizations` folder that contains clients related customizations. Those settings are merged with `default.js` that lists every option.  
+Client related customizations are stored on Vuex and can be accessed by `customizations` property of current workspace object, or importing `common/customizations`.  
+
+An use case of customizations object can be the following:
+
+```js
+computed: {
+      defaultEngine () {
+         if (this.workspace.customizations.engines)
+            return this.workspace.engines.find(engine => engine.isDefault).name;
+         return '';
+      }
+}
+```
+
+In this case the computed property `defaultEngine` returns the default engine for MySQL client, or an empty string with PostgreSQL that doesn't have engines.  
+Customization properties are also useful **if some features are ready for one client but not others**.
+
+### `main`
+
+Inside this folder are located all files required by main process.  
+`ipc-handlers` subfolder includes all IPC handlers for events sent from renderer process.  
+`libs` subfolder includes classes related to clients and **query and connection logics**.  
+**Everything above client's class level should be "client agnostic"** with a neutral and uniformed api interface
+
+### `renderer`
+
+In this folder is located the structure of Vue frontend application.
+
+## Build
+
+The command to build Antares SQL locally is `npm run build:local`.  
+`build` command (without `:local`) is used exclusively by the GitHub Action.
+
+## Conventions
+
+### Electron
+
+- **kebab-case** for IPC event names.
+
+### Vue
+
+- **PascalCase** for file names (with .vue extension) and including components inside others (`<MyComponent/>`).  
+- "**Base**" prefix for [base component names](https://vuejs.org/v2/style-guide/#Base-component-names-strongly-recommended).
+- "**The**" prefix for [single-instance component names](https://vuejs.org/v2/style-guide/#Single-instance-component-names-strongly-recommended).
+- [Tightly coupled component names ](https://vuejs.org/v2/style-guide/#Tightly-coupled-component-names-strongly-recommended).
+- [Order of words in component names](https://vuejs.org/v2/style-guide/#Order-of-words-in-component-names-strongly-recommended).
+- **kebab-case** in templates for property and event names.
+
+### Vuex
+
+- **snake_case** for state names.
+- **camelCase** for getter and action names.
+- **SNAKE_CASE (all caps)** for mutation names.
+
+### Code Style
+
+The project includes [ESlint](https://eslint.org/) and [StyleLint](https://stylelint.io/) config files with style rules. I recommend to set the lint on-save option in your code editor.  
+Alternatively you can launch following commands to lint the project.  
+
+Check if all the style rules have been followed:
+```console
+npm run lint
+```
+
+Apply style rules globally if possible:  
+```console
+npm run lint:fix
+```
+
+### Commits
+
+The commit style adopted for this project is [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/).  
+Basicly it's important to have **single scoped commits with a prefix** that follows this style because Antares SQL uses [standard-version](https://github.com/conventional-changelog/standard-version) to generate new releases and [CHANGELOG.md](https://github.com/Fabio286/antares/blob/master/CHANGELOG.md) file to track all notable changes.  
+For Visual Studio Code users may be useful [Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits) extension.
+
+## Debug
+
+**Dev mode**:
+
+```console
+npm run dev
+```
+
+**Visual Studio Code:**
+
+``` json
+{
+   "version": "0.2.0",
+   "configurations": [
+      {
+         "type": "node",
+         "request": "launch",
+         "name": "Launch Electron in debugger",
+         "autoAttachChildProcesses": true,
+         "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron-webpack",
+         "runtimeArgs": [
+             "dev"
+         ],
+         "env": {},
+         "console": "integratedTerminal",
+      }
+   ]
+}
+```
--- a/README.md
+++ b/README.md
@@ -26,6 +26,7 @@ We are actively working on it, hoping to provide new cool features, improvements
 - A modern and friendly tab system; keep open every kind of tab you need in your workspace.
 - Fake table data filler to generate tons of data for test purpose.
 - Query suggestions and auto complete.
+- Query history: search through the last 1000 queries.
 - SSH tunnel support.
 - Dark and light theme.
 - Editor themes.
@@ -67,7 +68,6 @@ This is a roadmap with major features will come in near future.
 - Support for other databases.
 - Database tools.
 - Users management (add/edit/delete).
- Query history and bookmarks.
 - More context menu shortcuts.
 - More keyboard shortcuts.
 - Import/export and migration.
@@ -106,9 +106,11 @@ This is a roadmap with major features will come in near future.

 ## Translations

-**Italian Translation** / [Giuseppe Gigliotti](https://github.com/ReverbOD) [[#20](https://github.com/Fabio286/antares/pull/20)]  
-**Arabic Translation** (needs updates) / [Mohd-PH](https://github.com/Mohd-PH) [[#29](https://github.com/Fabio286/antares/pull/29)]  
-**Spanish Translation** (needs updates) / [hongkfui](https://github.com/hongkfui) [[#32](https://github.com/Fabio286/antares/pull/32)]  
-**French Translation** (needs updates) / [MrAnyx](https://github.com/MrAnyx) [[#44](https://github.com/Fabio286/antares/pull/44)]  
+**Italian** / [Giuseppe Gigliotti](https://github.com/ReverbOD) [[#20](https://github.com/Fabio286/antares/pull/20)]  
+**Arabic** (needs updates) / [Mohd-PH](https://github.com/Mohd-PH) [[#29](https://github.com/Fabio286/antares/pull/29)]  
+**Spanish** (needs updates) / [hongkfui](https://github.com/hongkfui) [[#32](https://github.com/Fabio286/antares/pull/32)]  
+**French** (needs updates) / [MrAnyx](https://github.com/MrAnyx) [[#44](https://github.com/Fabio286/antares/pull/44)]  
 **Portugues (Brasil)** / [Daniel Eduardo](https://github.com/daeleduardo) [[#54](https://github.com/Fabio286/antares/pull/54)]  
-**Deutsch (Deutschland)** / [Christian Ratz](https://github.com/digitalgopnik) [[#74](https://github.com/Fabio286/antares/pull/74)]
+**Deutsch (Deutschland)** / [Christian Ratz](https://github.com/digitalgopnik) [[#74](https://github.com/Fabio286/antares/pull/74)]  
+**Vietnamese** / [Ngô Quốc Đạt](https://github.com/datlechin) [[#111](https://github.com/Fabio286/antares/pull/111)]  
+**Japanese** / [Isamu Sugiura](https://github.com/IsamuSugi) [[#115](https://github.com/Fabio286/antares/pull/115)]
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "antares",
  "productName": "Antares",
-  "version": "0.3.4",
+  "version": "0.3.7",
  "description": "A cross-platform easy to use SQL client.",
  "license": "MIT",
  "repository": "https://github.com/Fabio286/antares.git",
@@ -87,31 +87,31 @@
    }
  },
  "dependencies": {
-    "@electron/remote": "^1.2.1",
+    "@electron/remote": "^2.0.1",
    "@mdi/font": "^6.1.95",
-    "ace-builds": "^1.4.12",
+    "ace-builds": "^1.4.13",
    "electron-log": "^4.4.1",
-    "electron-store": "^8.0.0",
+    "electron-store": "^8.0.1",
    "electron-updater": "^4.3.9",
    "faker": "^5.5.3",
-    "marked": "^3.0.0",
+    "marked": "^3.0.4",
    "moment": "^2.29.1",
    "mysql2": "^2.3.0",
    "pg": "^8.7.1",
    "pgsql-ast-parser": "^7.2.1",
-    "source-map-support": "^0.5.16",
+    "source-map-support": "^0.5.20",
    "spectre.css": "^0.5.9",
    "sql-formatter": "^4.0.2",
-    "ssh2-promise": "^0.2.0",
-    "v-mask": "^2.2.4",
-    "vue-i18n": "^8.24.4",
+    "ssh2-promise": "^1.0.2",
+    "v-mask": "^2.3.0",
+    "vue-i18n": "^8.26.5",
    "vuedraggable": "^2.24.3",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
-    "@babel/eslint-parser": "^7.15.4",
+    "@babel/eslint-parser": "^7.15.7",
    "cross-env": "^7.0.2",
-    "electron": "^14.0.0",
+    "electron": "^15.0.0",
    "electron-builder": "^22.11.7",
    "electron-devtools-installer": "^3.2.0",
    "electron-webpack": "^2.8.2",
@@ -121,13 +121,13 @@
    "eslint-plugin-import": "^2.24.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-vue": "^7.17.0",
-    "sass": "^1.39.0",
+    "eslint-plugin-vue": "^7.18.0",
+    "sass": "^1.42.1",
    "sass-loader": "^10.2.0",
    "standard-version": "^9.3.1",
    "stylelint": "^13.13.1",
    "stylelint-config-standard": "^22.0.0",
-    "stylelint-scss": "^3.20.1",
+    "stylelint-scss": "^3.21.0",
    "vue": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -3,9 +3,11 @@
 import { app, BrowserWindow, /* session, */ nativeImage, Menu } from 'electron';
 import * as path from 'path';
 import Store from 'electron-store';
+import * as remoteMain from '@electron/remote/main';

 import ipcHandlers from './ipc-handlers';

+// remoteMain.initialize();
 Store.initRenderer();

 const isDevelopment = process.env.NODE_ENV !== 'production';
@@ -30,13 +32,14 @@ async function createMainWindow () {
         nodeIntegration: true,
         contextIsolation: false,
         'web-security': false,
-         enableRemoteModule: true,
         spellcheck: false
      },
      frame: false,
      backgroundColor: '#1d1d1d'
   });

+   remoteMain.enable(window.webContents);
+
   try {
      if (isDevelopment) { //
         await window.loadURL(`http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}`);
@@ -97,7 +100,16 @@ else {
   app.on('ready', async () => {
      mainWindow = await createMainWindow();
      Menu.setApplicationMenu(null);
+
      if (isDevelopment)
         mainWindow.webContents.openDevTools();
+
+      process.on('uncaughtException', error => {
+         mainWindow.webContents.send('unhandled-exception', error);
+      });
+
+      process.on('unhandledRejection', error => {
+         mainWindow.webContents.send('unhandled-exception', error);
+      });
   });
 }
--- a/src/main/ipc-handlers/connection.js
+++ b/src/main/ipc-handlers/connection.js
@@ -30,7 +30,8 @@ export default connections => {
            username: conn.sshUser,
            password: conn.sshPass,
            port: conn.sshPort ? conn.sshPort : 22,
-            identity: conn.sshKey
+            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey) : null,
+            passphrase: conn.sshPassphrase
         };
      }

@@ -85,7 +86,8 @@ export default connections => {
            username: conn.sshUser,
            password: conn.sshPass,
            port: conn.sshPort ? conn.sshPort : 22,
-            identity: conn.sshKey
+            privateKey: conn.sshKey ? fs.readFileSync(conn.sshKey) : null,
+            passphrase: conn.sshPassphrase
         };
      }

--- a/src/main/ipc-handlers/schema.js
+++ b/src/main/ipc-handlers/schema.js
@@ -112,6 +112,17 @@ export default connections => {
      }
   });

+   ipcMain.handle('kill-process', async (event, { uid, pid }) => {
+      try {
+         const result = await connections[uid].killProcess(pid);
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
   ipcMain.handle('use-schema', async (event, { uid, schema }) => {
      if (!schema) return;

--- a/src/main/libs/AntaresCore.js
+++ b/src/main/libs/AntaresCore.js
@@ -16,6 +16,7 @@ export class AntaresCore {
      this._params = args.params;
      this._poolSize = args.poolSize || false;
      this._connection = null;
+      this._ssh = null;
      this._logger = args.logger || console.log;

      this._queryDefaults = {
--- a/src/main/libs/clients/MySQLClient.js
+++ b/src/main/libs/clients/MySQLClient.js
@@ -118,13 +118,19 @@ export class MySQLClient extends AntaresCore {
      if (this._params.ssl) dbConfig.ssl = { ...this._params.ssl };

      if (this._params.ssh) {
-         this._ssh = new SSH2Promise({ ...this._params.ssh });
+         try {
+            this._ssh = new SSH2Promise({ ...this._params.ssh });

-         this._tunnel = await this._ssh.addTunnel({
-            remoteAddr: this._params.host,
-            remotePort: this._params.port
-         });
-         dbConfig.port = this._tunnel.localPort;
+            const tunnel = await this._ssh.addTunnel({
+               remoteAddr: this._params.host,
+               remotePort: this._params.port
+            });
+            dbConfig.port = tunnel.localPort;
+         }
+         catch (err) {
+            if (this._ssh) this._ssh.close();
+            throw err;
+         }
      }

      if (!this._poolSize)
@@ -1176,6 +1182,10 @@ export class MySQLClient extends AntaresCore {
      });
   }

+   async killProcess (id) {
+      return await this.raw(`KILL ${id}`);
+   }
+
   /**
    * CREATE TABLE
    *
--- a/src/main/libs/clients/PostgreSQLClient.js
+++ b/src/main/libs/clients/PostgreSQLClient.js
@@ -65,13 +65,19 @@ export class PostgreSQLClient extends AntaresCore {
      if (this._params.ssl) dbConfig.ssl = { ...this._params.ssl };

      if (this._params.ssh) {
-         this._ssh = new SSH2Promise({ ...this._params.ssh });
+         try {
+            this._ssh = new SSH2Promise({ ...this._params.ssh });

-         this._tunnel = await this._ssh.addTunnel({
-            remoteAddr: this._params.host,
-            remotePort: this._params.port
-         });
-         dbConfig.port = this._tunnel.localPort;
+            const tunnel = await this._ssh.addTunnel({
+               remoteAddr: this._params.host,
+               remotePort: this._params.port
+            });
+            dbConfig.port = tunnel.localPort;
+         }
+         catch (err) {
+            if (this._ssh) this._ssh.close();
+            throw err;
+         }
      }

      if (!this._poolSize) {
@@ -102,7 +108,7 @@ export class PostgreSQLClient extends AntaresCore {
   use (schema) {
      this._schema = schema;
      if (schema)
-         return this.raw(`SET search_path TO ${schema}`);
+         return this.raw(`SET search_path TO "${schema}"`);
   }

   /**
@@ -530,7 +536,7 @@ export class PostgreSQLClient extends AntaresCore {
    * @memberof PostgreSQLClient
    */
   async dropView (params) {
-      const sql = `DROP VIEW ${params.schema}.${params.view}`;
+      const sql = `DROP VIEW "${params.schema}"."${params.view}"`;
      return await this.raw(sql);
   }

@@ -542,10 +548,10 @@ export class PostgreSQLClient extends AntaresCore {
    */
   async alterView (params) {
      const { view } = params;
-      let sql = `CREATE OR REPLACE VIEW ${view.schema}.${view.oldName} AS ${view.sql}`;
+      let sql = `CREATE OR REPLACE VIEW "${view.schema}"."${view.oldName}" AS ${view.sql}`;

      if (view.name !== view.oldName)
-         sql += `; ALTER VIEW ${view.schema}.${view.oldName} RENAME TO ${view.name}`;
+         sql += `; ALTER VIEW "${view.schema}"."${view.oldName}" RENAME TO "${view.name}"`;

      return await this.raw(sql);
   }
@@ -557,7 +563,7 @@ export class PostgreSQLClient extends AntaresCore {
    * @memberof PostgreSQLClient
    */
   async createView (params) {
-      const sql = `CREATE VIEW ${params.schema}.${params.name} AS ${params.sql}`;
+      const sql = `CREATE VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
      return await this.raw(sql);
   }

@@ -1029,6 +1035,10 @@ export class PostgreSQLClient extends AntaresCore {
      });
   }

+   async killProcess (id) {
+      return await this.raw(`SELECT pg_terminate_backend(${id})`);
+   }
+
   /**
    * CREATE TABLE
    *
@@ -1072,14 +1082,14 @@ export class PostgreSQLClient extends AntaresCore {
         if (type === 'PRIMARY')
            newIndexes.push(`PRIMARY KEY (${fields})`);
         else if (type === 'UNIQUE')
-            newIndexes.push(`CONSTRAINT ${index.name} UNIQUE (${fields})`);
+            newIndexes.push(`CONSTRAINT "${index.name}" UNIQUE (${fields})`);
         else
-            manageIndexes.push(`CREATE INDEX ${index.name} ON "${schema}"."${options.name}" (${fields})`);
+            manageIndexes.push(`CREATE INDEX "${index.name}" ON "${schema}"."${options.name}" (${fields})`);
      });

      // ADD FOREIGN KEYS
      foreigns.forEach(foreign => {
-         newForeigns.push(`CONSTRAINT ${foreign.constraintName} FOREIGN KEY (${foreign.field}) REFERENCES "${schema}"."${foreign.refTable}" (${foreign.refField}) ON UPDATE ${foreign.onUpdate} ON DELETE ${foreign.onDelete}`);
+         newForeigns.push(`CONSTRAINT "${foreign.constraintName}" FOREIGN KEY ("${foreign.field}") REFERENCES "${schema}"."${foreign.refTable}" ("${foreign.refField}") ON UPDATE ${foreign.onUpdate} ON DELETE ${foreign.onDelete}`);
      });

      sql = `${sql} (${[...newColumns, ...newIndexes, ...newForeigns].join(', ')})`;
@@ -1119,7 +1129,7 @@ export class PostgreSQLClient extends AntaresCore {
         const typeInfo = this._getTypeInfo(addition.type);
         const length = typeInfo.length ? addition.numLength || addition.charLength || addition.datePrecision : false;

-         alterColumns.push(`ADD COLUMN ${addition.name} 
+         alterColumns.push(`ADD COLUMN "${addition.name}" 
            ${addition.type.toUpperCase()}${length ? `(${length})` : ''}${addition.isArray ? '[]' : ''}
            ${addition.unsigned ? 'UNSIGNED' : ''} 
            ${addition.zerofill ? 'ZEROFILL' : ''}
@@ -1130,20 +1140,20 @@ export class PostgreSQLClient extends AntaresCore {

      // ADD INDEX
      indexChanges.additions.forEach(addition => {
-         const fields = addition.fields.map(field => `${field}`).join(',');
+         const fields = addition.fields.map(field => `"${field}"`).join(',');
         const type = addition.type;

         if (type === 'PRIMARY')
            alterColumns.push(`ADD PRIMARY KEY (${fields})`);
         else if (type === 'UNIQUE')
-            alterColumns.push(`ADD CONSTRAINT ${addition.name} UNIQUE (${fields})`);
+            alterColumns.push(`ADD CONSTRAINT "${addition.name}" UNIQUE (${fields})`);
         else
-            manageIndexes.push(`CREATE INDEX ${addition.name} ON "${schema}"."${table}" (${fields})`);
+            manageIndexes.push(`CREATE INDEX "${addition.name}" ON "${schema}"."${table}" (${fields})`);
      });

      // ADD FOREIGN KEYS
      foreignChanges.additions.forEach(addition => {
-         alterColumns.push(`ADD CONSTRAINT ${addition.constraintName} FOREIGN KEY (${addition.field}) REFERENCES "${schema}"."${addition.refTable}" (${addition.refField}) ON UPDATE ${addition.onUpdate} ON DELETE ${addition.onDelete}`);
+         alterColumns.push(`ADD CONSTRAINT "${addition.constraintName}" FOREIGN KEY ("${addition.field}") REFERENCES "${schema}"."${addition.refTable}" (${addition.refField}) ON UPDATE ${addition.onUpdate} ON DELETE ${addition.onDelete}`);
      });

      // CHANGE FIELDS
@@ -1169,6 +1179,7 @@ export class PostgreSQLClient extends AntaresCore {
         alterColumns.push(`ALTER COLUMN "${change.name}" TYPE ${localType}${length ? `(${length})` : ''}${change.isArray ? '[]' : ''} USING "${change.name}"::${localType}`);
         alterColumns.push(`ALTER COLUMN "${change.name}" ${change.nullable ? 'DROP NOT NULL' : 'SET NOT NULL'}`);
         alterColumns.push(`ALTER COLUMN "${change.name}" ${change.default ? `SET DEFAULT ${change.default}` : 'DROP DEFAULT'}`);
+
         if (['SERIAL', 'SMALLSERIAL', 'BIGSERIAL'].includes(change.type)) {
            const sequenceName = `${table}_${change.name}_seq`.replace(' ', '_');
            createSequences.push(`CREATE SEQUENCE IF NOT EXISTS ${sequenceName} OWNED BY "${table}"."${change.name}"`);
@@ -1186,39 +1197,39 @@ export class PostgreSQLClient extends AntaresCore {
         else
            manageIndexes.push(`DROP INDEX ${change.oldName}`);

-         const fields = change.fields.map(field => `${field}`).join(',');
+         const fields = change.fields.map(field => `"${field}"`).join(',');
         const type = change.type;

         if (type === 'PRIMARY')
            alterColumns.push(`ADD PRIMARY KEY (${fields})`);
         else if (type === 'UNIQUE')
-            alterColumns.push(`ADD CONSTRAINT ${change.name} UNIQUE (${fields})`);
+            alterColumns.push(`ADD CONSTRAINT "${change.name}" UNIQUE (${fields})`);
         else
-            manageIndexes.push(`CREATE INDEX ${change.name} ON "${schema}"."${table}" (${fields})`);
+            manageIndexes.push(`CREATE INDEX "${change.name}" ON "${schema}"."${table}" (${fields})`);
      });

      // CHANGE FOREIGN KEYS
      foreignChanges.changes.forEach(change => {
-         alterColumns.push(`DROP CONSTRAINT ${change.oldName}`);
-         alterColumns.push(`ADD CONSTRAINT ${change.constraintName} FOREIGN KEY (${change.field}) REFERENCES "${schema}"."${change.refTable}" (${change.refField}) ON UPDATE ${change.onUpdate} ON DELETE ${change.onDelete}`);
+         alterColumns.push(`DROP CONSTRAINT "${change.oldName}"`);
+         alterColumns.push(`ADD CONSTRAINT "${change.constraintName}" FOREIGN KEY (${change.field}) REFERENCES "${schema}"."${change.refTable}" ("${change.refField}") ON UPDATE ${change.onUpdate} ON DELETE ${change.onDelete}`);
      });

      // DROP FIELDS
      deletions.forEach(deletion => {
-         alterColumns.push(`DROP COLUMN ${deletion.name}`);
+         alterColumns.push(`DROP COLUMN "${deletion.name}"`);
      });

      // DROP INDEX
      indexChanges.deletions.forEach(deletion => {
         if (['PRIMARY', 'UNIQUE'].includes(deletion.type))
-            alterColumns.push(`DROP CONSTRAINT ${deletion.name}`);
+            alterColumns.push(`DROP CONSTRAINT "${deletion.name}"`);
         else
-            manageIndexes.push(`DROP INDEX ${deletion.name}`);
+            manageIndexes.push(`DROP INDEX "${deletion.name}"`);
      });

      // DROP FOREIGN KEYS
      foreignChanges.deletions.forEach(deletion => {
-         alterColumns.push(`DROP CONSTRAINT ${deletion.constraintName}`);
+         alterColumns.push(`DROP CONSTRAINT "${deletion.constraintName}"`);
      });

      if (alterColumns.length) sql += `ALTER TABLE "${schema}"."${table}" ${alterColumns.join(', ')}; `;
@@ -1239,7 +1250,7 @@ export class PostgreSQLClient extends AntaresCore {
    * @memberof PostgreSQLClient
    */
   async duplicateTable (params) {
-      const sql = `CREATE TABLE ${params.schema}.${params.table}_copy (LIKE ${params.schema}.${params.table} INCLUDING ALL)`;
+      const sql = `CREATE TABLE "${params.schema}"."${params.table}_copy" (LIKE "${params.schema}"."${params.table}" INCLUDING ALL)`;
      return await this.raw(sql);
   }

@@ -1250,7 +1261,7 @@ export class PostgreSQLClient extends AntaresCore {
    * @memberof PostgreSQLClient
    */
   async truncateTable (params) {
-      const sql = `TRUNCATE TABLE ${params.schema}.${params.table}`;
+      const sql = `TRUNCATE TABLE "${params.schema}"."${params.table}"`;
      return await this.raw(sql);
   }

@@ -1261,7 +1272,7 @@ export class PostgreSQLClient extends AntaresCore {
    * @memberof PostgreSQLClient
    */
   async dropTable (params) {
-      const sql = `DROP TABLE ${params.schema}.${params.table}`;
+      const sql = `DROP TABLE "${params.schema}"."${params.table}"`;
      return await this.raw(sql);
   }

@@ -1285,7 +1296,7 @@ export class PostgreSQLClient extends AntaresCore {
      else if (Object.keys(this._query.insert).length)
         fromRaw = 'INTO';

-      fromRaw += this._query.from ? ` ${this._query.schema ? `${this._query.schema}.` : ''}${this._query.from} ` : '';
+      fromRaw += this._query.from ? ` ${this._query.schema ? `"${this._query.schema}".` : ''}"${this._query.from}" ` : '';

      // WHERE
      const whereArray = this._query.where.reduce(this._reducer, []);
--- a/src/renderer/components/ModalHistory.vue
+++ b/src/renderer/components/ModalHistory.vue
@@ -0,0 +1,282 @@
+<template>
+   <div class="modal active">
+      <a class="modal-overlay" @click.stop="closeModal" />
+      <div class="modal-container p-0 pb-4">
+         <div class="modal-header pl-2">
+            <div class="modal-title h6">
+               <div class="d-flex">
+                  <i class="mdi mdi-24px mdi-history mr-1" />
+                  <span class="cut-text">{{ $t('word.history') }}: {{ connectionName }}</span>
+               </div>
+            </div>
+            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+         </div>
+         <div class="modal-body p-0 workspace-query-results">
+            <div
+               v-if="history.length"
+               ref="searchForm"
+               class="form-group has-icon-right p-2 m-0"
+            >
+               <input
+                  v-model="searchTerm"
+                  class="form-input"
+                  type="text"
+                  :placeholder="$t('message.searchForQueries')"
+               >
+               <i v-if="!searchTerm" class="form-icon mdi mdi-magnify mdi-18px pr-4" />
+               <i
+                  v-else
+                  class="form-icon c-hand mdi mdi-backspace mdi-18px pr-4"
+                  @click="searchTerm = ''"
+               />
+            </div>
+            <div
+               v-if="history.length"
+               ref="tableWrapper"
+               class="vscroll px-1 "
+               :style="{'height': resultsSize+'px'}"
+            >
+               <div ref="table">
+                  <BaseVirtualScroll
+                     ref="resultTable"
+                     :items="filteredHistory"
+                     :item-height="66"
+                     :visible-height="resultsSize"
+                     :scroll-element="scrollElement"
+                  >
+                     <template slot-scope="{ items }">
+                        <div
+                           v-for="query in items"
+                           :key="query.uid"
+                           class="tile my-2"
+                           tabindex="0"
+                        >
+                           <div class="tile-icon">
+                              <i class="mdi mdi-code-tags pr-1" />
+                           </div>
+                           <div class="tile-content">
+                              <div class="tile-title">
+                                 <code
+                                    class="cut-text"
+                                    :title="query.sql"
+                                    v-html="highlightWord(query.sql)"
+                                 />
+                              </div>
+                              <div class="tile-bottom-content">
+                                 <small class="tile-subtitle">{{ query.schema }} · {{ formatDate(query.date) }}</small>
+                                 <div class="tile-history-buttons">
+                                    <button class="btn btn-link pl-1" @click.stop="$emit('select-query', query.sql)">
+                                       <i class="mdi mdi-open-in-app pr-1" /> {{ $t('word.select') }}
+                                    </button>
+                                    <button class="btn btn-link pl-1" @click="copyQuery(query.sql)">
+                                       <i class="mdi mdi-content-copy pr-1" /> {{ $t('word.copy') }}
+                                    </button>
+                                    <button class="btn btn-link pl-1" @click="deleteQuery(query)">
+                                       <i class="mdi mdi-delete-forever pr-1" /> {{ $t('word.delete') }}
+                                    </button>
+                                 </div>
+                              </div>
+                           </div>
+                        </div>
+                     </template>
+                  </BaseVirtualScroll>
+               </div>
+            </div>
+            <div v-else class="empty">
+               <div class="empty-icon">
+                  <i class="mdi mdi-history mdi-48px" />
+               </div>
+               <p class="empty-title h5">
+                  {{ $t('message.thereIsNoQueriesYet') }}
+               </p>
+            </div>
+         </div>
+      </div>
+   </div>
+</template>
+
+<script>
+import moment from 'moment';
+import { mapGetters, mapActions } from 'vuex';
+import BaseVirtualScroll from '@/components/BaseVirtualScroll';
+
+export default {
+   name: 'ModalHistory',
+   components: {
+      BaseVirtualScroll
+   },
+   props: {
+      connection: Object
+   },
+   data () {
+      return {
+         resultsSize: 1000,
+         isQuering: false,
+         scrollElement: null,
+         searchTermInterval: null,
+         searchTerm: '',
+         localSearchTerm: ''
+      };
+   },
+   computed: {
+      ...mapGetters({
+         getConnectionName: 'connections/getConnectionName',
+         getHistoryByWorkspace: 'history/getHistoryByWorkspace'
+      }),
+      connectionName () {
+         return this.getConnectionName(this.connection.uid);
+      },
+      history () {
+         return this.getHistoryByWorkspace(this.connection.uid) || [];
+      },
+      filteredHistory () {
+         return this.history.filter(q => q.sql.toLowerCase().search(this.searchTerm.toLowerCase()) >= 0);
+      }
+   },
+   watch: {
+      searchTerm () {
+         clearTimeout(this.searchTermInterval);
+
+         this.searchTermInterval = setTimeout(() => {
+            this.localSearchTerm = this.searchTerm;
+         }, 200);
+      }
+   },
+   created () {
+      window.addEventListener('keydown', this.onKey, { capture: true });
+   },
+   updated () {
+      if (this.$refs.table)
+         this.refreshScroller();
+
+      if (this.$refs.tableWrapper)
+         this.scrollElement = this.$refs.tableWrapper;
+   },
+   mounted () {
+      this.resizeResults();
+      window.addEventListener('resize', this.resizeResults);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey, { capture: true });
+      window.removeEventListener('resize', this.resizeResults);
+      clearInterval(this.refreshInterval);
+   },
+   methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification',
+         deleteQueryFromHistory: 'history/deleteQueryFromHistory'
+      }),
+      copyQuery (sql) {
+         navigator.clipboard.writeText(sql);
+      },
+      deleteQuery (query) {
+         this.deleteQueryFromHistory({
+            workspace: this.connection.uid,
+            ...query
+         });
+      },
+      resizeResults () {
+         if (this.$refs.resultTable) {
+            const el = this.$refs.tableWrapper.parentElement;
+
+            if (el)
+               this.resultsSize = el.offsetHeight - this.$refs.searchForm.offsetHeight;
+
+            this.$refs.resultTable.updateWindow();
+         }
+      },
+      formatDate (date) {
+         return moment(date).isValid() ? moment(date).format('HH:mm:ss - YYYY/MM/DD') : date;
+      },
+      refreshScroller () {
+         this.resizeResults();
+      },
+      closeModal () {
+         this.$emit('close');
+      },
+      highlightWord (string) {
+         string = string.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+
+         if (this.searchTerm) {
+            const regexp = new RegExp(`(${this.searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+            return string.replace(regexp, '<span class="text-primary text-bold">$1</span>');
+         }
+         else
+            return string;
+      },
+      onKey (e) {
+         e.stopPropagation();
+         if (e.key === 'Escape')
+            this.closeModal();
+      }
+   }
+};
+</script>
+
+<style lang="scss" scoped>
+.vscroll {
+  height: 1000px;
+  overflow: auto;
+  overflow-anchor: none;
+}
+
+.tile {
+  border-radius: $border-radius;
+  display: flex;
+  align-items: center;
+
+  &:hover,
+  &:focus {
+    .tile-content {
+      .tile-bottom-content {
+        .tile-history-buttons {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  .tile-icon {
+    font-size: 1.2rem;
+    margin-left: 0.3rem;
+    width: 28px;
+  }
+
+  .tile-content {
+    padding: 0.3rem;
+    padding-left: 0.1rem;
+    max-width: calc(100% - 30px);
+
+    code {
+      max-width: 100%;
+      display: inline-block;
+      font-size: 100%;
+      // color: $primary-color;
+      opacity: 0.8;
+    }
+
+    .tile-subtitle {
+      opacity: 0.8;
+    }
+
+    .tile-bottom-content {
+      display: flex;
+      justify-content: space-between;
+
+      .tile-history-buttons {
+        opacity: 0;
+        transition: opacity 0.2s;
+
+        button {
+          font-size: 0.7rem;
+          height: 1rem;
+          line-height: 1rem;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+}
+</style>
--- a/src/renderer/components/ModalNewSchema.vue
+++ b/src/renderer/components/ModalNewSchema.vue
@@ -13,7 +13,7 @@
         </div>
         <div class="modal-body pb-0">
            <div class="content">
-               <form class="form-horizontal">
+               <form class="form-horizontal" @submit.prevent="createSchema">
                  <div class="form-group">
                     <div class="col-3">
                        <label class="form-label">{{ $t('word.name') }}</label>
--- a/src/renderer/components/ModalProcessesList.vue
+++ b/src/renderer/components/ModalProcessesList.vue
@@ -1,5 +1,15 @@
 <template>
   <div class="modal active">
+      <ModalProcessesListContext
+         v-if="isContext"
+         :context-event="contextEvent"
+         :selected-row="selectedRow"
+         :selected-cell="selectedCell"
+         @copy-cell="copyCell"
+         @copy-row="copyRow"
+         @kill-process="killProcess"
+         @close-context="closeContext"
+      />
      <a class="modal-overlay" @click.stop="closeModal" />
      <div class="modal-container p-0 pb-4">
         <div class="modal-header pl-2">
@@ -12,34 +22,55 @@
            <a class="btn btn-clear c-hand" @click.stop="closeModal" />
         </div>
         <div class="processes-toolbar py-2 px-4">
-            <div class="dropdown">
-               <div class="btn-group">
-                  <button
-                     class="btn btn-dark btn-sm mr-0 pr-1 d-flex"
-                     :class="{'loading':isQuering}"
-                     title="F5"
-                     @click="getProcessesList"
-                  >
-                     <i v-if="!+autorefreshTimer" class="mdi mdi-24px mdi-refresh mr-1" />
-                     <i v-else class="mdi mdi-24px mdi-history mdi-flip-h mr-1" />
-                     <span>{{ $t('word.refresh') }}</span>
-                  </button>
-                  <div class="btn btn-dark btn-sm dropdown-toggle pl-0 pr-0" tabindex="0">
-                     <i class="mdi mdi-24px mdi-menu-down" />
-                  </div>
-                  <div class="menu px-3">
-                     <span>{{ $t('word.autoRefresh') }}: <b>{{ +autorefreshTimer ? `${autorefreshTimer}s` : 'OFF' }}</b></span>
-                     <input
-                        v-model="autorefreshTimer"
-                        class="slider no-border"
-                        type="range"
-                        min="0"
-                        max="15"
-                        step="0.5"
-                        @change="setRefreshInterval"
+            <div class="workspace-query-buttons">
+               <div class="dropdown pr-1">
+                  <div class="btn-group">
+                     <button
+                        class="btn btn-dark btn-sm mr-0 pr-1 d-flex"
+                        :class="{'loading':isQuering}"
+                        title="F5"
+                        @click="getProcessesList"
                     >
+                        <i v-if="!+autorefreshTimer" class="mdi mdi-24px mdi-refresh mr-1" />
+                        <i v-else class="mdi mdi-24px mdi-history mdi-flip-h mr-1" />
+                        <span>{{ $t('word.refresh') }}</span>
+                     </button>
+                     <div class="btn btn-dark btn-sm dropdown-toggle pl-0 pr-0" tabindex="0">
+                        <i class="mdi mdi-24px mdi-menu-down" />
+                     </div>
+                     <div class="menu px-3">
+                        <span>{{ $t('word.autoRefresh') }}: <b>{{ +autorefreshTimer ? `${autorefreshTimer}s` : 'OFF' }}</b></span>
+                        <input
+                           v-model="autorefreshTimer"
+                           class="slider no-border"
+                           type="range"
+                           min="0"
+                           max="15"
+                           step="0.5"
+                           @change="setRefreshInterval"
+                        >
+                     </div>
                  </div>
               </div>
+               <div class="dropdown table-dropdown">
+                  <button
+                     :disabled="isQuering"
+                     class="btn btn-dark btn-sm dropdown-toggle d-flex mr-0 pr-0"
+                     tabindex="0"
+                  >
+                     <i class="mdi mdi-24px mdi-file-export mr-1" />
+                     <span>{{ $t('word.export') }}</span>
+                     <i class="mdi mdi-24px mdi-menu-down" />
+                  </button>
+                  <ul class="menu text-left">
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('json')">JSON</a>
+                     </li>
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('csv')">CSV</a>
+                     </li>
+                  </ul>
+               </div>
            </div>
            <div class="workspace-query-info">
               <div v-if="sortedResults.length">
@@ -85,9 +116,10 @@
                     <template slot-scope="{ items }">
                        <ModalProcessesListRow
                           v-for="row in items"
-                           :key="row._id"
+                           :key="row.id"
                           class="process-row"
                           :row="row"
+                           @select-row="selectRow(row.id)"
                           @contextmenu="contextMenu"
                           @stop-refresh="stopRefresh"
                        />
@@ -102,15 +134,18 @@

 <script>
 import { mapGetters, mapActions } from 'vuex';
+import arrayToFile from '../libs/arrayToFile';
 import Schema from '@/ipc-api/Schema';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 import ModalProcessesListRow from '@/components/ModalProcessesListRow';
+import ModalProcessesListContext from '@/components/ModalProcessesListContext';

 export default {
   name: 'ModalProcessesList',
   components: {
      BaseVirtualScroll,
-      ModalProcessesListRow
+      ModalProcessesListRow,
+      ModalProcessesListContext
   },
   props: {
      connection: Object
@@ -119,8 +154,12 @@ export default {
      return {
         resultsSize: 1000,
         isQuering: false,
+         isContext: false,
         autorefreshTimer: 0,
         refreshInterval: null,
+         contextEvent: null,
+         selectedCell: null,
+         selectedRow: null,
         results: [],
         fields: [],
         currentSort: '',
@@ -245,10 +284,55 @@ export default {
         this.autorefreshTimer = 0;
         this.clearRefresh();
      },
-      contextMenu () {},
+      selectRow (row) {
+         this.selectedRow = row;
+      },
+      contextMenu (event, cell) {
+         if (event.target.localName === 'input') return;
+         this.stopRefresh();
+
+         this.selectedCell = cell;
+         this.selectedRow = cell.id;
+         this.contextEvent = event;
+         this.isContext = true;
+      },
+      async killProcess () {
+         try { // Table data
+            const { status, response } = await Schema.killProcess({ uid: this.connection.uid, pid: this.selectedRow });
+
+            if (status === 'success')
+               this.getProcessesList();
+            else
+               this.addNotification({ status: 'error', message: response });
+         }
+         catch (err) {
+            this.addNotification({ status: 'error', message: err.stack });
+         }
+      },
+      closeContext () {
+         this.isContext = false;
+      },
+      copyCell () {
+         const row = this.results.find(row => row.id === this.selectedRow);
+         const valueToCopy = row[this.selectedCell.field];
+         navigator.clipboard.writeText(valueToCopy);
+      },
+      copyRow () {
+         const row = this.results.find(row => row.id === this.selectedRow);
+         const rowToCopy = JSON.parse(JSON.stringify(row));
+         navigator.clipboard.writeText(JSON.stringify(rowToCopy));
+      },
      closeModal () {
         this.$emit('close');
      },
+      downloadTable (format) {
+         if (!this.sortedResults) return;
+         arrayToFile({
+            type: format,
+            content: this.sortedResults,
+            filename: 'processes'
+         });
+      },
      onKey (e) {
         e.stopPropagation();
         if (e.key === 'Escape')
--- a/src/renderer/components/ModalProcessesListContext.vue
+++ b/src/renderer/components/ModalProcessesListContext.vue
@@ -0,0 +1,75 @@
+<template>
+   <BaseContextMenu
+      :context-event="contextEvent"
+      @close-context="closeContext"
+   >
+      <div v-if="selectedRow" class="context-element">
+         <span class="d-flex"><i class="mdi mdi-18px mdi-content-copy text-light pr-1" /> {{ $t('word.copy') }}</span>
+         <i class="mdi mdi-18px mdi-chevron-right text-light pl-1" />
+         <div class="context-submenu">
+            <div
+               v-if="selectedRow"
+               class="context-element"
+               @click="copyCell"
+            >
+               <span class="d-flex">
+                  <i class="mdi mdi-18px mdi-numeric-0 mdi-rotate-90 text-light pr-1" /> {{ $tc('word.cell', 1) }}
+               </span>
+            </div>
+            <div
+               v-if="selectedRow"
+               class="context-element"
+               @click="copyRow"
+            >
+               <span class="d-flex">
+                  <i class="mdi mdi-18px mdi-table-row text-light pr-1" /> {{ $tc('word.row', 1) }}
+               </span>
+            </div>
+         </div>
+      </div>
+      <div
+         v-if="selectedRow"
+         class="context-element"
+         @click="killProcess"
+      >
+         <span class="d-flex">
+            <i class="mdi mdi-18px mdi-close-circle-outline text-light pr-1" /> {{ $t('message.killProcess') }}
+         </span>
+      </div>
+   </BaseContextMenu>
+</template>
+
+<script>
+import BaseContextMenu from '@/components/BaseContextMenu';
+
+export default {
+   name: 'ModalProcessesListContext',
+   components: {
+      BaseContextMenu
+   },
+   props: {
+      contextEvent: MouseEvent,
+      selectedRow: Number,
+      selectedCell: Object
+   },
+   computed: {
+   },
+   methods: {
+      closeContext () {
+         this.$emit('close-context');
+      },
+      copyCell () {
+         this.$emit('copy-cell');
+         this.closeContext();
+      },
+      copyRow () {
+         this.$emit('copy-row');
+         this.closeContext();
+      },
+      killProcess () {
+         this.$emit('kill-process');
+         this.closeContext();
+      }
+   }
+};
+</script>
--- a/src/renderer/components/ModalProcessesListRow.vue
+++ b/src/renderer/components/ModalProcessesListRow.vue
@@ -1,21 +1,18 @@
 <template>
-   <div class="tr" @click="selectRow($event, row._id)">
+   <div class="tr" @click="selectRow()">
      <div
         v-for="(col, cKey) in row"
-         v-show="cKey !== '_id'"
         :key="cKey"
         class="td p-0"
         tabindex="0"
-         @contextmenu.prevent="openContext($event, { id: row._id, field: cKey })"
+         @contextmenu.prevent="openContext($event, { id: row.id, field: cKey })"
      >
-         <template v-if="cKey !== '_id'">
-            <span
-               v-if="!isInlineEditor[cKey]"
-               class="cell-content"
-               :class="`${isNull(col)} type-${typeof col === 'number' ? 'int' : 'varchar'}`"
-               @dblclick="dblClick(cKey)"
-            >{{ col | cutText }}</span>
-         </template>
+         <span
+            v-if="!isInlineEditor[cKey]"
+            class="cell-content"
+            :class="`${isNull(col)} type-${typeof col === 'number' ? 'int' : 'varchar'}`"
+            @dblclick="dblClick(cKey)"
+         >{{ col | cutText }}</span>
      </div>
      <ConfirmModal
         v-if="isInfoModal"
@@ -73,25 +70,15 @@ export default {
      };
   },
   computed: {},
-   watch: {
-      fields () {
-         Object.keys(this.fields).forEach(field => {
-            this.isInlineEditor[field.name] = false;
-         });
-      }
-   },
   methods: {
      isNull (value) {
         return value === null ? ' is-null' : '';
      },
-      selectRow (event, row) {
-         this.$emit('select-row', event, row);
+      selectRow () {
+         this.$emit('select-row');
      },
      openContext (event, payload) {
-         if (this.isEditable) {
-            payload.field = this.fields[payload.field].name;// Ensures field name only
-            this.$emit('contextmenu', event, payload);
-         }
+         this.$emit('contextmenu', event, payload);
      },
      hideInfoModal () {
         this.isInfoModal = false;
--- a/src/renderer/components/WorkspaceAddConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceAddConnectionPanel.vue
@@ -309,6 +309,18 @@
                           />
                        </div>
                     </div>
+                     <div class="form-group columns">
+                        <div class="column col-4 col-sm-12">
+                           <label class="form-label">{{ $t('word.passphrase') }}</label>
+                        </div>
+                        <div class="column col-8 col-sm-12">
+                           <input
+                              v-model="connection.sshPassphrase"
+                              class="form-input"
+                              type="password"
+                           >
+                        </div>
+                     </div>
                  </fieldset>
               </form>
            </div>
@@ -393,6 +405,13 @@ export default {
         return this.isConnecting || this.isTesting;
      }
   },
+   watch: {
+      'connection.client' () {
+         this.connection.user = this.customizations.defaultUser;
+         this.connection.port = this.customizations.defaultPort;
+         this.connection.database = this.customizations.defaultDatabase;
+      }
+   },
   created () {
      this.setDefaults();

@@ -432,7 +451,7 @@ export default {
            try {
               const res = await Connection.makeTest(this.connection);
               if (res.status === 'error')
-                  this.addNotification({ status: 'error', message: res.response.message });
+                  this.addNotification({ status: 'error', message: res.response.message || res.response.toString() });
               else
                  this.addNotification({ status: 'success', message: this.$t('message.connectionSuccessfullyMade') });
            }
@@ -455,7 +474,7 @@ export default {
            else {
               const res = await Connection.makeTest(params);
               if (res.status === 'error')
-                  this.addNotification({ status: 'error', message: res.response.message });
+                  this.addNotification({ status: 'error', message: res.response.message || res.response.toString() });
               else
                  this.addNotification({ status: 'success', message: this.$t('message.connectionSuccessfullyMade') });
            }
--- a/src/renderer/components/WorkspaceEditConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceEditConnectionPanel.vue
@@ -303,6 +303,18 @@
                           />
                        </div>
                     </div>
+                     <div class="form-group columns">
+                        <div class="column col-4 col-sm-12">
+                           <label class="form-label">{{ $t('word.passphrase') }}</label>
+                        </div>
+                        <div class="column col-8 col-sm-12">
+                           <input
+                              v-model="localConnection.sshPassphrase"
+                              class="form-input"
+                              type="password"
+                           >
+                        </div>
+                     </div>
                  </fieldset>
               </form>
            </div>
@@ -414,7 +426,7 @@ export default {
            try {
               const res = await Connection.makeTest(this.localConnection);
               if (res.status === 'error')
-                  this.addNotification({ status: 'error', message: res.response.message });
+                  this.addNotification({ status: 'error', message: res.response.message || res.response.toString() });
               else
                  this.addNotification({ status: 'success', message: this.$t('message.connectionSuccessfullyMade') });
            }
@@ -437,7 +449,7 @@ export default {
            else {
               const res = await Connection.makeTest(params);
               if (res.status === 'error')
-                  this.addNotification({ status: 'error', message: res.response.message });
+                  this.addNotification({ status: 'error', message: res.response.message || res.response.toString() });
               else
                  this.addNotification({ status: 'success', message: this.$t('message.connectionSuccessfullyMade') });
            }
@@ -454,6 +466,7 @@ export default {
      closeAsking () {
         this.isTesting = false;
         this.isAsking = false;
+         this.isConnecting = false;
      },
      selectTab (tab) {
         this.selectedTab = tab;
--- a/src/renderer/components/WorkspaceTabQuery.vue
+++ b/src/renderer/components/WorkspaceTabQuery.vue
@@ -5,7 +5,8 @@
      tabindex="0"
      @keydown.116="runQuery(query)"
      @keydown.ctrl.87="clear"
-      @keydown.ctrl.119="beautify"
+      @keydown.ctrl.66="beautify"
+      @keydown.ctrl.71="openHistoryModal"
   >
      <div class="workspace-query-runner column col-12">
         <QueryEditor
@@ -32,16 +33,7 @@
                  <span>{{ $t('word.run') }}</span>
               </button>
               <button
-                  class="btn btn-dark btn-sm"
-                  :disabled="!query || isQuering"
-                  title="CTRL+F8"
-                  @click="beautify()"
-               >
-                  <i class="mdi mdi-24px mdi-brush pr-1" />
-                  <span>{{ $t('word.format') }}</span>
-               </button>
-               <button
-                  class="btn btn-link btn-sm"
+                  class="btn btn-link btn-sm mr-0"
                  :disabled="!query || isQuering"
                  title="CTRL+W"
                  @click="clear()"
@@ -52,6 +44,24 @@

               <div class="divider-vert py-3" />

+               <button
+                  class="btn btn-dark btn-sm"
+                  :disabled="!query || isQuering"
+                  title="CTRL+B"
+                  @click="beautify()"
+               >
+                  <i class="mdi mdi-24px mdi-brush pr-1" />
+                  <span>{{ $t('word.format') }}</span>
+               </button>
+               <button
+                  class="btn btn-dark btn-sm"
+                  :disabled="isQuering"
+                  title="CTRL+G"
+                  @click="openHistoryModal()"
+               >
+                  <i class="mdi mdi-24px mdi-history pr-1" />
+                  <span>{{ $t('word.history') }}</span>
+               </button>
               <div class="dropdown table-dropdown pr-2">
                  <button
                     :disabled="!results.length || isQuering"
@@ -116,17 +126,24 @@
            @delete-selected="deleteSelected"
         />
      </div>
+      <ModalHistory
+         v-if="isHistoryOpen"
+         :connection="connection"
+         @select-query="selectQuery"
+         @close="isHistoryOpen = false"
+      />
   </div>
 </template>

 <script>
 import { format } from 'sql-formatter';
+import { mapGetters, mapActions } from 'vuex';
 import Schema from '@/ipc-api/Schema';
 import QueryEditor from '@/components/QueryEditor';
 import BaseLoader from '@/components/BaseLoader';
 import WorkspaceTabQueryTable from '@/components/WorkspaceTabQueryTable';
 import WorkspaceTabQueryEmptyState from '@/components/WorkspaceTabQueryEmptyState';
-import { mapGetters, mapActions } from 'vuex';
+import ModalHistory from '@/components/ModalHistory';
 import tableTabs from '@/mixins/tableTabs';

 export default {
@@ -135,7 +152,8 @@ export default {
      BaseLoader,
      QueryEditor,
      WorkspaceTabQueryTable,
-      WorkspaceTabQueryEmptyState
+      WorkspaceTabQueryEmptyState,
+      ModalHistory
   },
   mixins: [tableTabs],
   props: {
@@ -153,13 +171,15 @@ export default {
         resultsCount: 0,
         durationsCount: 0,
         affectedCount: 0,
-         editorHeight: 200
+         editorHeight: 200,
+         isHistoryOpen: false
      };
   },
   computed: {
      ...mapGetters({
         getWorkspace: 'workspaces/getWorkspace',
-         selectedWorkspace: 'workspaces/getSelected'
+         selectedWorkspace: 'workspaces/getSelected',
+         getHistoryByWorkspace: 'history/getHistoryByWorkspace'
      }),
      workspace () {
         return this.getWorkspace(this.connection.uid);
@@ -175,6 +195,9 @@ export default {
      },
      isWorkspaceSelected () {
         return this.workspace.uid === this.selectedWorkspace;
+      },
+      history () {
+         return this.getHistoryByWorkspace(this.connection.uid) || [];
      }
   },
   watch: {
@@ -189,7 +212,6 @@ export default {
   created () {
      this.query = this.tab.content;
      this.selectedSchema = this.tab.schema || this.breadcrumbsSchema;
-      // this.changeBreadcrumbs({ schema: this.selectedSchema, query: `Query #${this.tab.index}` });

      window.addEventListener('keydown', this.onKey);
   },
@@ -213,7 +235,8 @@ export default {
      ...mapActions({
         addNotification: 'notifications/addNotification',
         changeBreadcrumbs: 'workspaces/changeBreadcrumbs',
-         updateTabContent: 'workspaces/updateTabContent'
+         updateTabContent: 'workspaces/updateTabContent',
+         saveHistory: 'history/saveHistory'
      }),
      async runQuery (query) {
         if (!query || this.isQuering) return;
@@ -236,7 +259,14 @@ export default {
               this.durationsCount += this.results.reduce((acc, curr) => acc + curr.duration, 0);
               this.affectedCount += this.results.reduce((acc, curr) => acc + (curr.report ? curr.report.affectedRows : 0), 0);

-               this.updateTabContent({ uid: this.connection.uid, tab: this.tab.uid, type: 'query', schema: this.selectedSchema, content: query });
+               this.updateTabContent({
+                  uid: this.connection.uid,
+                  tab: this.tab.uid,
+                  type: 'query',
+                  schema: this.selectedSchema,
+                  content: query
+               });
+               this.saveHistory(params);
            }
            else
               this.addNotification({ status: 'error', message: response });
@@ -295,6 +325,15 @@ export default {
            this.$refs.queryEditor.editor.session.setValue(formattedQuery);
         }
      },
+      openHistoryModal () {
+         this.isHistoryOpen = true;
+      },
+      selectQuery (sql) {
+         if (this.$refs.queryEditor)
+            this.$refs.queryEditor.editor.session.setValue(sql);
+
+         this.isHistoryOpen = false;
+      },
      clear () {
         if (this.$refs.queryEditor)
            this.$refs.queryEditor.editor.session.setValue('');
--- a/src/renderer/components/WorkspaceTabQueryEmptyState.vue
+++ b/src/renderer/components/WorkspaceTabQueryEmptyState.vue
@@ -11,17 +11,23 @@
            <div class="mb-4">
               {{ $t('word.clear') }}
            </div>
+            <div class="mb-4">
+               {{ $t('word.history') }}
+            </div>
         </div>
         <div class="column col-16">
            <div class="mb-4">
               <code>F5</code>
            </div>
            <div class="mb-4">
-               <code>CTRL</code> + <code>F8</code>
+               <code>CTRL</code> + <code>B</code>
            </div>
            <div class="mb-4">
               <code>CTRL</code> + <code>W</code>
            </div>
+            <div class="mb-4">
+               <code>CTRL</code> + <code>G</code>
+            </div>
         </div>
      </div>
   </div>
--- a/src/renderer/components/WorkspaceTabTable.vue
+++ b/src/renderer/components/WorkspaceTabTable.vue
@@ -287,7 +287,7 @@ export default {
         changeBreadcrumbs: 'workspaces/changeBreadcrumbs'
      }),
      async getTableData () {
-         if (!this.table) return;
+         if (!this.table || !this.isSelected) return;
         this.isQuering = true;

         // if table changes clear cached values
--- a/src/renderer/i18n/en-US.js
+++ b/src/renderer/i18n/en-US.js
@@ -117,7 +117,10 @@ module.exports = {
      all: 'All',
      duplicate: 'Duplicate',
      routine: 'Routine',
-      new: 'New'
+      new: 'New',
+      history: 'History',
+      select: 'Select',
+      passphrase: 'Passphrase'
   },
   message: {
      appWelcome: 'Welcome to Antares SQL Client!',
@@ -238,7 +241,10 @@ module.exports = {
      newRoutine: 'New routine',
      newFunction: 'New function',
      newScheduler: 'New scheduler',
-      newTriggerFunction: 'New trigger function'
+      newTriggerFunction: 'New trigger function',
+      thereIsNoQueriesYet: 'There is no queries yet',
+      searchForQueries: 'Search for queries',
+      killProcess: 'Kill process'
   },
   faker: {
      address: 'Address',
--- a/src/renderer/i18n/index.js
+++ b/src/renderer/i18n/index.js
@@ -11,7 +11,9 @@ const i18n = new VueI18n({
      'es-ES': require('./es-ES'),
      'fr-FR': require('./fr-FR'),
      'pt-BR': require('./pt-BR'),
-      'de-DE': require('./de-DE')
+      'de-DE': require('./de-DE'),
+      'vi-VN': require('./vi-VN'),
+      'ja-JP': require('./ja-JP')
   }
 });
 export default i18n;
--- a/src/renderer/i18n/ja-JP.js
+++ b/src/renderer/i18n/ja-JP.js
@@ -0,0 +1,412 @@
+module.exports = {
+   word: {
+      edit: '編集',
+      save: '保存',
+      close: '閉じる',
+      delete: '削除',
+      confirm: '確認',
+      cancel: 'キャンセル',
+      send: '送信',
+      connectionName: '接続名',
+      client: 'クライアント',
+      hostName: 'ホスト名',
+      port: 'ポート',
+      user: 'ユーザー名',
+      password: 'パスワード',
+      credentials: '認証情報',
+      connect: '接続',
+      connected: '接続中',
+      disconnect: '接続解除',
+      disconnected: '接続解除',
+      refresh: 'リフレッシュ',
+      settings: '設定',
+      general: '一般',
+      themes: 'テーマ',
+      update: '更新情報',
+      // about: 'お問い合わせ',
+      language: '言語',
+      version: 'バージョン',
+      donate: '寄付する',
+      run: '実行',
+      schema: 'スキーマ',
+      results: '結果',
+      size: 'サイズ',
+      seconds: '秒数',
+      type: 'タイプ',
+      mimeType: 'マイムタイプ',
+      download: 'ダウンロード',
+      add: '追加',
+      data: 'データ',
+      properties: 'プロパティ',
+      insert: '挿入',
+      connecting: '接続',
+      name: '名称',
+      collation: '照合',
+      clear: 'クリア',
+      options: 'オプション',
+      autoRefresh: 'オートリフレシュ',
+      indexes: 'インデックス',
+      foreignKeys: '外部キー',
+      length: '長さ',
+      unsigned: '符号なし',
+      default: 'デフォルト',
+      comment: 'コメント',
+      key: 'キー | キー',
+      order: '順序',
+      expression: '表現',
+      autoIncrement: 'オートインクリメント',
+      engine: 'エンジン',
+      field: 'フィールド | フィールド',
+      approximately: '約',
+      total: '合計',
+      table: 'テーブル',
+      discard: '破棄',
+      stay: 'ステイ',
+      author: '作者',
+      light: 'ライト',
+      dark: 'ダーク',
+      autoCompletion: 'オートコンプリート',
+      application: 'アプリケーション',
+      editor: 'エディター',
+      view: 'ビュー',
+      definer: 'デファイナー',
+      algorithm: 'アルゴリズム',
+      trigger: 'トリガー | トリガー',
+      storedRoutine: 'ストアド・ルーチン | ストアド・ルーチン',
+      scheduler: 'スケジューラー | スケジューラー',
+      event: 'イベント',
+      parameters: 'パラメータ',
+      function: '関数 | 関数',
+      // deterministic: '決定論的',
+      context: 'コンテキスト',
+      export: 'エクスポート',
+      returns: '戻り値',
+      timing: 'タイミング',
+      state: '状態',
+      execution: '実行',
+      starts: '開始',
+      ends: '終了',
+      ssl: 'SSL',
+      privateKey: '秘密鍵',
+      certificate: '証明書',
+      caCertificate: 'CA 証明書',
+      ciphers: '暗号',
+      upload: 'アップロード',
+      browse: '閲覧',
+      faker: 'フェイカー',
+      content: 'コンテンツ',
+      cut: 'カット',
+      copy: 'コピー',
+      paste: '貼り付け',
+      tools: 'ツール',
+      variables: '変数',
+      processes: 'プロセス',
+      database: 'データベース',
+      scratchpad: 'スクラッチパッド',
+      array: '配列',
+      changelog: '変更履歴',
+      format: 'フォーマット',
+      sshTunnel: 'SSH トンネル',
+      structure: '構造',
+      // small: '小規模',
+      // medium: '中型',
+      // large: 'ラージ',
+      row: 'ロウ | ロウ',
+      cell: 'セル | セル',
+      triggerFunction: 'トリガー関数 | トリガー関数',
+      all: 'すべて',
+      duplicate: 'デュプリケート',
+      routine: 'ルーチン',
+      // new: '新機能',
+      history: '履歴',
+      select: '選択'
+   },
+   message: {
+      appWelcome: 'Antares SQL Client へようこそ!',
+      appFirstStep: '最初のステップは、新しいデータベース接続を作成することです。',
+      addConnection: '接続の追加',
+      createConnection: '接続の作成',
+      createNewConnection: '新しい接続の作成',
+      askCredentials: '認証情報の入力',
+      testConnection: '接続のテスト',
+      editConnection: '接続の編集',
+      deleteConnection: '接続の削除',
+      deleteCorfirm: 'のキャンセルを確認しますか？',
+      connectionSuccessfullyMade: '接続に成功しました。',
+      madeWithJS: '💛 と JavaScript で作られています。',
+      checkForUpdates: '更新情報の確認',
+      noUpdatesAvailable: 'アップデートがありません',
+      checkingForUpdate: 'アップデートを確認中',
+      checkFailure: 'チェックに失敗しました、後で試してください',
+      updateAvailable: 'アップデートが利用可能です',
+      downloadingUpdate: 'アップデートのダウンロード',
+      updateDownloaded: 'アップデートのダウンロード',
+      restartToInstall: 'Antares を再起動してインストールしてください',
+      unableEditFieldWithoutPrimary: '主キーのないフィールドを結果セットで編集できない',
+      editCell: 'セルの編集',
+      deleteRows: '行の削除 | {count} 行の削除',
+      confirmToDeleteRows: '1つの行を削除することを確認しますか？ | {count} 行を削除することを確認しますか？',
+      notificationsTimeout: '通知のタイムアウト',
+      uploadFile: 'ファイルのアップロード',
+      addNewRow: '新しい行の追加',
+      numberOfInserts: 'インサート数',
+      openNewTab: '新しいタブを開く',
+      affectedRows: '影響を受ける行',
+      createNewDatabase: '新規データベースの作成',
+      databaseName: 'データベース名',
+      serverDefault: 'サーバーのデフォルト',
+      deleteDatabase: 'データベースの削除',
+      editDatabase: 'データベースの編集',
+      clearChanges: '変更の消去',
+      addNewField: '新しいフィールドの追加',
+      manageIndexes: 'インデックスの管理',
+      manageForeignKeys: '外部キーの管理',
+      allowNull: 'NULL を許可する',
+      zeroFill: 'ゼロフィル',
+      customValue: 'カスタム値',
+      onUpdate: '更新時',
+      deleteField: 'フィールドの削除',
+      createNewIndex: '新しいインデックスの作成',
+      addToIndex: 'インデックスへの追加',
+      createNewTable: '新しいテーブルの作成',
+      emptyTable: '空のテーブル',
+      deleteTable: 'テーブルの削除',
+      emptyCorfirm: '空にすることを確認しますか？',
+      unsavedChanges: '保存されていない変更',
+      discardUnsavedChanges: '保存されていない変更があります。このタブを閉じると、これらの変更は破棄されます。',
+      thereAreNoIndexes: 'インデックスがありません',
+      thereAreNoForeign: '外部キーがありません。',
+      createNewForeign: '新しい外部キーの作成',
+      referenceTable: '参照テーブル',
+      referenceField: '参照フィールド',
+      foreignFields: '外部フィールド',
+      invalidDefault: '無効なデフォルト',
+      onDelete: '削除時',
+      applicationTheme: 'アプリケーションテーマ',
+      editorTheme: 'エディターテーマ',
+      wrapLongLines: '長い行の折り返し',
+      selectStatement: '選択文',
+      triggerStatement: 'トリガー文',
+      sqlSecurity: 'SQL セキュリティ',
+      updateOption: '更新オプション',
+      deleteView: 'ビューの削除',
+      createNewView: '新規ビューの作成',
+      deleteTrigger: 'トリガーの削除',
+      createNewTrigger: '新しいトリガの作成',
+      currentUser: '現在のユーザー',
+      routineBody: 'ルーチン本体',
+      dataAccess: 'データアクセス',
+      thereAreNoParameters: 'パラメータはありません',
+      createNewParameter: '新しいパラメータの作成',
+      createNewRoutine: 'ストアド・ルーチンの新規作成',
+      deleteRoutine: 'ストアド・ルーチンの削除',
+      functionBody: '関数本体',
+      createNewFunction: '新しい関数の作成',
+      deleteFunction: '関数の削除',
+      schedulerBody: 'スケジューラ本体',
+      createNewScheduler: 'スケジューラの新規作成',
+      deleteScheduler: 'スケジューラの削除',
+      preserveOnCompletion: '完了時に保存する',
+      enableSsl: 'SSL 対応',
+      manualValue: 'マニュアル値',
+      tableFiller: 'テーブルフィラー',
+      fakeDataLanguage: 'フェイクデータの言語',
+      searchForElements: '要素の検索',
+      selectAll: 'すべてを選択する',
+      queryDuration: '問い合わせ期間',
+      includeBetaUpdates: 'ベータ版アップデートを含む',
+      setNull: 'NULL の設定',
+      processesList: 'プロセス一覧',
+      processInfo: 'プロセス情報',
+      manageUsers: 'ユーザーの管理',
+      createNewSchema: '新しいスキーマの作成',
+      schemaName: 'スキーマ名',
+      editSchema: 'スキーマの編集',
+      deleteSchema: 'スキーマの削除',
+      markdownSupported: 'マークダウン対応',
+      // plantATree: '木を植える',
+      dataTabPageSize: 'DATA タブのページサイズ',
+      enableSsh: 'SSH を有効にする',
+      pageNumber: 'ページ番号',
+      duplicateTable: 'テーブルを複製する',
+      noOpenTabs: '開いているタブがありません。左のバーでナビゲートするか',
+      noSchema: 'スキーマなし',
+      restorePreviourSession: '前のセッションに戻す',
+      runQuery: 'クエリの実行',
+      thereAreNoTableFields: 'テーブルのフィールドがありません',
+      newTable: '新しいテーブル',
+      newView: '新しいビュー',
+      newTrigger: '新しいトリガー',
+      newRoutine: '新しいルーチン',
+      newFunction: '新しい関数',
+      newScheduler: '新規スケジューラ',
+      newTriggerFunction: '新しいトリガー機能',
+      thereIsNoQueriesYet: 'まだ問い合わせはありません',
+      searchForQueries: 'クエリの検索',
+      killProcess: 'プロセスの停止'
+   },
+   faker: {
+      address: '住所',
+      commerce: 'コマース',
+      company: '会社名',
+      database: 'データベース',
+      date: '日付',
+      finance: 'ファイナンス',
+      // git: 'ギット',
+      hacker: 'ハッカー',
+      internet: 'インターネット',
+      // lorem: 'ローレム',
+      name: '名前',
+      music: '音楽',
+      phone: '電話',
+      random: 'ランダム',
+      system: 'システム',
+      time: '時間',
+      vehicle: '車',
+      zipCode: '郵便番号',
+      zipCodeByState: '都道府県別郵便番号',
+      city: '都市名',
+      cityPrefix: '市のプレフィックス',
+      citySuffix: '市の接尾辞',
+      streetName: '通りの名前',
+      streetAddress: 'ストリートアドレス',
+      streetSuffix: '通りの接尾辞',
+      streetPrefix: 'ストリートプレフィックス',
+      secondaryAddress: '副住所',
+      county: '郡',
+      country: '国名',
+      countryCode: '国コード',
+      state: '州',
+      stateAbbr: '州の略語',
+      latitude: '緯度',
+      longitude: '経度',
+      direction: '方向',
+      cardinalDirection: '枢機卿の方向',
+      ordinalDirection: '序列方向',
+      nearbyGPSCoordinate: '近くのGPS座標',
+      timeZone: 'タイムゾーン',
+      color: '色',
+      department: '部門',
+      productName: '商品名',
+      price: '価格',
+      productAdjective: '製品の形容詞',
+      productMaterial: '製品の素材',
+      product: '製品',
+      productDescription: '製品の説明',
+      suffixes: 'サフィックス',
+      companyName: '会社名',
+      companySuffix: '会社のサフィックス',
+      catchPhrase: 'キャッチフレーズ',
+      // bs: 'BS',
+      catchPhraseAdjective: 'キャッチフレーズ形容詞',
+      catchPhraseDescriptor: 'キャッチフレーズの説明文',
+      catchPhraseNoun: 'キャッチフレーズの名詞',
+      bsAdjective: 'BS 形容詞',
+      bsBuzz: 'BS の話題',
+      bsNoun: 'BS の名詞',
+      column: 'コラム',
+      type: 'タイプ',
+      collation: '照合',
+      engine: 'エンジン',
+      past: '過去',
+      future: '未来',
+      between: '間',
+      recent: '最近',
+      soon: 'すぐ',
+      month: '月',
+      weekday: '曜日',
+      account: 'アカウント',
+      accountName: '口座名',
+      routingNumber: 'ルーティング番号',
+      mask: 'マスク',
+      amount: '金額',
+      transactionType: '取引の種類',
+      currencyCode: '通貨コード',
+      currencyName: '通貨名',
+      currencySymbol: '通貨記号',
+      bitcoinAddress: 'Bitcoin アドレス',
+      litecoinAddress: 'ライトコインのアドレス',
+      creditCardNumber: 'クレジットカード番号',
+      creditCardCVV: 'クレジットカードの CVV',
+      ethereumAddress: 'イーサリアムのアドレス',
+      iban: 'アイバン',
+      bic: 'ビック',
+      transactionDescription: '取引内容',
+      branch: 'ブランチ',
+      commitEntry: 'コミットエントリ',
+      commitMessage: 'コミットメッセージ',
+      commitSha: 'コミット SHA',
+      shortSha: 'ショート SHA',
+      abbreviation: '省略形',
+      adjective: '形容詞',
+      noun: '名詞',
+      verb: '動詞',
+      ingverb: '動詞',
+      phrase: 'フレーズ',
+      avatar: 'アバター',
+      email: 'メール',
+      exampleEmail: 'メールの例',
+      userName: 'ユーザー名',
+      protocol: 'プロトコル',
+      url: 'URL',
+      domainName: 'ドメイン名',
+      domainSuffix: 'ドメインのサフィックス',
+      domainWord: 'ドメイン名',
+      ip: 'Ip',
+      ipv6: 'Ipv6',
+      userAgent: 'ユーザーエージェント',
+      // mac: 'Mac',
+      password: 'パスワード',
+      word: 'ワード',
+      words: '単語',
+      sentence: '文章',
+      slug: 'スラッグ',
+      sentences: 'センテンス',
+      paragraph: 'パラグラフ',
+      paragraphs: 'パラグラフ',
+      text: 'テキスト',
+      lines: '行',
+      genre: 'ジャンル',
+      firstName: 'ファーストネーム',
+      lastName: '苗字',
+      middleName: 'ミドルネーム',
+      findName: 'フルネーム',
+      jobTitle: '役職名',
+      gender: '性別',
+      prefix: 'プレフィックス',
+      suffix: 'サフィックス',
+      title: '役職名',
+      jobDescriptor: '職務記述書',
+      jobArea: '職務領域',
+      jobType: '仕事の種類',
+      phoneNumber: '電話番号',
+      phoneNumberFormat: '電話番号のフォーマット',
+      phoneFormats: '電話番号のフォーマット',
+      // number: '番号',
+      // float: 'フロート',
+      arrayElement: '配列要素',
+      arrayElements: '配列要素',
+      objectElement: 'オブジェクトの要素',
+      // uuid: 'Uuid',
+      // boolean: 'ブール',
+      image: '画像',
+      locale: 'ロケール',
+      alpha: '英字',
+      alphaNumeric: '英数字',
+      hexaDecimal: '16進法',
+      fileName: 'ファイル名',
+      commonFileName: '一般的なファイル名',
+      mimeType: 'Mimeタイプ',
+      commonFileType: '共通のファイルタイプ',
+      commonFileExt: '共通のファイル拡張子',
+      fileType: 'ファイルタイプ',
+      fileExt: 'ファイル拡張子',
+      directoryPath: 'ディレクトリパス',
+      filePath: 'ファイルパス',
+      // semver: 'セムバー',
+      manufacturer: 'メーカー名',
+      model: 'モデル',
+      fuel: '燃料'
+      // vin: 'Vin'
+   }
+};
--- a/src/renderer/i18n/supported-locales.js
+++ b/src/renderer/i18n/supported-locales.js
@@ -5,5 +5,7 @@ export default {
   'es-ES': 'Español',
   'fr-FR': 'Français',
   'pt-BR': 'Português (Brasil)',
-   'de-DE': 'Deutsch (Deutschland)'
+   'de-DE': 'Deutsch (Deutschland)',
+   'vi-VN': 'Tiếng Việt',
+   'ja-JP': '日本語'
 };
--- a/src/renderer/i18n/vi-VN.js
+++ b/src/renderer/i18n/vi-VN.js
@@ -0,0 +1,412 @@
+module.exports = {
+    word: {
+        edit: 'Chỉnh sửa',
+        save: 'Lưu',
+        close: 'Đóng',
+        delete: 'Xoá',
+        confirm: 'Xác nhận',
+        cancel: 'Huỷ',
+        send: 'Gửi',
+        connectionName: 'Tên kết nối',
+        client: 'Client',
+        hostName: 'Tên máy chủ',
+        port: 'Cổng',
+        user: 'Người dùng',
+        password: 'Mật khẩu',
+        credentials: 'Thông tin xác thực',
+        connect: 'Kết nối',
+        connected: 'Đã kết nối',
+        disconnect: 'Ngắt kết nối',
+        disconnected: 'Đã ngắt kết nối',
+        refresh: 'Làm mới',
+        settings: 'Cài đặt',
+        general: 'Chung',
+        themes: 'Giao diện',
+        update: 'Cập nhật',
+        about: 'Giới thiệu',
+        language: 'Ngôn ngữ',
+        version: 'Phiên bản',
+        donate: 'Ủng hộ',
+        run: 'Chạy',
+        schema: 'Schema',
+        results: 'Kết quả',
+        size: 'Kích thước',
+        seconds: 'Giây',
+        type: 'Kiểu',
+        mimeType: 'Mime-Type',
+        download: 'Tải xuống',
+        add: 'Thêm',
+        data: 'Dữ liệu',
+        properties: 'Thuộc tính',
+        insert: 'Nhập',
+        connecting: 'Đang kết nối',
+        name: 'Tên',
+        collation: 'Đối chiếu',
+        clear: 'Xoá',
+        options: 'Tuỳ chọn',
+        autoRefresh: 'Tự động làm mới',
+        indexes: 'Index',
+        foreignKeys: 'Khoá ngoại',
+        length: 'Độ dài',
+        unsigned: 'Unsigned',
+        default: 'Mặc định',
+        comment: 'Nhận xét',
+        key: 'Khoá | Khoá',
+        order: 'Sắp xếp',
+        expression: 'Biểu hiện',
+        autoIncrement: 'Tự động tăng',
+        engine: 'Engine',
+        field: 'Trường | Trường',
+        approximately: 'Khoảng',
+        total: 'Toàn bộ',
+        table: 'Bảng',
+        discard: 'Bỏ',
+        stay: 'Ở lại',
+        author: 'Tác giả',
+        light: 'Sáng',
+        dark: 'Tối',
+        autoCompletion: 'Tự động hoàn thành',
+        application: 'Ứng dụng',
+        editor: 'Người chỉnh sửa',
+        view: 'Xem',
+        definer: 'Định nghĩa',
+        algorithm: 'Thuật toán',
+        trigger: 'Kích hoạt | Kích hoạt',
+        storedRoutine: 'Quy trình đã lưu | Quy trình đã lưu',
+        scheduler: 'Lập lịch trình | Lập lịch trình',
+        event: 'Sự kiện',
+        parameters: 'Tham số',
+        function: 'Chức năng | Chức năng',
+        deterministic: 'Xác định',
+        context: 'Context',
+        export: 'Xuất',
+        returns: 'Returns',
+        timing: 'Thời gian',
+        state: 'Trạng thái',
+        execution: 'Thực thi',
+        starts: 'Bắt đầu',
+        ends: 'Kết thúc',
+        ssl: 'SSL',
+        privateKey: 'Mã khoá riêng tư',
+        certificate: 'Chứng chỉ',
+        caCertificate: 'Chứng chỉ CA',
+        ciphers: 'Ciphers',
+        upload: 'Tải lên',
+        browse: 'Duyệt',
+        faker: 'Faker',
+        content: 'Nội dung',
+        cut: 'Cắt',
+        copy: 'Sao chép',
+        paste: 'Dán',
+        tools: 'Công cụ',
+        variables: 'Biến',
+        processes: 'Quá trình',
+        database: 'Cơ sở dữ liệu',
+        scratchpad: 'Scratchpad',
+        array: 'Mảng',
+        changelog: 'Nhật ký thay đổi',
+        format: 'Định dạng',
+        sshTunnel: 'SSH tunnel',
+        structure: 'Structure',
+        small: 'Nhỏ',
+        medium: 'Vừa',
+        large: 'Lớn',
+        row: 'Hàng | Hàng',
+        cell: 'Ô | Ô',
+        triggerFunction: 'Trigger function | Trigger functions',
+        all: 'Tất cả',
+        duplicate: 'Bản sao',
+        routine: 'Routine',
+        new: 'Mới',
+        history: 'Lịch sử',
+        select: 'Chọn'
+    },
+    message: {
+        appWelcome: 'Chào bạn đến với Antares SQL Client!',
+        appFirstStep: 'Bước đầu tiên: tạo một kết nối tới cơ sở dữ liệu.',
+        addConnection: 'Thêm kết nối',
+        createConnection: 'Tạo kết nối',
+        createNewConnection: 'Tạo kết nối mới',
+        askCredentials: 'Yêu cầu thông tin đăng nhập',
+        testConnection: 'Chạy thử kết nối',
+        editConnection: 'Sửa kết nối',
+        deleteConnection: 'Xoá kết nối',
+        deleteCorfirm: 'Bạn có xác nhận việc hủy bỏ',
+        connectionSuccessfullyMade: 'Kết nối được thực hiện thành công!',
+        madeWithJS: 'Được tạo bằng 💛 và JavaScript!',
+        checkForUpdates: 'Kiểm tra cập nhật',
+        noUpdatesAvailable: 'Không có bản cập nhật nào',
+        checkingForUpdate: 'Đang kiểm tra cập nhật',
+        checkFailure: 'Kiểm tra thất bại, vui lòng thử lại sau',
+        updateAvailable: 'Cập nhật có sẵn',
+        downloadingUpdate: 'Đang tải bản cập nhật',
+        updateDownloaded: 'Đã tải bản cập nhạt',
+        restartToInstall: 'Khởi động lại Antares để cài đặt',
+        unableEditFieldWithoutPrimary: 'Không thể chỉnh sửa trường mà không có khóa chính trong kết quả',
+        editCell: 'Sửa ô',
+        deleteRows: 'Xoá hàng | Xoá {count} hàng',
+        confirmToDeleteRows: 'Bạn có xác nhận xóa một hàng không? | Bạn có xác nhận xóa {count} hàng không?',
+        notificationsTimeout: 'Thông báo hết giờ',
+        uploadFile: 'Tải lên tệp',
+        addNewRow: 'Thêm hàng mới',
+        numberOfInserts: 'Số lần nhập',
+        openNewTab: 'Mở trong tab mới',
+        affectedRows: 'Các hàng bị ảnh hưởng',
+        createNewDatabase: 'Tạo Cơ sở dữ liệu mới',
+        databaseName: 'Tên cơ sở dữ liệu',
+        serverDefault: 'Máy chủ mặc định',
+        deleteDatabase: 'Xoá cơ sở dữ liệu',
+        editDatabase: 'Sửa cơ sở dữ liệu',
+        clearChanges: 'Xóa các thay đổi',
+        addNewField: 'Thêm trường mới',
+        manageIndexes: 'Quản lý index',
+        manageForeignKeys: 'Quản lý khoá ngoại',
+        allowNull: 'Cho phép NULL',
+        zeroFill: 'Không điền',
+        customValue: 'Tuỳ chỉnh giá trị',
+        onUpdate: 'Đang cập nhật',
+        deleteField: 'Xoá trường',
+        createNewIndex: 'Tạo index mới',
+        addToIndex: 'Thêm vào index',
+        createNewTable: 'Tạo bảng mới',
+        emptyTable: 'Bảng trống',
+        deleteTable: 'Xoá bảng',
+        emptyCorfirm: 'Bạn có xác nhận để làm trống không',
+        unsavedChanges: 'Chưa lưu lại thay đổi',
+        discardUnsavedChanges: 'Bạn có một số thay đổi chưa được lưu. Đóng tab này, những thay đổi này sẽ bị huỷ bỏ.',
+        thereAreNoIndexes: 'Không có index',
+        thereAreNoForeign: 'Không có khoá ngoại',
+        createNewForeign: 'Tạo khoá ngoại mới',
+        referenceTable: 'Tham khảo bảng',
+        referenceField: 'Tham khảo trường',
+        foreignFields: 'Trường ngoại',
+        invalidDefault: 'Mặc định không hợp lệ',
+        onDelete: 'Đang xoá',
+        applicationTheme: 'Chủ đề ứng dụng',
+        editorTheme: 'Trình chỉnh sửa chủ đề',
+        wrapLongLines: 'Wrap long lines',
+        selectStatement: 'Chọn câu lệnh',
+        triggerStatement: 'Kích hoạt câu lệnh',
+        sqlSecurity: 'Bảo mật SQL',
+        updateOption: 'Cập nhật tuỳ chọn',
+        deleteView: 'Xóa chế độ xem',
+        createNewView: 'Tạo chế độ xem mới',
+        deleteTrigger: 'Xóa trình kích hoạt',
+        createNewTrigger: 'Tạo trình kích hoạt mới',
+        currentUser: 'Người dùng hiện tại',
+        routineBody: 'Body quy trình',
+        dataAccess: 'Truy cập dữ liệu',
+        thereAreNoParameters: 'Không có tham số',
+        createNewParameter: 'Tạo tham số mới',
+        createNewRoutine: 'Tạo quy trình lưu trữ mới',
+        deleteRoutine: 'Xoá quy trình lưu trữ',
+        functionBody: 'Body chức năng',
+        createNewFunction: 'Tạo chức năng mới',
+        deleteFunction: 'Xoá chức năng',
+        schedulerBody: 'Body trình lập lịch',
+        createNewScheduler: 'Tạo lịch trình mới',
+        deleteScheduler: 'Xóa trình lên lịch',
+        preserveOnCompletion: 'Bảo tồn khi hoàn thành',
+        enableSsl: 'Bật SSL',
+        manualValue: 'Giá trị thủ công',
+        tableFiller: 'Bộ lọc bảng',
+        fakeDataLanguage: 'Ngôn ngữ dữ liệu giả mạo',
+        searchForElements: 'Tìm kiếm yếu tố',
+        selectAll: 'Chọn tất cả',
+        queryDuration: 'Thời lượng truy vấn',
+        includeBetaUpdates: 'Bao gồm các bản cập nhật beta',
+        setNull: 'Đặt NULL',
+        processesList: 'Danh sách quy trình',
+        processInfo: 'Thông tin quá trình',
+        manageUsers: 'Quản lý người dùng',
+        createNewSchema: 'Tạo schema mới',
+        schemaName: 'Tên schema',
+        editSchema: 'Sửa schema',
+        deleteSchema: 'Xoá schema',
+        markdownSupported: 'Hỗ trợ Markdown',
+        plantATree: 'Trồng cây',
+        dataTabPageSize: 'Kích thước trang tab DATA',
+        enableSsh: 'Bật SSH',
+        pageNumber: 'Số trang',
+        duplicateTable: 'Sao chép bản',
+        noOpenTabs: 'Không có tab nào đang mở, điều hướng trên thanh bên trái hoặc:',
+        noSchema: 'Không có schema',
+        restorePreviourSession: 'Khôi phục phiên trước',
+        runQuery: 'Chạy truy vấn',
+        thereAreNoTableFields: 'Không có trường bảng',
+        newTable: 'Bảng mới',
+        newView: 'Chế độ xem mới',
+        newTrigger: 'Trình kích hoạt mới',
+        newRoutine: 'Quy trình mới',
+        newFunction: 'Chức năng mới',
+        newScheduler: 'Bộ lập lịch mới',
+        newTriggerFunction: 'Chức năng kích hoạt mới',
+        thereIsNoQueriesYet: 'Không có truy vấn nào',
+        searchForQueries: 'Tìm kiếm truy vấn',
+        killProcess: 'Huỷ quá trình'
+    },
+    faker: {
+        address: 'Địa chỉ',
+        commerce: 'Thương mại',
+        company: 'Công ty',
+        database: 'Cơ sở dữ liệu',
+        date: 'Ngày',
+        finance: 'Tài chánh',
+        git: 'Git',
+        hacker: 'Tin tặc',
+        internet: 'Mạng Internet',
+        lorem: 'Lorem',
+        name: 'Tên',
+        music: 'Âm nhạc',
+        phone: 'Số điện thoại',
+        random: 'Ngẫu nhiên',
+        system: 'Hệ thống',
+        time: 'Thời gian',
+        vehicle: 'Phương tiện giao thông',
+        zipCode: 'Mã Bưu Chính',
+        zipCodeByState: 'Mã Bưu Chính theo tiểu bang',
+        city: 'Thành phố',
+        cityPrefix: 'Tiền tố thành phố',
+        citySuffix: 'Hậu tố thành phố',
+        streetName: 'Tên đường',
+        streetAddress: 'Địa chỉ đường',
+        streetSuffix: 'Hậu tố đường',
+        streetPrefix: 'Tiền tố đường',
+        secondaryAddress: 'Địa chỉ phụ',
+        county: 'Quận',
+        country: 'Quốc gia',
+        countryCode: 'Mã quốc gia',
+        state: 'Tiểu bang',
+        stateAbbr: 'Viết tắt của tiểu bang',
+        latitude: 'Vĩ độ',
+        longitude: 'Kinh độ',
+        direction: 'Hướng',
+        cardinalDirection: 'Hướng cốt yếu',
+        ordinalDirection: 'Hướng thứ tự',
+        nearbyGPSCoordinate: 'Tọa độ GPS lân cận',
+        timeZone: 'Múi giờ',
+        color: 'Màu',
+        department: 'Phòng',
+        productName: 'Tên sản phẩm',
+        price: 'Giá',
+        productAdjective: 'Tính từ sản phẩm',
+        productMaterial: 'Chất liệu sản phẩm',
+        product: 'Sản phẩm',
+        productDescription: 'Mô tả sản phẩm',
+        suffixes: 'Hậu tố',
+        companyName: 'Tên công ty',
+        companySuffix: 'Hậu tố công ty',
+        catchPhrase: 'Khẩu hiệu',
+        bs: 'BS',
+        catchPhraseAdjective: 'Bắt cụm từ tính từ',
+        catchPhraseDescriptor: 'Bắt bộ mô tả cụm từ',
+        catchPhraseNoun: 'Bắt cụm từ danh từ',
+        bsAdjective: 'BS tính từ',
+        bsBuzz: 'BS buzz',
+        bsNoun: 'BS danh từ',
+        column: 'Cột',
+        type: 'Loại',
+        collation: 'Đối chiếu',
+        engine: 'Engine',
+        past: 'Quá khứ',
+        future: 'Tương lai',
+        between: 'Giữa',
+        recent: 'Gần đây',
+        soon: 'Sớm',
+        month: 'Tháng',
+        weekday: 'Ngày trong tuần',
+        account: 'Tài khoản',
+        accountName: 'Tên tài khoản',
+        routingNumber: 'Số định tuyến',
+        mask: 'Mặt nạ',
+        amount: 'Số tiền',
+        transactionType: 'Loại giao dịch',
+        currencyCode: 'Mã tiền tệ',
+        currencyName: 'Tên tiền tệ',
+        currencySymbol: 'Ký hiệu tiền tệ',
+        bitcoinAddress: 'Địa chỉ Bitcoin',
+        litecoinAddress: 'Địa chỉ Litecoin',
+        creditCardNumber: 'Số thẻ tín dụng',
+        creditCardCVV: 'CVV thẻ tín dụng',
+        ethereumAddress: 'Địa chỉ Ethereum',
+        iban: 'Iban',
+        bic: 'Bic',
+        transactionDescription: 'Mô tả giao dịch',
+        branch: 'Nhánh',
+        commitEntry: 'Nhập cam kết',
+        commitMessage: 'Thông báo cam kết',
+        commitSha: 'Cam kết SHA',
+        shortSha: 'SHA ngắn',
+        abbreviation: 'Viết tắt',
+        adjective: 'Tính từ',
+        noun: 'Danh từ',
+        verb: 'Động từ',
+        ingverb: 'Động từ ing',
+        phrase: 'Cụm từ',
+        avatar: 'Ảnh đại diện',
+        email: 'Email',
+        exampleEmail: 'Email ví dụ',
+        userName: 'Tên người dùng',
+        protocol: 'Giao thức',
+        url: 'Url',
+        domainName: 'Tên miền',
+        domainSuffix: 'Hậu tố miền',
+        domainWord: 'Từ miền',
+        ip: 'Ip',
+        ipv6: 'Ipv6',
+        userAgent: 'User agent',
+        mac: 'Mac',
+        password: 'Mật khẩu',
+        word: 'Từ',
+        words: 'Từ',
+        sentence: 'Câu',
+        slug: 'Slug',
+        sentences: 'Câu',
+        paragraph: 'Đoạn văn',
+        paragraphs: 'Đoạn văn',
+        text: 'Văn bản',
+        lines: 'Dòng',
+        genre: 'Thể loại',
+        firstName: 'Tên',
+        lastName: 'Họ',
+        middleName: 'Tên đệm',
+        findName: 'Tên đầy đủ',
+        jobTitle: 'Chức vụ',
+        gender: 'Giới tính',
+        prefix: 'Tiền tố',
+        suffix: 'Hậu tố',
+        title: 'Tiêu đề',
+        jobDescriptor: 'Mô tả công việc',
+        jobArea: 'Lĩnh vực việc làm',
+        jobType: 'Loại công việc',
+        phoneNumber: 'Số điện thoại',
+        phoneNumberFormat: 'Định dạng số điện thoại',
+        phoneFormats: 'Định dạng điện thoại',
+        number: 'Số',
+        float: 'Float',
+        arrayElement: 'Phân tử array',
+        arrayElements: 'Phân tử array',
+        objectElement: 'Phần tử object',
+        uuid: 'Uuid',
+        boolean: 'Boolean',
+        image: 'Hình ảnh',
+        locale: 'Ngôn ngữ',
+        alpha: 'Alpha',
+        alphaNumeric: 'Chữ và số',
+        hexaDecimal: 'Hệ thập lục phân',
+        fileName: 'File name',
+        commonFileName: 'Tên tệp chung',
+        mimeType: 'Kiểu mine',
+        commonFileType: 'Loại tệp chung',
+        commonFileExt: 'Phần mở rộng tệp chung',
+        fileType: 'Loại tệp',
+        fileExt: 'Phần mở rộng tệp',
+        directoryPath: 'Đường dẫn thư mục',
+        filePath: 'Đường dẫn tệp',
+        semver: 'Semver',
+        manufacturer: 'Manufacturer',
+        model: 'Model',
+        fuel: 'Fuel',
+        vin: 'Vin'
+    }
+};
--- a/src/renderer/ipc-api/Schema.js
+++ b/src/renderer/ipc-api/Schema.js
@@ -42,6 +42,10 @@ export default class {
      return ipcRenderer.invoke('get-processes', uid);
   }

+   static killProcess (params) {
+      return ipcRenderer.invoke('kill-process', params);
+   }
+
   static useSchema (params) {
      return ipcRenderer.invoke('use-schema', params);
   }
--- a/src/renderer/scss/themes/dark-theme.scss
+++ b/src/renderer/scss/themes/dark-theme.scss
@@ -283,6 +283,12 @@
  }

  .tile {
+    transition: background 0.2s;
+
+    &:focus {
+      background: rgba($bg-color-light-dark, 60%);
+    }
+
    &:hover {
      background: $bg-color-light-dark;
    }
--- a/src/renderer/scss/themes/light-theme.scss
+++ b/src/renderer/scss/themes/light-theme.scss
@@ -79,6 +79,12 @@
  }

  .tile {
+    transition: background 0.2s;
+
+    &:focus {
+      background: rgba($bg-color-light-gray, 70%);
+    }
+
    &:hover {
      background: $bg-color-light-gray;
    }
--- a/src/renderer/store/index.js
+++ b/src/renderer/store/index.js
@@ -5,12 +5,14 @@ import Vuex from 'vuex';

 import application from './modules/application.store';
 import settings from './modules/settings.store';
+import history from './modules/history.store';
 import scratchpad from './modules/scratchpad.store';
 import connections from './modules/connections.store';
 import workspaces from './modules/workspaces.store';
 import notifications from './modules/notifications.store';

 import ipcUpdates from './plugins/ipcUpdates';
+import ipcExceptions from './plugins/ipcExceptions';

 Vue.use(Vuex);

@@ -19,12 +21,14 @@ export default new Vuex.Store({
   modules: {
      application,
      settings,
+      history,
      scratchpad,
      connections,
      workspaces,
      notifications
   },
   plugins: [
-      ipcUpdates
+      ipcUpdates,
+      ipcExceptions
   ]
 });
--- a/src/renderer/store/modules/history.store.js
+++ b/src/renderer/store/modules/history.store.js
@@ -0,0 +1,54 @@
+'use strict';
+import Store from 'electron-store';
+import { uidGen } from 'common/libs/uidGen';
+const persistentStore = new Store({ name: 'history' });
+const historySize = 1000;
+
+export default {
+   namespaced: true,
+   strict: true,
+   state: {
+      history: persistentStore.get('history', {}),
+      favorites: persistentStore.get('favorites', {})
+   },
+   getters: {
+      getHistoryByWorkspace: state => uid => state.history[uid]
+   },
+   mutations: {
+      SET_HISTORY (state, args) {
+         if (!(args.uid in state.history))
+            state.history[args.uid] = [];
+
+         state.history[args.uid] = [
+            {
+               uid: uidGen('H'),
+               sql: args.query,
+               date: new Date(),
+               schema: args.schema
+            },
+            ...state.history[args.uid]
+         ];
+
+         if (state.history[args.uid].length > historySize)
+            state.history[args.uid] = state.history[args.uid].slice(0, historySize);
+
+         persistentStore.set('history', state.history);
+      },
+      DELETE_QUERY_FROM_HISTORY (state, query) {
+         state.history[query.workspace] = state.history[query.workspace].filter(q => q.uid !== query.uid);
+         persistentStore.set('history', state.history);
+      }
+   },
+   actions: {
+      saveHistory ({ commit, getters }, args) {
+         if (getters.getHistoryByWorkspace(args.uid) &&
+            getters.getHistoryByWorkspace(args.uid).length &&
+            getters.getHistoryByWorkspace(args.uid)[0].sql === args.query
+         ) return;
+         commit('SET_HISTORY', args);
+      },
+      deleteQueryFromHistory ({ commit }, query) {
+         commit('DELETE_QUERY_FROM_HISTORY', query);
+      }
+   }
+};
--- a/src/renderer/store/modules/settings.store.js
+++ b/src/renderer/store/modules/settings.store.js
@@ -2,6 +2,9 @@
 import i18n from '@/i18n';
 import Store from 'electron-store';
 const persistentStore = new Store({ name: 'settings' });
+const isDarkTheme = window.matchMedia('(prefers-color-scheme: dark)');
+const defaultAppTheme = isDarkTheme.matches ? 'dark' : 'light';
+const defaultEditorTheme = isDarkTheme.matches ? 'twilight' : 'sqlserver';

 export default {
   namespaced: true,
@@ -14,8 +17,8 @@ export default {
      data_tab_limit: persistentStore.get('data_tab_limit', 1000),
      auto_complete: persistentStore.get('auto_complete', true),
      line_wrap: persistentStore.get('line_wrap', true),
-      application_theme: persistentStore.get('application_theme', 'dark'),
-      editor_theme: persistentStore.get('editor_theme', 'twilight'),
+      application_theme: persistentStore.get('application_theme', defaultAppTheme),
+      editor_theme: persistentStore.get('editor_theme', defaultEditorTheme),
      editor_font_size: persistentStore.get('editor_font_size', 'medium'),
      restore_tabs: persistentStore.get('restore_tabs', true)
   },
--- a/src/renderer/store/plugins/ipcExceptions.js
+++ b/src/renderer/store/plugins/ipcExceptions.js
@@ -0,0 +1,7 @@
+import { ipcRenderer } from 'electron';
+
+export default store => {
+   ipcRenderer.on('unhandled-exception', (event, error) => {
+      store.dispatch('notifications/addNotification', { status: 'error', message: error.message });
+   });
+};
Author	SHA1	Message	Date
Fabio Di Stasio	c8594c0549	chore(release): 0.3.7	2021-10-08 09:13:23 +02:00
Fabio Di Stasio	7359c3b5bd	Merge pull request #107 from Fabio286/dependabot/npm_and_yarn/ssh2-promise-1.0.2 build(deps): bump ssh2-promise from 0.2.0 to 1.0.2	2021-10-07 15:27:40 +02:00
Fabio Di Stasio	4195b8416f	Create CONTRIBUTING.md	2021-10-07 15:15:12 +02:00
Fabio Di Stasio	9407a29922	feat: support to SSH private keys with passphrase, closes #118	2021-10-07 14:58:31 +02:00
Fabio Di Stasio	2fcd080bd4	fix(PostgreSQL): issue with uppercase characters in table and field names, closes #116	2021-10-06 12:08:37 +02:00
Fabio Di Stasio	26446fb7ed	fix: closing ask credential modal during a connection doesn't stops loading, closes #114	2021-10-05 18:20:38 +02:00
Fabio Di Stasio	2480c76a08	chore: update README.md	2021-10-05 10:53:45 +02:00
Fabio Di Stasio	1f0ec57789	Merge pull request #115 from IsamuSugi/Japanese-translation Add new language: Japanese	2021-10-05 10:49:47 +02:00
isamu	76e5849c78	Add new language: Japanese	2021-10-05 17:22:07 +09:00
Fabio Di Stasio	db1641b74f	fix(UI): window reload pressing enter in schema creation modal, closes #113	2021-10-05 09:16:45 +02:00
Fabio Di Stasio	165c54f663	Merge pull request #111 from datlechin/master Add new language: Tiếng Việt	2021-10-05 09:04:19 +02:00
Ngo Quoc Dat	a5ca3ea204	Add new language: Tiếng Việt	2021-10-04 18:30:44 +07:00
dependabot[bot]	add95292ad	build(deps): bump ssh2-promise from 0.2.0 to 1.0.2 Bumps [ssh2-promise](https://github.com/sanketbajoria/ssh2-promise) from 0.2.0 to 1.0.2. - [Release notes](https://github.com/sanketbajoria/ssh2-promise/releases) - [Commits](https://github.com/sanketbajoria/ssh2-promise/commits) --- updated-dependencies: - dependency-name: ssh2-promise dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2021-10-01 13:52:48 +00:00
Fabio Di Stasio	7a63608f54	feat(UI): auto detect system theme as default app theme	2021-10-01 15:48:02 +02:00
Fabio Di Stasio	7ea7b369ab	chore: update dependencies	2021-10-01 15:33:10 +02:00
Fabio Di Stasio	258fffa958	chore: update README.md	2021-09-30 09:05:40 +02:00
Fabio Di Stasio	0849c5131f	Merge pull request #106 from Fabio286/dependabot/npm_and_yarn/electron-15.0.0 build(deps-dev): bump electron from 14.0.1 to 15.0.0	2021-09-28 09:19:16 +02:00
dependabot[bot]	cce59d0ca8	build(deps-dev): bump electron from 14.0.1 to 15.0.0 Bumps [electron](https://github.com/electron/electron) from 14.0.1 to 15.0.0. - [Release notes](https://github.com/electron/electron/releases) - [Changelog](https://github.com/electron/electron/blob/main/docs/breaking-changes.md) - [Commits](https://github.com/electron/electron/compare/v14.0.1...v15.0.0) --- updated-dependencies: - dependency-name: electron dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2021-09-27 19:06:30 +00:00
Fabio Di Stasio	94a53fec6c	chore(release): 0.3.6	2021-09-26 11:39:19 +02:00
Fabio Di Stasio	13aa47cd44	feat: processes list exportation	2021-09-26 11:36:42 +02:00
Fabio Di Stasio	85f625daf7	feat: copy cell/row or kill connections on context menu from processes list	2021-09-26 11:19:48 +02:00
Fabio Di Stasio	7de3bb9346	refactor(core): compatibility with electron/remote 2.x	2021-09-21 11:16:07 +02:00
Fabio Di Stasio	e43a0ba0b4	Merge pull request #102 from Fabio286/dependabot/npm_and_yarn/electron/remote-2.0.1 build(deps): bump @electron/remote from 1.2.2 to 2.0.1	2021-09-21 10:03:35 +02:00
dependabot[bot]	638cd4bfb7	build(deps): bump @electron/remote from 1.2.2 to 2.0.1 Bumps [@electron/remote](https://github.com/electron/remote) from 1.2.2 to 2.0.1. - [Release notes](https://github.com/electron/remote/releases) - [Changelog](https://github.com/electron/remote/blob/main/.releaserc.json) - [Commits](https://github.com/electron/remote/compare/v1.2.2...v2.0.1) --- updated-dependencies: - dependency-name: "@electron/remote" dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2021-09-20 19:06:45 +00:00
Fabio Di Stasio	3959333662	feat: workspace query history	2021-09-17 18:32:28 +02:00
Fabio Di Stasio	abd46aa322	perf(core): better communication of internal exceptions	2021-09-15 15:31:57 +02:00
Fabio Di Stasio	d4888ad8fb	fix: adding a connection default values not change when switching clients, closes #101	2021-09-15 11:08:00 +02:00
Fabio Di Stasio	6bfc229b77	chore(release): 0.3.5	2021-09-13 15:03:02 +02:00
Fabio Di Stasio	d31b051f4b	chore: update dependencies	2021-09-13 15:02:28 +02:00
Fabio Di Stasio	95b60df8fc	fix(MySQL): connections stuck at startup if 5 or more tabs are restored	2021-09-13 10:03:27 +02:00