chore(release): 0.7.8

Supplement the key-value pair and translate its value.

.all-contributorsrc

@@ -174,6 +174,34 @@
       "contributions": [
         "translation"
       ]
+    },
+    {
+      "login": "brdtheo",
+      "name": "Théo Billardey",
+      "avatar_url": "https://avatars.githubusercontent.com/u/48206778?v=4",
+      "profile": "https://codepen.io/theo-billardey",
+      "contributions": [
+        "translation"
+      ]
+    },
+    {
+      "login": "dyaskur",
+      "name": "Muhammad Dyas Yaskur",
+      "avatar_url": "https://avatars.githubusercontent.com/u/9539970?v=4",
+      "profile": "http://yaskur.net",
+      "contributions": [
+        "translation",
+        "code"
+      ]
+    },
+    {
+      "login": "jimcat8",
+      "name": "tianci li",
+      "avatar_url": "https://avatars.githubusercontent.com/u/86754294?v=4",
+      "profile": "https://github.com/jimcat8",
+      "contributions": [
+        "translation"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.github/workflows/build.yml

@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        os: [macos-latest, ubuntu-latest, windows-latest]
+        os: [macos-11, ubuntu-20.04, windows-latest]
 
     steps:
       - name: Check out Git repository

.github/workflows/create-artifact-linux.yml

@@ -5,7 +5,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Check out Git repository
         uses: actions/checkout@v3
@@ -14,11 +14,12 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 16
-
+      
-      - name: npm install & build
+      - name: Install dependencies
-        run: |
+        run: npm i
-          npm install
+        
-          npm run build
+      - name: "Build"
+        run: npm run build
 
       - name: Upload Artifact
         uses: actions/upload-artifact@v3

.github/workflows/test-e2e-win.yml

@@ -1,4 +1,4 @@
-name: Test end-to-end [LINUX]
+name: Test end-to-end [WINDOWS]
 
 on: push
 
@@ -8,7 +8,7 @@ jobs:
 
     strategy:
       matrix:
-        os: [ubuntu-latest]
+        os: [windows-latest]
 
     steps:
       - name: Check out Git repository

CHANGELOG.md

@@ -2,6 +2,129 @@
 
 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.7.8](https://github.com/antares-sql/antares/compare/v0.7.7...v0.7.8) (2023-04-12)
+
+
+### Features
+
+* filter schemas in sidebar, closes [#555](https://github.com/antares-sql/antares/issues/555) ([8be9f93](https://github.com/antares-sql/antares/commit/8be9f932e7a44b2067d8b57950d8faafc577123f))
+* **MySQL:** option to export from results SQL INSERTS in chunks, closes [#501](https://github.com/antares-sql/antares/issues/501) ([0f24c80](https://github.com/antares-sql/antares/commit/0f24c80e5a2dc45875df6b67d3c097cf1cca458e))
+
+
+### Bug Fixes
+
+* **MySQL:** missing scale for FLOAT type ([52108d7](https://github.com/antares-sql/antares/commit/52108d76133d5fdffb56faa995d7ab7ee3e7c4bc))
+* triggers not exported if related table not included ([d802b32](https://github.com/antares-sql/antares/commit/d802b32597e42ee90a2d691fe74245b3bc2517ee))
+* unable to export BLOB values from table content o query result ([afa61a9](https://github.com/antares-sql/antares/commit/afa61a9bc2d698894096a6b5413c49f05b2fd5aa))
+
+### [0.7.7](https://github.com/antares-sql/antares/compare/v0.7.6...v0.7.7) (2023-03-10)
+
+
+### Bug Fixes
+
+* hide table size tooltip if disabled ([2c46269](https://github.com/antares-sql/antares/commit/2c46269cf262248d3f5644b7c5b89d5d317a89a4))
+* **Linux:** remove app menu shown pressing ALT key ([63fece2](https://github.com/antares-sql/antares/commit/63fece2a1b6b09f61ae416f7c3a7b51ee0a53d0e))
+* **Linux:** remove app menu shown pressing ALT key ([b925ff9](https://github.com/antares-sql/antares/commit/b925ff9c01afcc727e5d70bafb079d468ed1eede))
+* **MySQL:** missing table information in table setting tab ([59846e6](https://github.com/antares-sql/antares/commit/59846e6ff47591ec8dc22403c3be0e70e0f3ccfd))
+* unable to set string fields default values starting with 0 ([3546c57](https://github.com/antares-sql/antares/commit/3546c57e398be7b2e226bb8e93e8fc0fb8bab40a))
+
+### [0.7.6](https://github.com/antares-sql/antares/compare/v0.7.5...v0.7.6) (2023-02-27)
+
+
+### Bug Fixes
+
+* error with import/export tools, fixes [#541](https://github.com/antares-sql/antares/issues/541) ([d1297a0](https://github.com/antares-sql/antares/commit/d1297a0085fd54967817816efaeed5770a887bbf))
+
+### [0.7.5](https://github.com/antares-sql/antares/compare/v0.7.4...v0.7.5) (2023-02-26)
+
+
+### Features
+
+* **MySQL:** option, disabled by default, to enable table size indicators on sidebar ([313e740](https://github.com/antares-sql/antares/commit/313e7407eb1afe5d19ac49ee4b308950b48cafa8))
+
+
+### Bug Fixes
+
+* **MariaDB:** exception with event_scheduler DISABLED with MariaDB 10, fixes [#535](https://github.com/antares-sql/antares/issues/535) ([4458177](https://github.com/antares-sql/antares/commit/445817768863616ea7340c8bf62472197b73bd6e))
+* single quotes not properly escaped for random generated content ([629ce63](https://github.com/antares-sql/antares/commit/629ce633294c862266db9e27ffa5c154e8fc416c))
+* unable to import after a failed import, fixes [#515](https://github.com/antares-sql/antares/issues/515) ([b1fbc43](https://github.com/antares-sql/antares/commit/b1fbc43ab2f39827cb85ac7d21ac889ffc2f4c64))
+
+### [0.7.4](https://github.com/antares-sql/antares/compare/v0.7.3...v0.7.4) (2023-02-10)
+
+
+### Bug Fixes
+
+* tables sort in sidebar ([ddb7ead](https://github.com/antares-sql/antares/commit/ddb7ead0832708713ba4bb2717661b8b93a47e3f))
+
+### [0.7.3](https://github.com/antares-sql/antares/compare/v0.7.2...v0.7.3) (2023-02-09)
+
+
+### Features
+
+* **SQLite:** added support to INTEGER UNSIGNED ([e7e4913](https://github.com/antares-sql/antares/commit/e7e491340a037b64d6d8e538376415779d54332e))
+
+
+### Bug Fixes
+
+* longtext edit modal opens when it shouldn't, fixes [#524](https://github.com/antares-sql/antares/issues/524) ([6decba3](https://github.com/antares-sql/antares/commit/6decba316ca46106520cb4dba44409ceb4a4af75))
+* select of table type stuck when editing an unknown type ([e8447e5](https://github.com/antares-sql/antares/commit/e8447e56551871a200517bdaa747ae215ad83cf4))
+* **SQLite:** error with integer timestamp fields ([2b5e1e7](https://github.com/antares-sql/antares/commit/2b5e1e7b39c25f536b6139a4d01b9f7f17069ea8))
+* **SQLite:** triggers disappear after editing related table, fixes [#523](https://github.com/antares-sql/antares/issues/523) ([d934ae1](https://github.com/antares-sql/antares/commit/d934ae1e6c0747698b4973d9cad217379076a6cf))
+
+### [0.7.2](https://github.com/antares-sql/antares/compare/v0.7.1...v0.7.2) (2023-01-22)
+
+
+### Features
+
+* add copy shortcut and default copy type setting ([9aca894](https://github.com/antares-sql/antares/commit/9aca89477f1fd7b7f55f1e5c290d495c46f61d8e))
+* connection info icons in footer ([ff4bc6c](https://github.com/antares-sql/antares/commit/ff4bc6c39b05a827cebde84466814cf246908208))
+
+
+### Bug Fixes
+
+* allow comments in queies, fixes [#519](https://github.com/antares-sql/antares/issues/519) ([c7ab3b7](https://github.com/antares-sql/antares/commit/c7ab3b77a22e85cee6fb93064eaad5a8e8ad9fd2))
+* **SQLite:** exception saving tables without INT fields length ([0e80e82](https://github.com/antares-sql/antares/commit/0e80e823d059dfe24995b5848d88cc84235e6275))
+* ssh connection closed after idle time, fixes [#425](https://github.com/antares-sql/antares/issues/425) ([6fa430a](https://github.com/antares-sql/antares/commit/6fa430adf68013a9d0a093031f56dd741bdc0299))
+
+### [0.7.1](https://github.com/antares-sql/antares/compare/v0.7.0...v0.7.1) (2022-12-23)
+
+
+### Features
+
+* Copy rows as html table, so we can paste it to spreadsheet ([c32f463](https://github.com/antares-sql/antares/commit/c32f463ea5ac3f54cba32929f77442f1e0ba934a))
+* option to disable selected query execution, closes [#477](https://github.com/antares-sql/antares/issues/477) ([1bd26ce](https://github.com/antares-sql/antares/commit/1bd26ceaa68fe66f26c76b3b60fa6eeccea91729))
+
+
+### Bug Fixes
+
+*  bahasa indonesia typos ([897795d](https://github.com/antares-sql/antares/commit/897795ddbb4ade2652b0471f18288b8b3aaf0eb9))
+* connection default icon not change after client change ([a6bdf69](https://github.com/antares-sql/antares/commit/a6bdf69a281c8614c41274b6dc2f3563aa89c57e))
+* context submenu outside view when near the edge, fixes [#506](https://github.com/antares-sql/antares/issues/506) ([c08946e](https://github.com/antares-sql/antares/commit/c08946e932884e5f0253df2545f98315ab7e5219))
+* **i18n:** add missing keys for french translation ([fd129a2](https://github.com/antares-sql/antares/commit/fd129a2ad1c3401372c9172b38f4406254d134df))
+* **MySQL:** not every connection gets read-only option ([843c15e](https://github.com/antares-sql/antares/commit/843c15e428c4a0412f19a93ab05d2fcbb60da09b))
+* **UI:** white background dragging connections inside folder on Linux ([dd971d7](https://github.com/antares-sql/antares/commit/dd971d70e04faf0d5b239586b12e4a9a42407433))
+* white background dragging connections or tabs on Linux, fixes [#486](https://github.com/antares-sql/antares/issues/486) ([669d7e8](https://github.com/antares-sql/antares/commit/669d7e8d4d062ed5bdafe1d5cde8ec51a2f68b26))
+
+## [0.7.0](https://github.com/antares-sql/antares/compare/v0.6.0...v0.7.0) (2022-11-30)
+
+
+### Features
+
+* **UI:** connections customization ([212b2bd](https://github.com/antares-sql/antares/commit/212b2bdba933db1af22967a057d64f41c96b9930))
+* **UI:** folders customization ([72accb7](https://github.com/antares-sql/antares/commit/72accb7b0e62977dde2c82312aee5b9d025e5182))
+* **UI:** folders implementation ([ece6c64](https://github.com/antares-sql/antares/commit/ece6c6401def4a9b42280f23efaa038b9ad98de8))
+* **UI:** footer color based on folder color ([4fe9dfc](https://github.com/antares-sql/antares/commit/4fe9dfc4d7ca19a798b8a8a74d979ab88aebeaac))
+* **UI:** new settimgbar tooltips ([6728964](https://github.com/antares-sql/antares/commit/672896414e901635c83ca037663e355a31ce013b))
+
+
+### Bug Fixes
+
+* deletion of connections inside folder ([b06bafe](https://github.com/antares-sql/antares/commit/b06bafe06c060233ebe901979b9fc4455a25cb89))
+* missing sidebar data after update ([0a1f50a](https://github.com/antares-sql/antares/commit/0a1f50a9b92c9705784b93f14be40a01a78cb0da))
+* **UI:** folder to folder drag glitches ([0fca70e](https://github.com/antares-sql/antares/commit/0fca70ebec1af3d594db4e1ce159e52e12224850))
+* **UI:** wrong copnnection icons color with light theme ([d010d5a](https://github.com/antares-sql/antares/commit/d010d5aa8f07a5def1183567ee767fd144696ed3))
+* wrong position moving elements outside folder ([7af178a](https://github.com/antares-sql/antares/commit/7af178a1e400876e6c45dbe31a198a12d29227a8))
+
 ## [0.6.0](https://github.com/antares-sql/antares/compare/v0.5.19...v0.6.0) (2022-11-18)
 
 

README.md

@@ -116,30 +116,35 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable -->
 <table>
-  <tr>
+  <tbody>
-    <td align="center"><a href="https://fabiodistasio.it/"><img src="https://avatars.githubusercontent.com/u/31471771?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fabio Di Stasio</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Code">💻</a> <a href="#translation-Fabio286" title="Translation">🌍</a> <a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Documentation">📖</a></td>
+    <tr>
-    <td align="center"><a href="https://www.linkedin.com/in/giulioganci/"><img src="https://avatars.githubusercontent.com/u/4192159?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giulio Ganci</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=toriphes" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://fabiodistasio.it/"><img src="https://avatars.githubusercontent.com/u/31471771?v=4?s=100" width="100px;" alt="Fabio Di Stasio"/><br /><sub><b>Fabio Di Stasio</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Code">💻</a> <a href="#translation-Fabio286" title="Translation">🌍</a> <a href="https://github.com/antares-sql/antares/commits?author=Fabio286" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://christianratz.de/"><img src="https://avatars.githubusercontent.com/u/2630316?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christian Ratz</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=digitalgopnik" title="Code">💻</a> <a href="#translation-digitalgopnik" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/giulioganci/"><img src="https://avatars.githubusercontent.com/u/4192159?v=4?s=100" width="100px;" alt="Giulio Ganci"/><br /><sub><b>Giulio Ganci</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=toriphes" title="Code">💻</a></td>
-    <td align="center"><a href="https://reverb6821.github.io/"><img src="https://avatars.githubusercontent.com/u/55198803?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giuseppe Gigliotti</b></sub></a><br /><a href="#translation-reverb6821" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://christianratz.de/"><img src="https://avatars.githubusercontent.com/u/2630316?v=4?s=100" width="100px;" alt="Christian Ratz"/><br /><sub><b>Christian Ratz</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=digitalgopnik" title="Code">💻</a> <a href="#translation-digitalgopnik" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/Mohd-PH"><img src="https://avatars.githubusercontent.com/u/9362157?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mohd-PH</b></sub></a><br /><a href="#translation-Mohd-PH" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://reverb6821.github.io/"><img src="https://avatars.githubusercontent.com/u/55198803?v=4?s=100" width="100px;" alt="Giuseppe Gigliotti"/><br /><sub><b>Giuseppe Gigliotti</b></sub></a><br /><a href="#translation-reverb6821" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/hongkfui"><img src="https://avatars.githubusercontent.com/u/37477191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>hongkfui</b></sub></a><br /><a href="#translation-hongkfui" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Mohd-PH"><img src="https://avatars.githubusercontent.com/u/9362157?v=4?s=100" width="100px;" alt="Mohd-PH"/><br /><sub><b>Mohd-PH</b></sub></a><br /><a href="#translation-Mohd-PH" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/MrAnyx"><img src="https://avatars.githubusercontent.com/u/44176707?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robin</b></sub></a><br /><a href="#translation-MrAnyx" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hongkfui"><img src="https://avatars.githubusercontent.com/u/37477191?v=4?s=100" width="100px;" alt="hongkfui"/><br /><sub><b>hongkfui</b></sub></a><br /><a href="#translation-hongkfui" title="Translation">🌍</a></td>
-  </tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/MrAnyx"><img src="https://avatars.githubusercontent.com/u/44176707?v=4?s=100" width="100px;" alt="Robin"/><br /><sub><b>Robin</b></sub></a><br /><a href="#translation-MrAnyx" title="Translation">🌍</a></td>
-  <tr>
+    </tr>
-    <td align="center"><a href="https://github.com/daeleduardo"><img src="https://avatars.githubusercontent.com/u/8599078?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Eduardo</b></sub></a><br /><a href="#translation-daeleduardo" title="Translation">🌍</a></td>
+    <tr>
-    <td align="center"><a href="https://ngoquocdat.com/"><img src="https://avatars.githubusercontent.com/u/56961917?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ngô Quốc Đạt</b></sub></a><br /><a href="#translation-datlechin" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/daeleduardo"><img src="https://avatars.githubusercontent.com/u/8599078?v=4?s=100" width="100px;" alt="Daniel Eduardo"/><br /><sub><b>Daniel Eduardo</b></sub></a><br /><a href="#translation-daeleduardo" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/IsamuSugi"><img src="https://avatars.githubusercontent.com/u/7746658?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Isamu Sugiura</b></sub></a><br /><a href="#translation-IsamuSugi" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://ngoquocdat.com/"><img src="https://avatars.githubusercontent.com/u/56961917?v=4?s=100" width="100px;" alt="Ngô Quốc Đạt"/><br /><sub><b>Ngô Quốc Đạt</b></sub></a><br /><a href="#translation-datlechin" title="Translation">🌍</a></td>
-    <td align="center"><a href="http://rsacchetto.nexxontech.it/"><img src="https://avatars.githubusercontent.com/u/18429412?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Riccardo Sacchetto</b></sub></a><br /><a href="#platform-Occhioverde" title="Packaging/porting to new platform">📦</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/IsamuSugi"><img src="https://avatars.githubusercontent.com/u/7746658?v=4?s=100" width="100px;" alt="Isamu Sugiura"/><br /><sub><b>Isamu Sugiura</b></sub></a><br /><a href="#translation-IsamuSugi" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://kilianstallinger.com"><img src="https://avatars.githubusercontent.com/u/5290318?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kilian Stallinger</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=kilianstallz" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://rsacchetto.nexxontech.it/"><img src="https://avatars.githubusercontent.com/u/18429412?v=4?s=100" width="100px;" alt="Riccardo Sacchetto"/><br /><sub><b>Riccardo Sacchetto</b></sub></a><br /><a href="#platform-Occhioverde" title="Packaging/porting to new platform">📦</a></td>
-    <td align="center"><a href="https://github.com/wenj91"><img src="https://avatars.githubusercontent.com/u/12549338?v=4?s=100" width="100px;" alt=""/><br /><sub><b>文杰</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=wenj91" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://kilianstallinger.com"><img src="https://avatars.githubusercontent.com/u/5290318?v=4?s=100" width="100px;" alt="Kilian Stallinger"/><br /><sub><b>Kilian Stallinger</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=kilianstallz" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/goYou"><img src="https://avatars.githubusercontent.com/u/62732795?v=4?s=100" width="100px;" alt=""/><br /><sub><b>goYou</b></sub></a><br /><a href="#translation-goYou" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/wenj91"><img src="https://avatars.githubusercontent.com/u/12549338?v=4?s=100" width="100px;" alt="文杰"/><br /><sub><b>文杰</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=wenj91" title="Code">💻</a></td>
-  </tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/goYou"><img src="https://avatars.githubusercontent.com/u/62732795?v=4?s=100" width="100px;" alt="goYou"/><br /><sub><b>goYou</b></sub></a><br /><a href="#translation-goYou" title="Translation">🌍</a></td>
-  <tr>
+    </tr>
-    <td align="center"><a href="https://github.com/raliqala"><img src="https://avatars.githubusercontent.com/u/30502407?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Topollo</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=raliqala" title="Code">💻</a></td>
+    <tr>
-    <td align="center"><a href="https://github.com/SmileYzn"><img src="https://avatars.githubusercontent.com/u/5851851?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cleverson</b></sub></a><br /><a href="#translation-SmileYzn" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/raliqala"><img src="https://avatars.githubusercontent.com/u/30502407?v=4?s=100" width="100px;" alt="Topollo"/><br /><sub><b>Topollo</b></sub></a><br /><a href="https://github.com/antares-sql/antares/commits?author=raliqala" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/fredatgithub"><img src="https://avatars.githubusercontent.com/u/6720055?v=4?s=100" width="100px;" alt=""/><br /><sub><b>fred</b></sub></a><br /><a href="#translation-fredatgithub" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SmileYzn"><img src="https://avatars.githubusercontent.com/u/5851851?v=4?s=100" width="100px;" alt="Cleverson"/><br /><sub><b>Cleverson</b></sub></a><br /><a href="#translation-SmileYzn" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/xak666"><img src="https://avatars.githubusercontent.com/u/38811437?v=4?s=100" width="100px;" alt=""/><br /><sub><b>xaka_xak</b></sub></a><br /><a href="#translation-xak666" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fredatgithub"><img src="https://avatars.githubusercontent.com/u/6720055?v=4?s=100" width="100px;" alt="fred"/><br /><sub><b>fred</b></sub></a><br /><a href="#translation-fredatgithub" title="Translation">🌍</a></td>
-  </tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xak666"><img src="https://avatars.githubusercontent.com/u/38811437?v=4?s=100" width="100px;" alt="xaka_xak"/><br /><sub><b>xaka_xak</b></sub></a><br /><a href="#translation-xak666" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://codepen.io/theo-billardey"><img src="https://avatars.githubusercontent.com/u/48206778?v=4?s=100" width="100px;" alt="Théo Billardey"/><br /><sub><b>Théo Billardey</b></sub></a><br /><a href="#translation-brdtheo" title="Translation">🌍</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://yaskur.net"><img src="https://avatars.githubusercontent.com/u/9539970?v=4?s=100" width="100px;" alt="Muhammad Dyas Yaskur"/><br /><sub><b>Muhammad Dyas Yaskur</b></sub></a><br /><a href="#translation-dyaskur" title="Translation">🌍</a> <a href="https://github.com/antares-sql/antares/commits?author=dyaskur" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jimcat8"><img src="https://avatars.githubusercontent.com/u/86754294?v=4?s=100" width="100px;" alt="tianci li"/><br /><sub><b>tianci li</b></sub></a><br /><a href="#translation-jimcat8" title="Translation">🌍</a></td>
+    </tr>
+  </tbody>
 </table>
 
 <!-- markdownlint-restore -->

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.6.0",
+  "version": "0.7.8",
   "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
   "license": "MIT",
   "repository": "https://github.com/antares-sql/antares.git",
@@ -121,32 +121,33 @@
   "dependencies": {
     "@electron/remote": "~2.0.1",
     "@faker-js/faker": "~6.1.2",
-    "@mdi/font": "~7.0.96",
+    "@mdi/font": "~7.1.96",
     "@turf/helpers": "~6.5.0",
     "@vueuse/core": "~8.7.5",
-    "ace-builds": "~1.8.1",
+    "ace-builds": "~1.14.0",
-    "better-sqlite3": "~7.6.2",
+    "better-sqlite3": "~8.0.0",
     "electron-log": "~4.4.1",
-    "electron-store": "~8.0.1",
+    "electron-store": "~8.1.0",
     "electron-updater": "~4.6.5",
     "electron-window-state": "~5.0.3",
     "encoding": "~0.1.13",
+    "floating-vue": "~2.0.0-beta.20",
     "leaflet": "~1.7.1",
     "marked": "~4.0.19",
     "moment": "~2.29.4",
     "mysql2": "~2.3.2",
-    "node-firebird": "~1.1.3",
+    "node-firebird": "~1.1.4",
     "pg": "~8.7.1",
     "pg-connection-string": "~2.5.0",
     "pg-query-stream": "~4.2.3",
     "pgsql-ast-parser": "~7.2.1",
-    "pinia": "~2.0.23",
+    "pinia": "~2.0.28",
     "source-map-support": "~0.5.20",
     "spectre.css": "~0.5.9",
-    "sql-formatter": "~11.0.2",
+    "sql-formatter": "~12.0.3",
     "ssh2-promise": "~1.0.2",
     "v-mask": "~2.3.0",
-    "vue": "~3.2.40",
+    "vue": "~3.2.45",
     "vue-i18n": "~9.2.2",
     "vuedraggable": "~4.1.0"
   },
@@ -154,12 +155,13 @@
     "@babel/eslint-parser": "~7.15.7",
     "@babel/preset-env": "~7.15.8",
     "@babel/preset-typescript": "~7.16.7",
-    "@playwright/test": "~1.21.1",
+    "@playwright/test": "~1.28.1",
     "@types/better-sqlite3": "~7.5.0",
     "@types/leaflet": "~1.7.9",
     "@types/marked": "~4.0.7",
     "@types/node": "~17.0.23",
     "@types/pg": "~8.6.5",
+    "@types/ssh2": "~1.11.6",
     "@typescript-eslint/eslint-plugin": "~5.18.0",
     "@typescript-eslint/parser": "~5.18.0",
     "@vue/compiler-sfc": "~3.2.33",
@@ -168,8 +170,8 @@
     "chalk": "~4.1.2",
     "cross-env": "~7.0.2",
     "css-loader": "~6.5.0",
-    "electron": "~19.1.2",
+    "electron": "~22.0.3",
-    "electron-builder": "~23.0.3",
+    "electron-builder": "~22.10.3",
     "eslint": "~7.32.0",
     "eslint-config-standard": "~16.0.3",
     "eslint-plugin-import": "~2.24.2",
@@ -180,8 +182,8 @@
     "html-webpack-plugin": "~5.5.0",
     "mini-css-extract-plugin": "~2.4.5",
     "node-loader": "~2.0.0",
-    "playwright": "~1.21.1",
+    "playwright": "~1.28.1",
-    "playwright-core": "~1.21.1",
+    "playwright-core": "~1.28.1",
     "postcss-html": "~1.5.0",
     "progress-webpack-plugin": "~1.0.12",
     "rimraf": "~3.0.2",
@@ -201,7 +203,12 @@
     "vue-loader": "~16.8.3",
     "webpack": "~5.72.0",
     "webpack-cli": "~4.9.1",
-    "webpack-dev-server": "~4.4.0",
+    "webpack-dev-server": "~4.11.1",
     "xvfb-maybe": "~0.2.1"
+  },
+  "overrides": {
+    "ssh2-promise": {
+      "ssh2": "github:Fabio286/ssh2"
+    }
   }
 }

src/common/data-types/mysql.ts

@@ -54,6 +54,7 @@ export default [
          {
             name: 'FLOAT',
             length: true,
+            scale: true,
             collation: false,
             unsigned: false,
             zerofill: false

src/common/data-types/sqlite.ts

@@ -6,7 +6,7 @@ export default [
       types: [
          {
             name: 'INT',
-            length: true,
+            length: 10,
             collation: false,
             unsigned: true,
             zerofill: true
@@ -18,6 +18,13 @@ export default [
             unsigned: true,
             zerofill: true
          },
+         {
+            name: 'INTEGER UNSIGNED',
+            length: true,
+            collation: false,
+            unsigned: true,
+            zerofill: true
+         },
          {
             name: 'BIGINT',
             length: true,

src/common/interfaces/antares.ts

@@ -85,13 +85,11 @@ export interface TableInfos {
    name: string;
    type: string;
    rows: number;
-   created: Date;
-   updated: Date;
    engine: string;
    comment: string;
    size: number | false;
-   autoIncrement: number;
    collation: string;
+   autoIncrement?: boolean;
 }
 
 export type TableOptions = Partial<TableInfos>;

src/common/libs/sqlUtils.ts

@@ -72,7 +72,7 @@ export const escapeAndQuote = (val: string, client: ClientCode) => {
 export const valueToSqlString = (args: {
       val: any;
       client: ClientCode;
-      field: {type: string; datePrecision: number};
+      field: {type: string; datePrecision: number; isArray?: boolean};
    }): string => {
    let parsedValue;
    const { val, client, field } = args;
@@ -94,7 +94,7 @@ export const valueToSqlString = (args: {
          ? escapeAndQuote(moment(val).format(`YYYY-MM-DD HH:mm:ss${datePrecision}`), client)
          : escapeAndQuote(val, client);
    }
-   else if ('isArray' in field) {
+   else if ('isArray' in field && field.isArray) {
       let localVal;
       if (Array.isArray(val))
          localVal = JSON.stringify(val).replaceAll('[', '{').replaceAll(']', '}');
@@ -107,10 +107,16 @@ export const valueToSqlString = (args: {
    else if (BIT.includes(field.type))
       parsedValue = `b'${hexToBinary(Buffer.from(val).toString('hex') as undefined as HexChar[])}'`;
    else if (BLOB.includes(field.type)) {
+      let buffer: Buffer;
+      if (val instanceof Uint8Array)
+         buffer = Buffer.from(val);
+      else
+         buffer = val;
+
       if (['mysql', 'maria'].includes(client))
-         parsedValue = `X'${val.toString('hex').toUpperCase()}'`;
+         parsedValue = `X'${buffer.toString('hex').toUpperCase()}'`;
       else if (client === 'pg')
-         parsedValue = `decode('${val.toString('hex').toUpperCase()}', 'hex')`;
+         parsedValue = `decode('${buffer.toString('hex').toUpperCase()}', 'hex')`;
    }
    else if (NUMBER.includes(field.type))
       parsedValue = val;
@@ -146,17 +152,47 @@ export const valueToSqlString = (args: {
 };
 
 export const jsonToSqlInsert = (args: {
-      json: { [key: string]: any};
+      json: { [key: string]: any}[];
       client: ClientCode;
       fields: { [key: string]: {type: string; datePrecision: number}};
       table: string;
+      options?: {sqlInsertAfter: number; sqlInsertDivider: 'bytes' | 'rows'};
    }) => {
-   const { client, json, fields, table } = args;
+   const { client, json, fields, table, options } = args;
+   const sqlInsertAfter = options && options.sqlInsertAfter ? options.sqlInsertAfter : 1;
+   const sqlInsertDivider = options && options.sqlInsertDivider ? options.sqlInsertDivider : 'rows';
    const { elementsWrapper: ew } = customizations[client];
-   const fieldNames = Object.keys(json).map(key => `${ew}${key}${ew}`);
+   const fieldNames = Object.keys(json[0]).map(key => `${ew}${key}${ew}`);
-   const values = Object.keys(json).map(key => (
+   let insertStmt = `INSERT INTO ${ew}${table}${ew} (${fieldNames.join(', ')}) VALUES `;
-      valueToSqlString({ val: json[key], client, field: fields[key] })
+   let insertsString = '';
-   ));
+   let queryLength = 0;
+   let rowsWritten = 0;
 
-   return `INSERT INTO ${ew}${table}${ew} (${fieldNames.join(', ')}) VALUES (${values.join(', ')});`;
+   for (const row of json) {
+      const values = [];
+
+      values.push(Object.keys(row).map(key => (
+         valueToSqlString({ val: row[key], client, field: fields[key] })
+      )));
+
+      if (
+         (sqlInsertDivider === 'bytes' && queryLength >= sqlInsertAfter * 1024) ||
+         (sqlInsertDivider === 'rows' && rowsWritten === sqlInsertAfter)
+      ) {
+         insertsString += insertStmt+';';
+         insertStmt = `\nINSERT INTO ${ew}${table}${ew} (${fieldNames.join(', ')}) VALUES `;
+         rowsWritten = 0;
+      }
+      rowsWritten++;
+
+      if (rowsWritten > 1) insertStmt += ',\n';
+
+      insertStmt += `(${values.join(',')})`;
+      queryLength = insertStmt.length;
+   }
+
+   if (rowsWritten > 0)
+      insertsString += insertStmt+';';
+
+   return insertsString;
 };

src/common/libs/uidGen.ts

@@ -1,3 +1,3 @@
 export function uidGen (prefix?: string) {
-   return (prefix ? `${prefix}:` : '') + Math.random().toString(36).substr(2, 9).toUpperCase();
+   return (prefix ? `${prefix}:` : '') + Math.random().toString(36).substring(2, 11).toUpperCase();
 }

src/main/ipc-handlers/schema.ts

@@ -62,7 +62,7 @@ export default (connections: {[key: string]: antares.Client}) => {
 
    ipcMain.handle('get-structure', async (event, params) => {
       try {
-         const structure = await connections[params.uid].getStructure(
+         const structure: unknown = await connections[params.uid].getStructure(
             params.schemas
          );
 
@@ -160,8 +160,7 @@ export default (connections: {[key: string]: antares.Client}) => {
             details: true,
             schema,
             tabUid,
-            autocommit,
+            autocommit
-            comments: false
          });
 
          return { status: 'success', response: result };

src/main/ipc-handlers/tables.ts

@@ -352,7 +352,18 @@ export default (connections: {[key: string]: antares.Client}) => {
                   if (typeof fakeValue === 'string') {
                      if (params.row[key].length)
                         fakeValue = fakeValue.substring(0, params.row[key].length);
-                     fakeValue = `'${sqlEscaper(fakeValue)}'`;
+
+                     switch (connections[params.uid]._client) {
+                        case 'mysql':
+                        case 'maria':
+                           fakeValue = `'${sqlEscaper(fakeValue)}'`;
+                           break;
+                        case 'pg':
+                        case 'sqlite':
+                        case 'firebird':
+                           fakeValue = `'${fakeValue.replaceAll('\'', '\'\'')}'`;
+                           break;
+                     }
                   }
                   else if ([...DATE, ...DATETIME].includes(type))
                      fakeValue = `'${moment(fakeValue).format('YYYY-MM-DD HH:mm:ss.SSSSSS')}'`;

src/main/libs/ShortcutRegister.ts

@@ -75,7 +75,7 @@ export class ShortcutRegister {
             for (const key of shortcut.keys) {
                try {
                   this._menu.append(new MenuItem({
-                     label: 'Shortcuts',
+                     label: '.',
                      visible: false,
                      submenu: [{
                         label: String(key),

src/main/libs/clients/FirebirdSQLClient.ts

@@ -1047,7 +1047,7 @@ export class FirebirdSQLClient extends AntaresCore {
             connection = await this.getConnection();
 
             const transaction = await new Promise<firebird.Transaction>((resolve, reject) => {
-               (connection as firebird.Database).transaction(firebird.ISOLATION_READ_COMMITED, (err, transaction) => {
+               (connection as firebird.Database).transaction(firebird.ISOLATION_READ_COMMITTED, (err, transaction) => {
                   if (err) reject(err);
                   else resolve(transaction);
                });

src/main/libs/clients/MySQLClient.ts

@@ -147,7 +147,14 @@ export class MySQLClient extends AntaresCore {
 
       if (this._params.ssh) {
          try {
-            this._ssh = new SSH2Promise({ ...this._params.ssh });
+            if (this._params.ssh.password === '') delete this._params.ssh.password;
+            if (this._params.ssh.passphrase === '') delete this._params.ssh.passphrase;
+
+            this._ssh = new SSH2Promise({
+               ...this._params.ssh,
+               keepaliveInterval: 30*60*1000,
+               debug: process.env.NODE_ENV !== 'production' ? (s) => console.log(s) : null
+            });
 
             const tunnel = await this._ssh.addTunnel({
                remoteAddr: this._params.host,
@@ -225,6 +232,9 @@ export class MySQLClient extends AntaresCore {
       if (hasAnsiQuotes)
          await connection.query(`SET SESSION sql_mode = '${sqlMode.filter((m: string) => !['ANSI', 'ANSI_QUOTES'].includes(m)).join(',')}'`);
 
+      if (this._params.readonly)
+         await connection.query('SET SESSION TRANSACTION READ ONLY');
+
       connection.on('connection', conn => {
          if (this._params.readonly)
             conn.query('SET SESSION TRANSACTION READ ONLY');
@@ -244,25 +254,15 @@ export class MySQLClient extends AntaresCore {
    async getStructure (schemas: Set<string>) {
       /* eslint-disable camelcase */
       interface ShowTableResult {
-         Db?: string;
+         TABLE_SCHEMA?: string;
-         Name: string;
+         TABLE_NAME: string;
-         Engine: string;
+         TABLE_TYPE: string;
-         Version: number;
+         TABLE_ROWS: number;
-         Row_format: string;
+         ENGINE: string;
-         Rows: number;
+         DATA_LENGTH: number;
-         Avg_row_length: number;
+         INDEX_LENGTH: number;
-         Data_length: number;
+         TABLE_COLLATION: string;
-         Max_data_length: number;
+         TABLE_COMMENT: string;
-         Index_length: number;
-         Data_free: number;
-         Auto_increment: number;
-         Create_time: Date;
-         Update_time: Date;
-         Check_time?: number;
-         Collation: string;
-         Checksum?: number;
-         Create_options: string;
-         Comment: string;
       }
 
       interface ShowTriggersResult {
@@ -290,22 +290,69 @@ export class MySQLClient extends AntaresCore {
 
       const { rows: functions } = await this.raw('SHOW FUNCTION STATUS');
       const { rows: procedures } = await this.raw('SHOW PROCEDURE STATUS');
-      const { rows: schedulers } = await this.raw('SELECT *, EVENT_SCHEMA AS `Db`, EVENT_NAME AS `Name` FROM information_schema.`EVENTS`');
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      let schedulers: any[] = [];
+
+      try { // Avoid exception with event_scheduler DISABLED with MariaDB 10
+         const { rows } = await this.raw('SELECT *, EVENT_SCHEMA AS `Db`, EVENT_NAME AS `Name` FROM information_schema.`EVENTS`');
+         schedulers = rows;
+      }
+      catch (err) {
+         console.log(err);
+      }
 
       const tablesArr: ShowTableResult[] = [];
       const triggersArr: ShowTriggersResult[] = [];
       let schemaSize = 0;
 
+      const Store = require('electron-store');
+
+      Store.initRenderer();
+      const settingsStore = new Store({ name: 'settings' });
+
       for (const db of filteredDatabases) {
          if (!schemas.has(db.Database)) continue;
 
-         let { rows: tables } = await this.raw<antares.QueryResult<ShowTableResult>>(`SHOW TABLE STATUS FROM \`${db.Database}\``);
+         const showTableSize = settingsStore.get('show_table_size', false);
-         if (tables.length) {
+
-            tables = tables.map(table => {
+         if (showTableSize) {
-               table.Db = db.Database;
+            let { rows: tables } = await this.raw<antares.QueryResult<ShowTableResult>>(`
-               return table;
+               SELECT
-            });
+                  TABLE_NAME,
-            tablesArr.push(...tables);
+                  TABLE_TYPE,
+                  ENGINE,
+                  DATA_LENGTH,
+                  INDEX_LENGTH,
+                  TABLE_COMMENT,
+                  TABLE_COLLATION, 
+                  CREATE_TIME,
+                  UPDATE_TIME
+               FROM information_schema.TABLES
+               WHERE TABLE_SCHEMA = "${db.Database}"
+               ORDER BY TABLE_NAME
+            `);
+
+            if (tables.length) {
+               tables = tables.map(table => {
+                  table.TABLE_SCHEMA = db.Database;
+                  return table;
+               });
+               tablesArr.push(...tables);
+            }
+         }
+         else {
+            let { rows: tables } = await this.raw<antares.QueryResult<ShowTableResult>>(`SHOW FULL TABLES FROM \`${db.Database}\``);
+
+            if (tables.length) {
+               tables = tables.map(table => {
+                  const [name, type] = Object.values(table);
+                  table.TABLE_SCHEMA = db.Database;
+                  table.TABLE_NAME = name;
+                  table.TABLE_TYPE = type;
+                  return table;
+               });
+               tablesArr.push(...tables);
+            }
          }
 
          let { rows: triggers } = await this.raw<antares.QueryResult<ShowTriggersResult>>(`SHOW TRIGGERS FROM \`${db.Database}\``);
@@ -321,9 +368,9 @@ export class MySQLClient extends AntaresCore {
       return filteredDatabases.map(db => {
          if (schemas.has(db.Database)) {
             // TABLES
-            const remappedTables: antares.TableInfos[] = tablesArr.filter(table => table.Db === db.Database).map(table => {
+            const remappedTables: antares.TableInfos[] = tablesArr.filter(table => table.TABLE_SCHEMA === db.Database).map(table => {
                let tableType;
-               switch (table.Comment) {
+               switch (table.TABLE_TYPE) {
                   case 'VIEW':
                      tableType = 'view';
                      break;
@@ -332,20 +379,17 @@ export class MySQLClient extends AntaresCore {
                      break;
                }
 
-               const tableSize = Number(table.Data_length) + Number(table.Index_length);
+               const tableSize = Number(table.DATA_LENGTH) + Number(table.INDEX_LENGTH);
                schemaSize += tableSize;
 
                return {
-                  name: table.Name,
+                  name: table.TABLE_NAME,
                   type: tableType,
-                  rows: table.Rows,
+                  rows: table.TABLE_ROWS,
-                  created: table.Create_time,
+                  engine: table.ENGINE,
-                  updated: table.Update_time,
+                  comment: table.TABLE_COMMENT,
-                  engine: table.Engine,
-                  comment: table.Comment,
                   size: tableSize,
-                  autoIncrement: table.Auto_increment,
+                  collation: table.TABLE_COLLATION
-                  collation: table.Collation
                };
             });
 
@@ -1604,7 +1648,7 @@ export class MySQLClient extends AntaresCore {
                      if (!field || Array.isArray(field))
                         return undefined;
 
-                     const type = this._getType(field);
+                     const type = this._getType(field as undefined);
 
                      return {
                         name: field.orgName,

src/main/libs/clients/PostgreSQLClient.ts

@@ -162,7 +162,11 @@ export class PostgreSQLClient extends AntaresCore {
 
       if (this._params.ssh) {
          try {
-            this._ssh = new SSH2Promise({ ...this._params.ssh });
+            this._ssh = new SSH2Promise({
+               ...this._params.ssh,
+               keepaliveInterval: 30*60*1000,
+               debug: process.env.NODE_ENV !== 'production' ? (s) => console.log(s) : null
+            });
 
             const tunnel = await this._ssh.addTunnel({
                remoteAddr: this._params.host,

src/main/libs/clients/SQLiteClient.ts

@@ -344,6 +344,20 @@ export class SQLiteClient extends AntaresCore {
 
          const tmpName = `Antares_${table}_tmp`;
          await this.raw(`CREATE TABLE "${tmpName}" AS SELECT * FROM "${table}"`);
+
+         // Get table triggers before drop
+         const { rows: triggers } = await this.raw(`SELECT * FROM "${schema}".sqlite_master WHERE type='trigger' AND tbl_name = '${table}'`);
+         const remappedTriggers = triggers.map((row) => {
+            return {
+               schema,
+               sql: row.sql.match(/(BEGIN|begin)(.*)(END|end)/gs)[0],
+               name: row.name,
+               table: row.sql.match(/(?<=ON `).*?(?=`)/gs)[0],
+               activation: row.sql.match(/(BEFORE|AFTER)/gs)[0],
+               event: row.sql.match(/(INSERT|UPDATE|DELETE)/gs)[0]
+            };
+         });
+
          await this.dropTable(params);
 
          const createTableParams = {
@@ -376,6 +390,11 @@ export class SQLiteClient extends AntaresCore {
          await this.raw(`INSERT INTO "${createTableParams.options.name}" (${insertFields.join(',')}) SELECT ${selectFields.join(',')} FROM "${tmpName}"`);
 
          await this.dropTable({ schema: schema, table: tmpName });
+
+         // Recreates triggers
+         for (const trigger of remappedTriggers)
+            await this.createTrigger(trigger);
+
          await this.raw('PRAGMA foreign_keys = 1');
          await this.raw('COMMIT');
       }
@@ -672,8 +691,8 @@ export class SQLiteClient extends AntaresCore {
 
                      if ([...TIME, ...DATETIME].includes(parsedType)) {
                         const firstNotNull = queryAllResult.find(res => res[field.name] !== null);
-                        if (firstNotNull && firstNotNull[field.name].includes('.'))
+                        if (firstNotNull && String(firstNotNull[field.name]).includes('.'))
-                           length = firstNotNull[field.name].split('.').pop().length;
+                           length = String(firstNotNull[field.name]).split('.').pop().length;
                      }
 
                      return {

src/main/libs/exporters/sql/MysqlExporter.ts

@@ -184,9 +184,9 @@ CREATE TABLE \`${view.Name}\`(
       const { rows: triggers } = await this._client.raw(
          `SHOW TRIGGERS FROM \`${this.schemaName}\``
       );
-      const generatedTables = this._tables
+      // const generatedTables = this._tables
-         .filter(t => t.includeStructure)
+      //    .filter(t => t.includeStructure)
-         .map(t => t.table);
+      //    .map(t => t.table);
 
       let sqlString = '';
 
@@ -200,7 +200,7 @@ CREATE TABLE \`${view.Name}\`(
             sql_mode: sqlMode
          } = trigger;
 
-         if (!generatedTables.includes(table)) continue;
+         // if (!generatedTables.includes(table)) continue;// Commented to avoid issues if export contains triggers without tables
 
          const definer = this.getEscapedDefiner(trigger.Definer);
          sqlString += '/*!50003 SET @OLD_SQL_MODE=@@SQL_MODE*/;;\n';

src/main/main.ts

@@ -37,6 +37,7 @@ async function createMainWindow () {
       webPreferences: {
          nodeIntegration: true,
          contextIsolation: false,
+         devTools: isDevelopment,
          spellcheck: false
       },
       autoHideMenuBar: true,
@@ -171,9 +172,6 @@ function createAppMenu () {
          {
             role: 'editMenu'
          },
-         {
-            role: 'viewMenu'
-         },
          {
             role: 'windowMenu'
          }

src/main/workers/importer.ts

@@ -6,72 +6,106 @@ import { PostgreSQLClient } from '../libs/clients/PostgreSQLClient';
 import { ClientsFactory } from '../libs/ClientsFactory';
 import MySQLImporter from '../libs/importers/sql/MySQLlImporter';
 import PostgreSQLImporter from '../libs/importers/sql/PostgreSQLImporter';
+import SSHConfig from 'ssh2-promise/lib/sshConfig';
+import { ImportOptions } from 'common/interfaces/importer';
 let importer: antares.Importer;
 
-process.on('message', async ({ type, dbConfig, options }) => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+process.on('message', async ({ type, dbConfig, options }: {
+   type: string;
+   dbConfig: mysql.ConnectionOptions & { schema: string; ssl?: mysql.SslOptions; ssh?: SSHConfig; readonly: boolean }
+      | pg.ClientConfig & { schema: string; ssl?: mysql.SslOptions; ssh?: SSHConfig; readonly: boolean }
+      | { databasePath: string; readonly: boolean };
+   options: ImportOptions;
+}) => {
    if (type === 'init') {
-      const connection = await ClientsFactory.getClient({
+      try {
-         client: options.type,
+         const connection = await ClientsFactory.getClient({
-         params: {
+            client: options.type,
-            ...dbConfig,
+            params: {
-            schema: options.schema
+               ...dbConfig,
-         },
+               schema: options.schema
-         poolSize: 1
+            },
-      }) as MySQLClient | PostgreSQLClient;
+            poolSize: 1
+         }) as MySQLClient | PostgreSQLClient;
 
-      const pool = await connection.getConnectionPool();
+         const pool = await connection.getConnectionPool();
 
-      switch (options.type) {
+         switch (options.type) {
-         case 'mysql':
+            case 'mysql':
-         case 'maria':
+            case 'maria':
-            importer = new MySQLImporter(pool as unknown as mysql.Pool, options);
+               importer = new MySQLImporter(pool as unknown as mysql.Pool, options);
-            break;
+               break;
-         case 'pg':
+            case 'pg':
-            importer = new PostgreSQLImporter(pool as unknown as pg.PoolClient, options);
+               importer = new PostgreSQLImporter(pool as unknown as pg.PoolClient, options);
-            break;
+               break;
-         default:
+            default:
+               process.send({
+                  type: 'error',
+                  payload: `"${options.type}" importer not aviable`
+               });
+               return;
+         }
+
+         importer.once('error', err => {
+            console.error(err);
             process.send({
                type: 'error',
-               payload: `"${options.type}" importer not aviable`
+               payload: err.toString()
             });
-            return;
+         });
-      }
 
-      importer.once('error', err => {
+         importer.once('end', () => {
+            process.send({
+               type: 'end',
+               payload: { cancelled: importer.isCancelled }
+            });
+         });
+
+         importer.once('cancel', () => {
+            process.send({ type: 'cancel' });
+         });
+
+         importer.on('progress', state => {
+            process.send({
+               type: 'import-progress',
+               payload: state
+            });
+         });
+
+         importer.on('query-error', state => {
+            process.send({
+               type: 'query-error',
+               payload: state
+            });
+         });
+
+         importer.run();
+      }
+      catch (err) {
          console.error(err);
          process.send({
             type: 'error',
             payload: err.toString()
          });
-      });
+      }
-
-      importer.once('end', () => {
-         process.send({
-            type: 'end',
-            payload: { cancelled: importer.isCancelled }
-         });
-      });
-
-      importer.once('cancel', () => {
-         process.send({ type: 'cancel' });
-      });
-
-      importer.on('progress', state => {
-         process.send({
-            type: 'import-progress',
-            payload: state
-         });
-      });
-
-      importer.on('query-error', state => {
-         process.send({
-            type: 'query-error',
-            payload: state
-         });
-      });
-
-      importer.run();
    }
    else if (type === 'cancel')
       importer.cancel();
 });
+
+process.on('uncaughtException', (err) => {
+   console.error(err);
+   process.send({
+      type: 'error',
+      payload: err.toString()
+   });
+});
+
+process.on('unhandledRejection', (err) => {
+   console.error(err);
+   process.send({
+      type: 'error',
+      payload: err.toString()
+   });
+});

src/renderer/App.vue

@@ -130,6 +130,12 @@ onMounted(() => {
          node = node.parentNode;
       }
    });
+
+   document.addEventListener('keydown', e => {
+      if (e.altKey && e.key === 'Alt') { // Prevent Alt key to trigger hidden shortcut menu
+         e.preventDefault();
+      }
+   });
 });
 </script>
 

src/renderer/components/BaseContextMenu.vue

@@ -1,5 +1,5 @@
 <template>
-   <div class="context" :class="{'bottom': isBottom}">
+   <div class="context" :class="[{ 'bottom': isBottom }, { 'right': isRight }]">
       <a
          class="context-overlay"
          @click="close"
@@ -19,9 +19,10 @@
 import { computed, onBeforeUnmount, onMounted, Ref, ref } from 'vue';
 
 const contextContent: Ref<HTMLDivElement> = ref(null);
-const contextSize: Ref<DOMRect> = ref(null);
+const contextSize: Ref<{height: number; width: number; subHeight?: number; subWidth?: number}> = ref(null);
 const isBottom: Ref<boolean> = ref(false);
-const props = defineProps<{contextEvent: MouseEvent}>();
+const isRight: Ref<boolean> = ref(false);
+const props = defineProps<{ contextEvent: MouseEvent }>();
 const emit = defineEmits(['close-context']);
 
 const position = computed(() => {
@@ -39,8 +40,16 @@ const position = computed(() => {
             isBottom.value = true;
          }
 
-         if (clientX + contextSize.value.width + 5 >= window.innerWidth)
+         if (clientY + contextSize.value.subHeight + contextSize.value.height >= window.innerHeight)
+            isBottom.value = true;
+
+         if (clientX + contextSize.value.width + 5 >= window.innerWidth) {
             leftCord = `${clientX - contextSize.value.width}px`;
+            isRight.value = true;
+         }
+
+         if (clientX + contextSize.value.subWidth + contextSize.value.width >= window.innerWidth)
+            isRight.value = true;
       }
    }
 
@@ -62,8 +71,20 @@ const onKey = (e: KeyboardEvent) => {
 window.addEventListener('keydown', onKey);
 
 onMounted(() => {
-   if (contextContent.value)
+   if (contextContent.value) {
       contextSize.value = contextContent.value.getBoundingClientRect();
+
+      const submenus = contextContent.value.querySelectorAll<HTMLDivElement>('.context-submenu');
+
+      for (const submenu of submenus) {
+         const submenuSize = submenu.getBoundingClientRect();
+
+         if (!contextSize.value.subHeight || submenuSize.height > contextSize.value.subHeight)
+            contextSize.value.subHeight = submenuSize.height;
+         if (!contextSize.value.subWidth || submenuSize.width > contextSize.value.subWidth)
+            contextSize.value.subWidth = submenuSize.width;
+      }
+   }
 });
 
 onBeforeUnmount(() => {
@@ -73,88 +94,94 @@ onBeforeUnmount(() => {
 
 <style lang="scss">
 .context {
-  display: flex;
+   display: flex;
-  font-size: 16px;
+   font-size: 16px;
-  z-index: 400;
+   z-index: 400;
-  justify-content: center;
+   justify-content: center;
-  align-items: center;
+   align-items: center;
-  overflow: hidden;
+   overflow: hidden;
-  position: fixed;
+   position: fixed;
-  height: 100vh;
+   height: 100vh;
-  right: 0;
+   right: 0;
-  top: 0;
+   top: 0;
-  left: 0;
+   left: 0;
-  bottom: 0;
+   bottom: 0;
 
-  &:not(.bottom) .context-submenu {
+   &:not(.bottom) .context-submenu {
-    top: -0.2rem;
+      top: -0.2rem;
-  }
+   }
 
-  &.bottom .context-submenu {
+   &.bottom .context-submenu {
-    bottom: -0.2rem;
+      bottom: -0.2rem;
-  }
+   }
 
-  .context-container {
+   &:not(.right) .context-submenu {
-    min-width: 100px;
+      left: 100%;
-    z-index: 10;
+   }
-    padding: 0;
-    background: #1d1d1d;
-    border-radius: $border-radius;
-    border: 1px solid $bg-color-light-dark;
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    pointer-events: initial;
 
-    .context-element {
+   &.right .context-submenu {
-      display: flex;
+      right: 100%;
-      align-items: center;
+   }
-      margin: 0.2rem;
+
-      padding: 0.1rem 0.3rem;
+   .context-container {
+      min-width: 100px;
+      z-index: 10;
+      padding: 0;
+      background: #1d1d1d;
       border-radius: $border-radius;
-      cursor: pointer;
+      border: 1px solid $bg-color-light-dark;
-      justify-content: space-between;
+      display: flex;
-      position: relative;
+      flex-direction: column;
-      white-space: nowrap;
+      position: absolute;
+      pointer-events: initial;
 
-      .context-submenu {
+      .context-element {
-        border-radius: $border-radius;
+         display: flex;
-        border: 1px solid $bg-color-light-dark;
+         align-items: center;
-        opacity: 0;
+         margin: 0.2rem;
-        visibility: hidden;
+         padding: 0.1rem 0.3rem;
-        transition: opacity 0.2s;
+         border-radius: $border-radius;
-        position: absolute;
+         cursor: pointer;
-        left: 100%;
+         justify-content: space-between;
-        min-width: 100px;
+         position: relative;
-        background: #1d1d1d;
+         white-space: nowrap;
+
+         .context-submenu {
+            border-radius: $border-radius;
+            border: 1px solid $bg-color-light-dark;
+            opacity: 0;
+            visibility: hidden;
+            transition: opacity 0.2s;
+            position: absolute;
+            min-width: 100px;
+            background: #1d1d1d;
+         }
+
+         &:hover {
+            .context-submenu {
+               display: block;
+               visibility: visible;
+               opacity: 1;
+            }
+         }
       }
+   }
 
-      &:hover {
+   .context-overlay {
-        .context-submenu {
+      background: transparent;
-          display: block;
+      bottom: 0;
-          visibility: visible;
+      cursor: default;
-          opacity: 1;
+      display: block;
-        }
+      left: 0;
-      }
+      position: absolute;
-    }
+      right: 0;
-  }
+      top: 0;
-
+   }
-  .context-overlay {
-    background: transparent;
-    bottom: 0;
-    cursor: default;
-    display: block;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
 }
 
 .disabled {
-  pointer-events: none;
+   pointer-events: none;
-  filter: grayscale(100%);
+   filter: grayscale(100%);
-  opacity: 0.5;
+   opacity: 0.5;
 }
-
 </style>

src/renderer/components/ModalAllConnections.vue

@@ -55,20 +55,7 @@
                               <div class="panel-subtitle">
                                  {{ clients.get(connection.client) || connection.client }}
                               </div>
-                              <div class="all-connections-buttons p-absolute d-flex" style="top: 0; right: 0;">
+                              <div class="all-connections-buttons p-absolute d-flex" :style="'top: 0; right: 0;'">
-                                 <i
-                                    v-if="connection.isPinned"
-                                    class="all-connections-pinned mdi mdi-18px"
-                                    :class="connectionHover === connection.uid ? 'mdi-pin-off' : 'mdi-pin'"
-                                    :title="t('word.unpin')"
-                                    @click.stop="unpinConnection(connection.uid)"
-                                 />
-                                 <i
-                                    v-else
-                                    class="all-connections-pin mdi mdi-18px mdi-pin mdi-rotate-45"
-                                    :title="t('word.pin')"
-                                    @click.stop="pinConnection(connection.uid)"
-                                 />
                                  <i
                                     class="all-connections-delete mdi mdi-delete mdi-18px ml-2"
                                     :title="t('word.delete')"
@@ -112,7 +99,7 @@
                            </div>
                            <div class="panel-footer text-center py-0">
                               <div v-if="connection.ssl" class="chip bg-success mt-2">
-                                 <i class="mdi mdi-lock mdi-18px mr-1" />
+                                 <i class="mdi mdi-shield-key mdi-18px mr-1" />
                                  SSL
                               </div>
                               <div v-if="connection.ssh" class="chip bg-success mt-2">
@@ -126,7 +113,7 @@
                         key="trick"
                         readonly
                         class="p-absolute"
-                        style="width: 1px; height: 1px; opacity: 0;"
+                        :style="'width: 1px; height: 1px; opacity: 0;'"
                         type="text"
                      >
                      <!-- workaround for useFocusTrap $lastFocusable -->
@@ -171,15 +158,12 @@ const connectionsStore = useConnectionsStore();
 const workspacesStore = useWorkspacesStore();
 
 const { connections,
-   pinnedConnections,
    lastConnections
 } = storeToRefs(connectionsStore);
 const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
 
 const {
    getConnectionName,
-   pinConnection,
-   unpinConnection,
    deleteConnection
 } = connectionsStore;
 const { selectWorkspace } = workspacesStore;
@@ -206,13 +190,10 @@ const sortedConnections = computed(() => {
          const connTime = lastConnections.value.find((lc) => lc.uid === c.uid)?.time || 0;
          return {
             ...c,
-            time: connTime,
+            time: connTime
-            isPinned: pinnedConnections.value.has(c.uid)
          };
       })
       .sort((a, b) => {
-         if (a.isPinned < b.isPinned) return 1;
-         if (a.isPinned > b.isPinned) return -1;
          if (a.time < b.time) return 1;
          if (a.time > b.time) return -1;
          return 0;

src/renderer/components/ModalConnectionAppearence.vue

@@ -0,0 +1,195 @@
+<template>
+   <Teleport to="#window-content">
+      <div class="modal active">
+         <a class="modal-overlay" @click.stop="closeModal" />
+         <div ref="trapRef" class="modal-container p-0">
+            <div class="modal-header pl-2">
+               <div class="modal-title h6">
+                  <div class="d-flex">
+                     <i class="mdi mdi-24px mdi-brush-variant mr-1" />
+                     <span class="cut-text">{{ t('message.editConnectionAppearence') }}</span>
+                  </div>
+               </div>
+               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+            </div>
+            <div class="modal-body pb-0">
+               <div class="content">
+                  <form class="form-horizontal">
+                     <div class="form-group mb-4">
+                        <div class="col-3">
+                           <label class="form-label">{{ t('word.label') }}</label>
+                        </div>
+                        <div class="col-9">
+                           <input
+                              ref="firstInput"
+                              v-model="localConnection.name"
+                              class="form-input"
+                              type="text"
+                              :placeholder="getConnectionName(localConnection.uid)"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3">
+                           <label class="form-label">{{ t('word.icon') }}</label>
+                        </div>
+                        <div class="col-9 icons-wrapper">
+                           <div
+                              v-for="icon in icons"
+                              :key="icon.name"
+                              class="icon-box"
+                              :title="icon.name"
+                              :class="[icon.code ? `mdi ${icon.code} mdi-36px` : `dbi dbi-${connection.client}`, {'selected': localConnection.icon === icon.code}]"
+                              @click="localConnection.icon = icon.code"
+                           />
+                        </div>
+                     </div>
+                  </form>
+               </div>
+            </div>
+            <div class="modal-footer">
+               <button class="btn btn-primary mr-2" @click.stop="editFolderAppearence">
+                  {{ t('word.update') }}
+               </button>
+               <button class="btn btn-link" @click.stop="closeModal">
+                  {{ t('word.close') }}
+               </button>
+            </div>
+         </div>
+      </div>
+   </Teleport>
+</template>
+
+<script setup lang="ts">
+import { onBeforeUnmount, PropType, Ref, ref } from 'vue';
+import { useFocusTrap } from '@/composables/useFocusTrap';
+import { useI18n } from 'vue-i18n';
+import { SidebarElement, useConnectionsStore } from '@/stores/connections';
+import { unproxify } from '@/libs/unproxify';
+
+const connectionsStore = useConnectionsStore();
+
+const { t } = useI18n();
+
+const props = defineProps({
+   connection: {
+      type: Object as PropType<SidebarElement>,
+      required: true
+   }
+});
+
+const emit = defineEmits(['close']);
+
+const { updateConnectionOrder, getConnectionName } = connectionsStore;
+
+const icons = [
+   { name: 'default', code: null },
+
+   // Symbols
+   { name: 'account-group', code: 'mdi-account-group-outline' },
+   { name: 'cloud', code: 'mdi-cloud-outline' },
+   { name: 'key-chain', code: 'mdi-key-chain-variant' },
+   { name: 'lightning-bolt', code: 'mdi-lightning-bolt' },
+   { name: 'map-marker', code: 'mdi-map-marker-radius-outline' },
+   { name: 'api', code: 'mdi-api' },
+   { name: 'chart-line', code: 'mdi-chart-line' },
+   { name: 'chat', code: 'mdi-chat-outline' },
+   { name: 'bug', code: 'mdi-bug-outline' },
+   { name: 'shield', code: 'mdi-shield-outline' },
+   { name: 'cart', code: 'mdi-cart-variant' },
+   { name: 'bank', code: 'mdi-bank-outline' },
+   { name: 'receipt', code: 'mdi-receipt-text-outline' },
+   { name: 'raspberry-pi', code: 'mdi-raspberry-pi' },
+   { name: 'book', code: 'mdi-book-outline' },
+   { name: 'web', code: 'mdi-web' },
+   { name: 'multimedia', code: 'mdi-multimedia' },
+   { name: 'qr-code', code: 'mdi-qrcode' },
+   { name: 'flask', code: 'mdi-flask-outline' },
+   { name: 'memory', code: 'mdi-memory' },
+   { name: 'cube', code: 'mdi-cube-outline' },
+   { name: 'weather', code: 'mdi-weather-partly-snowy-rainy' },
+   { name: 'controller', code: 'mdi-controller' },
+   { name: 'home-group', code: 'mdi-home-group' },
+
+   // Vehicles
+   { name: 'truck', code: 'mdi-truck-outline' },
+   { name: 'car', code: 'mdi-car' },
+   { name: 'motorbike', code: 'mdi-atv' },
+   { name: 'train', code: 'mdi-train' },
+   { name: 'airplane', code: 'mdi-airplane' },
+   { name: 'ferry', code: 'mdi-ferry' },
+
+   // Brand
+   { name: 'docker', code: 'mdi-docker' },
+   { name: 'open-source', code: 'mdi-open-source-initiative' },
+   { name: 'aws', code: 'mdi-aws' },
+   { name: 'google-cloud', code: 'mdi-google-cloud' },
+   { name: 'microsoft-azure', code: 'mdi-microsoft-azure' },
+   { name: 'linux', code: 'mdi-linux' },
+   { name: 'microsoft-windows', code: 'mdi-microsoft-windows' },
+   { name: 'apple', code: 'mdi-apple' },
+   { name: 'android', code: 'mdi-android' }
+];
+
+const { trapRef } = useFocusTrap();
+
+const firstInput: Ref<HTMLInputElement> = ref(null);
+const localConnection: Ref<SidebarElement> = ref(unproxify(props.connection));
+
+const editFolderAppearence = () => {
+   updateConnectionOrder(localConnection.value);
+   closeModal();
+};
+
+const closeModal = () => emit('close');
+
+const onKey =(e: KeyboardEvent) => {
+   e.stopPropagation();
+   if (e.key === 'Escape')
+      closeModal();
+};
+
+onBeforeUnmount(() => {
+   window.removeEventListener('keydown', onKey);
+});
+
+</script>
+
+<style scoped lang="scss">
+  .modal-container {
+    max-width: 360px;
+  }
+
+  .icons-wrapper{
+      display: grid;
+      grid-template-columns: repeat(auto-fill, 40px);
+      gap: 5px;
+
+     .icon-box {
+         height: 40px;
+         width: 40px;
+         border-radius: 4px;
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         cursor: pointer;
+
+         &.selected {
+            outline: 2px solid $primary-color;
+            border-radius: 8px;
+         }
+     }
+  }
+
+  .theme-light {
+      .icons-wrapper {
+         .dbi {
+            filter: invert(100%) opacity(.8);
+
+            &.selected {
+               outline-color: #1c96d6;
+            }
+         }
+      }
+  }
+</style>

src/renderer/components/ModalExportSchema.vue

@@ -6,7 +6,7 @@
             <div class="modal-header pl-2">
                <div class="modal-title h6">
                   <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-arrow-down mr-1" />
+                     <i class="mdi mdi-24px mdi-database-export mr-1" />
                      <span class="cut-text">{{ t('message.exportSchema') }}</span>
                   </div>
                </div>
@@ -78,7 +78,7 @@
                         <div ref="table" class="table table-hover">
                            <div class="thead">
                               <div class="tr text-center">
-                                 <div class="th no-border" style="width: 50%;" />
+                                 <div class="th no-border" :style="'width: 50%;'" />
                                  <div class="th no-border">
                                     <label
                                        class="form-checkbox m-0 px-2 form-inline"
@@ -120,7 +120,7 @@
                                  </div>
                               </div>
                               <div class="tr">
-                                 <div class="th" style="width: 50%;">
+                                 <div class="th" :style="'width: 50%;'">
                                     <div class="table-column-title">
                                        <span>{{ t('word.table') }}</span>
                                     </div>

src/renderer/components/ModalFolderAppearence.vue

@@ -0,0 +1,152 @@
+<template>
+   <Teleport to="#window-content">
+      <div class="modal active">
+         <a class="modal-overlay" @click.stop="closeModal" />
+         <div ref="trapRef" class="modal-container p-0">
+            <div class="modal-header pl-2">
+               <div class="modal-title h6">
+                  <div class="d-flex">
+                     <i class="mdi mdi-24px mdi-folder-edit mr-1" />
+                     <span class="cut-text">{{ t('message.editFolder') }}</span>
+                  </div>
+               </div>
+               <a class="btn btn-clear c-hand" @click.stop="closeModal" />
+            </div>
+            <div class="modal-body pb-0">
+               <div class="content">
+                  <form class="form-horizontal">
+                     <div class="form-group mb-4">
+                        <div class="col-3">
+                           <label class="form-label">{{ t('word.name') }}</label>
+                        </div>
+                        <div class="col-9">
+                           <input
+                              ref="firstInput"
+                              v-model="localFolder.name"
+                              class="form-input"
+                              type="text"
+                              required
+                              :placeholder="t('message.folderName')"
+                           >
+                        </div>
+                     </div>
+                     <div class="form-group">
+                        <div class="col-3">
+                           <label class="form-label">{{ t('word.color') }}</label>
+                        </div>
+                        <div class="col-9 color-wrapper">
+                           <div
+                              v-for="color in colorPalette"
+                              :key="color.name"
+                              class="color-box"
+                              :title="color.name"
+                              :style="`background-color: ${color.hex}`"
+                              @click="localFolder.color = color.hex"
+                           >
+                              <i v-if="localFolder.color === color.hex" class="mdi mdi-check" />
+                           </div>
+                        </div>
+                     </div>
+                  </form>
+               </div>
+            </div>
+            <div class="modal-footer">
+               <button class="btn btn-primary mr-2" @click.stop="editFolderAppearence">
+                  {{ t('word.update') }}
+               </button>
+               <button class="btn btn-link" @click.stop="closeModal">
+                  {{ t('word.close') }}
+               </button>
+            </div>
+         </div>
+      </div>
+   </Teleport>
+</template>
+
+<script setup lang="ts">
+import { onBeforeUnmount, PropType, Ref, ref } from 'vue';
+import { useFocusTrap } from '@/composables/useFocusTrap';
+import { useI18n } from 'vue-i18n';
+import { SidebarElement, useConnectionsStore } from '@/stores/connections';
+import { unproxify } from '@/libs/unproxify';
+
+const connectionsStore = useConnectionsStore();
+
+const { t } = useI18n();
+
+const props = defineProps({
+   folder: {
+      type: Object as PropType<SidebarElement>,
+      required: true
+   }
+});
+
+const emit = defineEmits(['close']);
+
+const { updateConnectionOrder } = connectionsStore;
+
+const colorPalette = [
+   { name: 'default', hex: '#E36929' },
+   { name: 'grape-fruit', hex: '#ED5565' },
+   { name: 'rose', hex: '#E3242B' },
+   { name: 'fire', hex: '#FDA50F' },
+   { name: 'sunflower', hex: '#FFCE54' },
+   { name: 'moss', hex: '#8A985E' },
+   { name: 'grass', hex: '#6DCD05' },
+   { name: 'emerald', hex: '#038835' },
+   { name: 'mint', hex: '#48CFAD' },
+   { name: 'aqua', hex: '#4FC1E9' },
+   { name: 'royal-lblue', hex: '#4169E1' },
+   { name: 'blue-jeans', hex: '#5D9CEC' },
+   { name: 'stone', hex: '#59788E' },
+   { name: 'lavander', hex: '#AC92EC' },
+   { name: 'pink-rose', hex: '#EC87C0' },
+   { name: 'smoke', hex: '#BEBDB8' },
+   { name: 'slate', hex: '#757C88' }
+];
+
+const { trapRef } = useFocusTrap();
+
+const firstInput: Ref<HTMLInputElement> = ref(null);
+const localFolder: Ref<SidebarElement> = ref(unproxify(props.folder));
+
+const editFolderAppearence = () => {
+   updateConnectionOrder(localFolder.value);
+   closeModal();
+};
+
+const closeModal = () => emit('close');
+
+const onKey =(e: KeyboardEvent) => {
+   e.stopPropagation();
+   if (e.key === 'Escape')
+      closeModal();
+};
+
+onBeforeUnmount(() => {
+   window.removeEventListener('keydown', onKey);
+});
+
+</script>
+
+<style scoped lang="scss">
+  .modal-container {
+    max-width: 360px;
+  }
+
+  .color-wrapper{
+      display: grid;
+      grid-template-columns: repeat(auto-fill, 20px);
+      gap: 5px;
+
+     .color-box {
+         height: 20px;
+         width: 20px;
+         border-radius: 4px;
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         cursor: pointer;
+     }
+  }
+</style>

src/renderer/components/ModalImportSchema.vue

@@ -6,7 +6,7 @@
             <div class="modal-header pl-2">
                <div class="modal-title h6">
                   <div class="d-flex">
-                     <i class="mdi mdi-24px mdi-database-arrow-up mr-1" />
+                     <i class="mdi mdi-24px mdi-database-import mr-1" />
                      <span class="cut-text">{{ t('message.importSchema') }}</span>
                   </div>
                </div>

src/renderer/components/ModalSettings.vue

@@ -86,7 +86,7 @@
                                     />
                                  </div>
                                  <div class="col-4 col-sm-12 px-2 p-vcentered">
-                                    <small class="d-block" style="line-height: 1.1; font-size: 70%;">
+                                    <small class="d-block" :style="'line-height: 1.1; font-size: 70%;'">
                                        {{ t('message.missingOrIncompleteTranslation') }}<br>
                                        <a class="text-bold c-hand" @click="openOutside('https://github.com/antares-sql/antares/wiki/Translate-Antares')">{{ t('message.findOutHowToContribute') }}</a>
                                     </small>
@@ -120,6 +120,24 @@
                                     </label>
                                  </div>
                               </div>
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
+                                    <label class="form-label">
+                                       {{ t('message.showTableSize') }}
+                                    </label>
+                                 </div>
+                                 <div class="col-1 col-sm-12">
+                                    <label class="form-switch d-inline-block" @click.prevent="toggleShowTableSize">
+                                       <input type="checkbox" :checked="showTableSize">
+                                       <i class="form-icon" />
+                                    </label>
+                                 </div>
+                                 <div class="col-6 col-sm-12 px-2 p-vcentered">
+                                    <small class="d-block" :style="'line-height: 1.1; font-size: 70%;'">
+                                       {{ t('message.showTableSizeDescription') }}
+                                    </small>
+                                 </div>
+                              </div>
                               <div class="form-group column col-12 mb-0">
                                  <div class="col-5 col-sm-12">
                                     <label class="form-label">
@@ -196,6 +214,41 @@
                                     </label>
                                  </div>
                               </div>
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
+                                    <label class="form-label">
+                                       {{ t('message.executeSelectedQuery') }}
+                                    </label>
+                                 </div>
+                                 <div class="col-3 col-sm-12">
+                                    <label class="form-switch d-inline-block" @click.prevent="toggleExecuteSelected">
+                                       <input type="checkbox" :checked="selectedExecuteSelected">
+                                       <i class="form-icon" />
+                                    </label>
+                                 </div>
+                              </div>
+                           </div>
+                           <div class="column col-12 h6 mt-4 text-uppercase mb-1">
+                              {{ t('word.resultsTable') }}
+                           </div>
+                           <div class="column col-12 col-sm-12 columns">
+                              <div class="form-group column col-12">
+                                 <div class="col-5 col-sm-12">
+                                    <label class="form-label">
+                                       {{ t('message.defaultCopyType') }}
+                                    </label>
+                                 </div>
+                                 <div class="col-3 col-sm-12">
+                                    <BaseSelect
+                                       v-model="defaultCopyType"
+                                       class="form-select"
+                                       :options="copyTypes"
+                                       option-track-by="code"
+                                       option-label="name"
+                                       @change="changeDefaultCopyType(defaultCopyType)"
+                                    />
+                                 </div>
+                              </div>
                            </div>
                         </form>
                      </div>
@@ -379,8 +432,11 @@ const {
    dataTabLimit: pageSize,
    autoComplete: selectedAutoComplete,
    lineWrap: selectedLineWrap,
+   executeSelected: selectedExecuteSelected,
+   defaultCopyType: selectedCopyType,
    notificationsTimeout,
    restoreTabs,
+   showTableSize,
    disableBlur,
    disableScratchpad,
    applicationTheme,
@@ -398,10 +454,13 @@ const {
    changeDisableScratchpad,
    changeAutoComplete,
    changeLineWrap,
+   changeExecuteSelected,
    changeApplicationTheme,
    changeEditorTheme,
    changeEditorFontSize,
-   updateNotificationsTimeout
+   updateNotificationsTimeout,
+   changeDefaultCopyType,
+   changeShowTableSize
 } = settingsStore;
 const {
    hideSettingModal: closeModal,
@@ -417,7 +476,7 @@ const appLogo = require('../images/logo.svg');
 const darkPreview = require('../images/dark.png');
 const lightPreview = require('../images/light.png');
 const exampleQuery = `-- This is an example
-SELECT 
+SELECT
     employee.id,
     employee.first_name,
     employee.last_name,
@@ -433,6 +492,7 @@ ORDER BY
 `;
 
 const localLocale: Ref<AvailableLocale> = ref(null);
+const defaultCopyType: Ref<string> = ref(null);
 const localPageSize: Ref<number> = ref(null);
 const localTimeout: Ref<number> = ref(null);
 const localEditorTheme: Ref<string> = ref(null);
@@ -496,6 +556,14 @@ const locales = computed(() => {
    return locales;
 });
 
+const copyTypes = computed(() => [
+   { code: 'cell', name: t('word.cell') },
+   { code: 'html', name: t('word.table') },
+   { code: 'json', name: 'JSON' },
+   { code: 'csv', name: 'CSV' },
+   { code: 'sql', name: 'SQL insert' }
+]);
+
 const hasUpdates = computed(() => ['available', 'downloading', 'downloaded', 'link'].includes(updateStatus.value));
 
 const workspace = computed(() => {
@@ -534,6 +602,10 @@ const toggleRestoreSession = () => {
    changeRestoreTabs(!restoreTabs.value);
 };
 
+const toggleShowTableSize = () => {
+   changeShowTableSize(!showTableSize.value);
+};
+
 const toggleDisableBlur = () => {
    changeDisableBlur(!disableBlur.value);
 };
@@ -550,7 +622,12 @@ const toggleLineWrap = () => {
    changeLineWrap(!selectedLineWrap.value);
 };
 
+const toggleExecuteSelected = () => {
+   changeExecuteSelected(!selectedExecuteSelected.value);
+};
+
 localLocale.value = selectedLocale.value;
+defaultCopyType.value = selectedCopyType.value;
 localPageSize.value = pageSize.value as number;
 localTimeout.value = notificationsTimeout.value as number;
 localEditorTheme.value = editorTheme.value as string;

src/renderer/components/SettingBarConnections.vue

@@ -0,0 +1,218 @@
+<template>
+   <Draggable
+      :list="localList"
+      item-key="'uid'"
+      ghost-class="ghost"
+      :group="{ name: 'connections', pull: 'clone' }"
+      :swap-threshold="0.3"
+      @start="emit('start', $event)"
+      @end="emit('end', $event)"
+      @change="emit('update:modelValue', localList)"
+   >
+      <template #item="{ element }">
+         <li
+            v-if="element.isFolder || !folderedConnections.includes(element.uid)"
+            :draggable="true"
+            :class="{'folder': element.isFolder}"
+            @dragstart="draggedElement = element.uid"
+            @dragend="dragEnd"
+            @contextmenu.prevent="emit('context', $event, element)"
+         >
+            <div
+               v-if="!element.isFolder && !folderedConnections.includes(element.uid)"
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: getConnectionName(element.uid)
+               }"
+               class="settingbar-element btn btn-link"
+               :class="{ 'selected': element.uid === selectedWorkspace && coveredElement !== element.uid }"
+               placement="right"
+               strategy="fixed"
+               @click.stop="selectWorkspace(element.uid)"
+            >
+               <!-- Creates a new folder -->
+               <SettingBarConnections
+                  v-if="draggedElement && !foldersUid.includes(draggedElement)"
+                  class="drag-area"
+                  :class="[{'folder-preview': coveredElement === element.uid && draggedElement !== coveredElement}]"
+                  :list="dummyNested"
+                  @dragenter="coveredElement = element.uid"
+                  @dragleave="coveredElement = false"
+                  @change="createFolder"
+               />
+               <i v-if="coveredElement === element.uid && draggedElement !== coveredElement" class="settingbar-element-icon mdi mdi-folder-plus mdi-36px" />
+               <template v-else>
+                  <div class="settingbar-element-icon-wrapper">
+                     <i
+                        class="settingbar-element-icon dbi"
+                        :class="[element.icon ? `mdi ${element.icon} mdi-36px`: `dbi-${element.client}`, getStatusBadge(element.uid)]"
+                     />
+                     <small class="settingbar-element-name">{{ element.name || getConnectionName(element.uid) }}</small>
+                  </div>
+               </template>
+            </div>
+            <SettingBarConnectionsFolder
+               v-else-if="element.isFolder"
+               :key="`${element.uid}-${element.connections.length}`"
+               :folder="element"
+               :covered-element="coveredElement"
+               :dragged-element="draggedElement"
+               :folder-drag="folderDrag"
+               @select-workspace="selectWorkspace"
+               @covered="coveredElement = element.uid"
+               @uncovered="coveredElement = false"
+               @folder-sort="emit('update:modelValue', localList)"
+               @folder-drag="folderDrag = $event"
+               @context="emit('context', $event.event, $event.content)"
+            />
+         </li>
+      </template>
+   </Draggable>
+</template>
+<script setup lang="ts">
+import { computed, PropType, Ref, ref, watch } from 'vue';
+import { storeToRefs } from 'pinia';
+import * as Draggable from 'vuedraggable';
+import { SidebarElement, useConnectionsStore } from '@/stores/connections';
+import { useWorkspacesStore } from '@/stores/workspaces';
+import SettingBarConnectionsFolder from '@/components/SettingBarConnectionsFolder.vue';
+
+const workspacesStore = useWorkspacesStore();
+const connectionsStore = useConnectionsStore();
+
+const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
+const { getFolders: folders } = storeToRefs(connectionsStore);
+
+const { getWorkspace, selectWorkspace } = workspacesStore;
+const { getConnectionName, addFolder } = connectionsStore;
+
+const props = defineProps({
+   modelValue: {
+      type: Array as PropType<SidebarElement[]>,
+      default: () => []
+   }
+});
+
+const emit = defineEmits(['start', 'end', 'move', 'context', 'update:modelValue']);
+
+const localList = ref(props.modelValue);
+const dummyNested = ref([]);
+const draggedElement: Ref<string | false> = ref(false);
+const coveredElement: Ref<string | false> = ref(false);
+const folderDrag = ref(false);
+
+const foldersUid = computed(() => folders.value.reduce<string[]>((acc, curr) => {
+   acc.push(curr.uid);
+   return acc;
+}, []));
+const folderedConnections = computed(() => {
+   return folders.value.reduce<string[]>((acc, curr) => {
+      acc = [...acc, ...curr.connections];
+      return acc;
+   }, []);
+});
+
+const dragEnd = () => {
+   coveredElement.value = false;
+   draggedElement.value = false;
+};
+
+const createFolder = ({ added }: {added: { element: SidebarElement }}) => {
+   if (typeof coveredElement.value === 'string' && !added.element.isFolder) {
+      // Create folder
+      addFolder({
+         after: coveredElement.value,
+         connections: [coveredElement.value, added.element.uid]
+      });
+
+      coveredElement.value = false;
+   }
+};
+
+const getStatusBadge = (uid: string) => {
+   if (getWorkspace(uid)) {
+      const status = getWorkspace(uid).connectionStatus;
+
+      switch (status) {
+         case 'connected':
+            return 'badge badge-connected';
+         case 'connecting':
+            return 'badge badge-connecting';
+         case 'failed':
+            return 'badge badge-failed';
+         default:
+            return '';
+      }
+   }
+};
+
+watch(() => dummyNested.value.length, () => {
+   dummyNested.value = [];
+});
+
+watch(() => props.modelValue, (value) => {
+   localList.value = value;
+   folderDrag.value = false;// Prenent some edge cases
+});
+
+</script>
+<style lang="scss">
+.drag-area {
+  background-color: transparent;
+  z-index: 10;
+  position: absolute;
+  left: 20px;
+  top: 20px;
+  right: 20px;
+  bottom: 20px;
+  transition: all .2s;
+
+  &.folder-preview {
+      border: 2px dotted;
+      border-radius: 15px;
+      left: 5px;
+      top: 5px;
+      right: 5px;
+      bottom: 5px;
+  }
+
+   li {
+      display: none!important;
+   }
+}
+
+.ghost:not(.folder) {
+   height: $settingbar-width;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   padding: 4px;
+   position: relative;
+   transition: opacity .2s;
+
+   .settingbar-element {
+      border-radius: 15px!important;
+      background: rgba($color: #fff, $alpha: 0.1);
+
+      .settingbar-element-name {
+         position: absolute;
+         bottom: 5px;
+         left: 3px!important;
+         text-align: center!important;
+         font-size: 65%;
+         font-style: normal;
+         display: block;
+         overflow: hidden;
+         white-space: nowrap;
+         text-overflow: ellipsis;
+         line-height: 1;
+      }
+   }
+}
+
+.settingbar-element-icon {
+   display: flex;
+   color: $body-font-color-dark;
+}
+</style>

src/renderer/components/SettingBarConnectionsFolder.vue

@@ -0,0 +1,451 @@
+<template>
+   <div
+      v-tooltip="{
+         strategy: 'fixed',
+         placement: 'right',
+         content: folder.name,
+         disabled: isOpen || !folder.name
+      }"
+      class="settingbar-element folder btn btn-link p-1"
+      :class="[{ 'selected-inside': hasSelectedInside && !isOpen }]"
+      :style="isOpen ? `height: auto; opacity: 1;` : null"
+   >
+      <Draggable
+         class="folder-container"
+         :item-key="((item: string) => localList.indexOf(item))"
+         :class="[{'opened': isOpen}]"
+         :style="[
+            `background: ${folder.color};`,
+            isOpen ? `max-height: ${60*(folder.connections.length+1)}px` : 'max-height: 60px',
+            !isOpen || folderDrag ? `overflow: hidden;` : ''
+         ]"
+         :list="localList"
+         ghost-class="ghost"
+         :group="{ name: 'connections', put: folderDrag ? undefined : 'clone' }"
+         @start="dragStart"
+         @end="dragStop"
+      >
+         <template #header>
+            <div
+               v-if="!isOpen"
+               class="folder-overlay"
+               @click="openFolder"
+               @contextmenu.stop="emit('context', {event: $event, content: folder})"
+            />
+            <div
+               v-if="isOpen"
+               class="folder-icon"
+               :style="`color: ${folder.color};`"
+               @click="closeFolder"
+            >
+               <i class="folder-icon-open mdi mdi-folder-open mdi-36px" />
+               <i class="folder-icon-close mdi mdi-folder mdi-36px" />
+            </div>
+         </template>
+         <template #item="{ element }">
+            <div
+               :key="element"
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: getConnectionName(element)
+               }"
+               class="folder-element"
+               :class="{ 'selected': element === selectedWorkspace }"
+               @click="emit('select-workspace', element)"
+               @contextmenu.stop="emit('context', {event: $event, content: getConnectionOrderByUid(element)})"
+            >
+               <i
+                  class="folder-element-icon dbi"
+                  :class="[getConnectionOrderByUid(element)?.icon ? `mdi ${getConnectionOrderByUid(element).icon}`: `dbi-${getConnectionOrderByUid(element)?.client}`, getStatusBadge(element)]"
+               />
+               <small v-if="isOpen" class="folder-element-name">{{ getConnectionOrderByUid(element)?.name || getConnectionName(element) }}</small>
+            </div>
+         </template>
+      </Draggable>
+      <SettingBarConnections
+         v-if="draggedElement && !foldersUid.includes(draggedElement)"
+         class="drag-area"
+         :class="[{'folder-preview': coveredElement === folder.uid && draggedElement !== coveredElement}]"
+         :list="dummyNested"
+         :swap-threshold="1"
+         @dragenter="emit('covered')"
+         @dragleave="emit('uncovered')"
+         @change="addIntoFolder"
+      />
+   </div>
+</template>
+<script setup lang="ts">
+import { computed, PropType, ref, watch } from 'vue';
+import { storeToRefs } from 'pinia';
+import * as Draggable from 'vuedraggable';
+import { SidebarElement, useConnectionsStore } from '@/stores/connections';
+import { useWorkspacesStore } from '@/stores/workspaces';
+import SettingBarConnections from '@/components/SettingBarConnections.vue';
+
+const workspacesStore = useWorkspacesStore();
+const connectionsStore = useConnectionsStore();
+
+const { getFolders: folders } = storeToRefs(connectionsStore);
+const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
+
+const { getWorkspace } = workspacesStore;
+const { getConnectionOrderByUid, getConnectionName, addToFolder } = connectionsStore;
+
+const foldersOpened = JSON.parse(localStorage.getItem('opened-folders')) || [];
+
+const props = defineProps({
+   folder: {
+      type: Object as PropType<SidebarElement>,
+      required: true
+   },
+   folderDrag: {
+      type: Boolean,
+      default: false
+   },
+   draggedElement: {
+      type: [String, Boolean] as PropType<string | false>,
+      required: true
+   },
+   coveredElement: {
+      type: [String, Boolean] as PropType<string | false>,
+      required: true
+   }
+});
+
+const emit = defineEmits(['context', 'covered', 'uncovered', 'select-workspace', 'folder-sort', 'folder-drag']);
+
+const isOpen = ref(foldersOpened.includes(props.folder.uid));
+const localList = ref(props.folder.connections);
+const dummyNested = ref([]);
+
+const hasSelectedInside = computed(() => localList.value.includes(selectedWorkspace.value));
+
+const foldersUid = computed(() => folders.value.reduce<string[]>((acc, curr) => {
+   acc.push(curr.uid);
+   return acc;
+}, []));
+
+const addIntoFolder = ({ added }: {added: { element: SidebarElement }}) => {
+   if (typeof props.coveredElement === 'string' && !added.element.isFolder) {
+      addToFolder({
+         folder: props.coveredElement,
+         connection: added.element.uid
+      });
+
+      emit('uncovered');
+   }
+};
+
+const getStatusBadge = (uid: string) => {
+   if (getWorkspace(uid)) {
+      const status = getWorkspace(uid).connectionStatus;
+
+      switch (status) {
+         case 'connected':
+            return 'badge badge-connected';
+         case 'connecting':
+            return 'badge badge-connecting';
+         case 'failed':
+            return 'badge badge-failed';
+         default:
+            return '';
+      }
+   }
+};
+
+const openFolder = () => {
+   isOpen.value = true;
+   const opened: string[] = JSON.parse(localStorage.getItem('opened-folders')) || [];
+   opened.push(props.folder.uid);
+   localStorage.setItem('opened-folders', JSON.stringify(opened));
+};
+
+const closeFolder = () => {
+   isOpen.value = false;
+   let opened: string[] = JSON.parse(localStorage.getItem('opened-folders')) || [];
+   opened = opened.filter(uid => uid !== props.folder.uid);
+   localStorage.setItem('opened-folders', JSON.stringify(opened));
+};
+
+const dragStart = () => {
+   emit('folder-drag', true);
+};
+
+const dragStop = () => {
+   emit('folder-drag', false);
+};
+
+watch(() => dummyNested.value.length, () => {
+   dummyNested.value = [];
+});
+
+emit('folder-sort');// To apply changes on component key change
+</script>
+<style lang="scss" scoped>
+.folder {
+   position: relative;
+   &.selected-inside {
+      opacity: 1!important;
+
+      &::after {
+         height: 2.5rem;
+         position: absolute;
+      }
+   }
+
+   &::after {
+      content: "";
+      height: 0;
+      width: 3px;
+      transition: height 0.2s;
+      background-color: rgba($color: #fff, $alpha: 0.8);
+      border-radius: $border-radius;
+      position: absolute;
+      left: 0;
+   }
+}
+
+.folder-container {
+   display: grid;
+   grid-template-columns: auto auto;
+   grid-template-rows: 50%;
+   gap: 4px;
+   padding: 4px;
+   height: 100%;
+   width: 100%;
+   border-radius: 15px;
+   transition: background .3s;
+   color: $body-font-color-dark;
+
+   &::before {
+      content: "";
+      height: 0;
+      width: 3px;
+      transition: height 0.2s;
+      background-color: rgba($color: #fff, $alpha: 0.8);
+      border-radius: $border-radius;
+      position: absolute;
+      left: -11px;
+   }
+
+   .folder-element-icon {
+      margin: 0 auto;
+
+      &.badge::after {
+         top: 10px;
+         right: 0px;
+         position: absolute;
+         display: none;
+      }
+
+      &.badge-update::after {
+         bottom: initial;
+      }
+   }
+
+   &.opened {
+      gap: 4px 6px;
+      grid-template-columns: auto;
+      grid-template-rows: auto;
+      background: rgba($color: #fff, $alpha: 0.1)!important;
+      transition: max-height .1s;
+
+      .folder-element {
+         opacity: .6;
+         height: 2.5rem;
+         max-width: initial;
+         max-height: initial;
+         background: transparent;
+
+         &.ghost {
+            background: $bg-color-light-dark;
+            &.selected::before {
+               height: 0;
+               position: absolute;
+            }
+         }
+
+         &.selected {
+            opacity: 1;
+
+            &::before {
+               height: 2.5rem;
+               position: absolute;
+            }
+         }
+
+         &::before {
+            content: "";
+            height: 0;
+            width: 3px;
+            transition: height 0.2s;
+            background-color: rgba($color: #fff, $alpha: 0.8);
+            border-radius: $border-radius;
+            position: absolute;
+            left: -11px;
+         }
+
+         .folder-element-icon {
+            margin: 0 auto;
+            font-size: 36px;
+            display: flex;
+
+            &.badge::after {
+               top: 14px;
+               right: -4px;
+               position: absolute;
+               display: block;
+            }
+
+            &.badge-update::after {
+               bottom: initial;
+            }
+         }
+      }
+
+      .folder-icon {
+         height: 2.5rem;
+         display: flex;
+         align-items: center;
+         justify-content: center;
+         margin-bottom: 3px;
+         position: relative;
+         transition: opacity .2s;
+
+         .folder-icon-open {
+            display: block;
+         }
+
+         .folder-icon-close {
+            display: none;
+         }
+
+         &:hover {
+            opacity: 1;
+
+            .folder-icon-open {
+               display: none;
+            }
+
+            .folder-icon-close {
+               display: block;
+            }
+         }
+      }
+   }
+
+   .folder-overlay {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 10;
+   }
+
+   .folder-element {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      max-width: 23px;
+      max-height: 23px;
+      margin-bottom: 3px;
+      position: relative;
+      transition: opacity .2s;
+      background: $bg-color-light-dark;
+      border-radius: 8px;
+
+      &.ghost {
+         margin:0 ;
+         margin-bottom: 3px;
+         height: 2.5rem;
+      }
+
+      &:hover, &.selected {
+         opacity: 1;
+      }
+
+      .folder-element-icon {
+         transition: margin .2s;
+      }
+
+      .folder-element-name {
+         position: absolute;
+         max-width: 90%;
+         bottom: 0;
+         font-size: 65%;
+         font-style: normal;
+         display: block;
+         overflow: hidden;
+         white-space: nowrap;
+         text-overflow: ellipsis;
+         line-height: 1;
+         transition: bottom .2s;
+      }
+   }
+
+   &:not(.opened){
+      .folder-element {
+
+         .folder-element-icon {
+            width: 21px;
+            height: 21px;
+            font-size: 16px;
+         }
+      }
+   }
+}
+
+.ghost {
+   border-radius: 15px!important;
+   background: rgba($color: #fff, $alpha: 0.1);
+
+   &.folder-element {
+      height: $settingbar-width;
+      border-radius: 15px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 4px;
+      position: relative;
+      transition: opacity .2s;
+
+      &:hover, &.selected {
+         opacity: 1;
+      }
+
+      .folder-element-icon {
+         margin: 0 auto;
+         font-size: 36px;
+         display: flex;
+         align-items: center;
+         justify-content: center;
+
+         &.badge::after {
+            top: 5px;
+            right: -4px;
+            position: absolute;
+         }
+
+         &.badge-update::after {
+            bottom: initial;
+         }
+      }
+
+      .folder-element-name {
+         position: absolute;
+         max-width: 90%;
+         bottom: 5px;
+         text-align: center;
+         font-size: 65%;
+         font-style: normal;
+         display: block;
+         overflow: hidden;
+         white-space: nowrap;
+         text-overflow: ellipsis;
+         line-height: 1;
+      }
+   }
+}
+</style>

src/renderer/components/SettingBarContext.vue

@@ -3,20 +3,6 @@
       :context-event="contextEvent"
       @close-context="$emit('close-context')"
    >
-      <div
-         v-if="isPinned"
-         class="context-element"
-         @click="unpin"
-      >
-         <span class="d-flex"><i class="mdi mdi-18px mdi-pin-off text-light pr-1" /> {{ t('word.unpin') }}</span>
-      </div>
-      <div
-         v-else
-         class="context-element"
-         @click="pin"
-      >
-         <span class="d-flex"><i class="mdi mdi-18px mdi-pin mdi-rotate-45 text-light pr-1" /> {{ t('word.pin') }}</span>
-      </div>
       <div
          v-if="isConnected"
          class="context-element"
@@ -24,9 +10,16 @@
       >
          <span class="d-flex"><i class="mdi mdi-18px mdi-power text-light pr-1" /> {{ t('word.disconnect') }}</span>
       </div>
-      <div class="context-element" @click="duplicateConnection">
+      <div
+         v-if="!contextConnection.isFolder"
+         class="context-element"
+         @click="duplicateConnection"
+      >
          <span class="d-flex"><i class="mdi mdi-18px mdi-content-duplicate text-light pr-1" /> {{ t('word.duplicate') }}</span>
       </div>
+      <div class="context-element" @click.stop="showAppearenceModal">
+         <span class="d-flex"><i class="mdi mdi-18px mdi-brush-variant text-light pr-1" /> {{ t('word.appearence') }}</span>
+      </div>
       <div class="context-element" @click="showConfirmModal">
          <span class="d-flex"><i class="mdi mdi-18px mdi-delete text-light pr-1" /> {{ t('word.delete') }}</span>
       </div>
@@ -38,7 +31,7 @@
       >
          <template #header>
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-server-remove mr-1" /> {{ t('message.deleteConnection') }}
+               <i class="mdi mdi-24px mr-1" :class="[contextConnection.isFolder ? 'mdi-folder-remove' : 'mdi-server-remove']" /> {{ t(contextConnection.isFolder ? 'message.deleteFolder' : 'message.deleteConnection') }}
             </div>
          </template>
          <template #body>
@@ -47,6 +40,16 @@
             </div>
          </template>
       </ConfirmModal>
+      <ModalFolderAppearence
+         v-if="isFolderEdit"
+         :folder="contextConnection"
+         @close="hideAppearenceModal"
+      />
+      <ModalConnectionAppearence
+         v-if="isConnectionEdit"
+         :connection="contextConnection"
+         @close="hideAppearenceModal"
+      />
    </BaseContextMenu>
 </template>
 
@@ -55,26 +58,24 @@ import { computed, Prop, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { uidGen } from 'common/libs/uidGen';
 import { useI18n } from 'vue-i18n';
-import { useConnectionsStore } from '@/stores/connections';
+import { SidebarElement, useConnectionsStore } from '@/stores/connections';
 import { useWorkspacesStore } from '@/stores/workspaces';
 import BaseContextMenu from '@/components/BaseContextMenu.vue';
 import ConfirmModal from '@/components/BaseConfirmModal.vue';
-import { ConnectionParams } from 'common/interfaces/antares';
+import ModalFolderAppearence from '@/components/ModalFolderAppearence.vue';
+import ModalConnectionAppearence from '@/components/ModalConnectionAppearence.vue';
 
 const { t } = useI18n();
 
 const connectionsStore = useConnectionsStore();
 
 const {
+   getConnectionByUid,
    getConnectionName,
    addConnection,
-   deleteConnection,
+   deleteConnection
-   pinConnection,
-   unpinConnection
 } = connectionsStore;
 
-const { pinnedConnections } = storeToRefs(connectionsStore);
-
 const workspacesStore = useWorkspacesStore();
 const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
 
@@ -86,16 +87,17 @@ const {
 
 const props = defineProps({
    contextEvent: MouseEvent,
-   contextConnection: Object as Prop<ConnectionParams>
+   contextConnection: Object as Prop<SidebarElement>
 });
 
 const emit = defineEmits(['close-context']);
 
 const isConfirmModal = ref(false);
+const isFolderEdit = ref(false);
+const isConnectionEdit = ref(false);
 
-const connectionName = computed(() => getConnectionName(props.contextConnection.uid));
+const connectionName = computed(() => props.contextConnection.name || getConnectionName(props.contextConnection.uid) || t('word.folder', 1));
-const isConnected = computed(() => getWorkspace(props.contextConnection.uid).connectionStatus === 'connected');
+const isConnected = computed(() => getWorkspace(props.contextConnection.uid)?.connectionStatus === 'connected');
-const isPinned = computed(() => pinnedConnections.value.has(props.contextConnection.uid));
 
 const confirmDeleteConnection = () => {
    if (selectedWorkspace.value === props.contextConnection.uid)
@@ -105,7 +107,7 @@ const confirmDeleteConnection = () => {
 };
 
 const duplicateConnection = () => {
-   let connectionCopy = Object.assign({}, props.contextConnection);
+   let connectionCopy = getConnectionByUid(props.contextConnection.uid);
    connectionCopy = {
       ...connectionCopy,
       uid: uidGen('C'),
@@ -116,6 +118,19 @@ const duplicateConnection = () => {
    closeContext();
 };
 
+const showAppearenceModal = () => {
+   if (props.contextConnection.isFolder)
+      isFolderEdit.value = true;
+   else
+      isConnectionEdit.value = true;
+};
+
+const hideAppearenceModal = () => {
+   isConnectionEdit.value = false;
+   isFolderEdit.value = false;
+   closeContext();
+};
+
 const showConfirmModal = () => {
    isConfirmModal.value = true;
 };
@@ -125,16 +140,6 @@ const hideConfirmModal = () => {
    closeContext();
 };
 
-const pin = () => {
-   pinConnection(props.contextConnection.uid);
-   closeContext();
-};
-
-const unpin = () => {
-   unpinConnection(props.contextConnection.uid);
-   closeContext();
-};
-
 const disconnect = () => {
    disconnectWorkspace(props.contextConnection.uid);
    closeContext();

src/renderer/components/TheFooter.vue

@@ -1,18 +1,34 @@
 <template>
-   <div id="footer" class="text-light">
+   <div
+      id="footer"
+      :class="[lightColors.includes(footerColor) ? 'text-dark' : 'text-light']"
+      :style="`background-color: ${footerColor};`"
+   >
       <div class="footer-left-elements">
          <ul class="footer-elements">
             <li class="footer-element">
                <i class="mdi mdi-18px mdi-database mr-1" />
                <small>{{ versionString }}</small>
             </li>
+            <li v-if="connectionInfos && connectionInfos.readonly" class="footer-element">
+               <i class="mdi mdi-18px mdi-lock mr-1" />
+               <small>{{ t('message.readOnlyMode') }}</small>
+            </li>
+            <li v-if="connectionInfos && connectionInfos.ssl" class="footer-element">
+               <i class="mdi mdi-18px mdi-shield-key mr-1" />
+               <small>SSL</small>
+            </li>
+            <li v-if="connectionInfos && connectionInfos.ssh" class="footer-element">
+               <i class="mdi mdi-18px mdi-console-network mr-1" />
+               <small>SSH</small>
+            </li>
          </ul>
       </div>
 
       <div class="footer-right-elements">
          <ul class="footer-elements">
             <li
-               v-if="workspace?.connectionStatus === 'connected' "
+               v-if="workspace?.connectionStatus === 'connected'"
                class="footer-element footer-link"
                @click="toggleConsole()"
             >
@@ -50,6 +66,7 @@ import { useApplicationStore } from '@/stores/application';
 import { useWorkspacesStore } from '@/stores/workspaces';
 import { computed, ComputedRef } from 'vue';
 import { useConsoleStore } from '@/stores/console';
+import { useConnectionsStore } from '@/stores/connections';
 
 const { t } = useI18n();
 
@@ -62,14 +79,20 @@ interface DatabaseInfos {// TODO: temp
 
 const applicationStore = useApplicationStore();
 const workspacesStore = useWorkspacesStore();
+const connectionsStore = useConnectionsStore();
+
+const lightColors = ['#FFCE54', '#FDA50F', '#BEBDB8', '#48CFAD'];
 
 const { getSelected: workspaceUid } = storeToRefs(workspacesStore);
 const { toggleConsole } = useConsoleStore();
 
 const { showSettingModal } = applicationStore;
 const { getWorkspace } = workspacesStore;
+const { getConnectionFolder, getConnectionByUid } = connectionsStore;
 
 const workspace = computed(() => getWorkspace(workspaceUid.value));
+const footerColor = computed(() => getConnectionFolder(workspaceUid.value)?.color || '#E36929');
+const connectionInfos = computed(() => getConnectionByUid(workspaceUid.value));
 const version: ComputedRef<DatabaseInfos> = computed(() => {
    return getWorkspace(workspaceUid.value) ? workspace.value.version : null;
 });

src/renderer/components/TheSettingBar.vue

@@ -8,47 +8,10 @@
             @close-context="isContext = false"
          />
          <ul class="settingbar-elements">
-            <Draggable
+            <SettingBarConnections
-               v-model="pinnedConnectionsArr"
+               v-model="connectionsArr"
-               :item-key="'uid'"
+               @context="contextMenu"
-               @start="isDragging = true"
+            />
-               @end="dragStop"
-            >
-               <template #item="{ element }">
-                  <li
-                     :draggable="true"
-                     class="settingbar-element btn btn-link"
-                     :class="{ 'selected': element.uid === selectedWorkspace }"
-                     :title="getConnectionName(element.uid)"
-                     @click.stop="selectWorkspace(element.uid)"
-                     @contextmenu.prevent="contextMenu($event, element)"
-                  >
-                     <i
-                        class="settingbar-element-icon dbi"
-                        :class="[`dbi-${element.client}`, getStatusBadge(element.uid), (pinnedConnections.has(element.uid) ? 'settingbar-element-pin' : false)]"
-                     />
-                     <small class="settingbar-element-name">{{ getConnectionName(element.uid) }}</small>
-                  </li>
-               </template>
-            </Draggable>
-
-            <div v-if="pinnedConnectionsArr.length" class="divider" />
-
-            <li
-               v-for="connection in unpinnedConnectionsArr"
-               :key="connection.uid"
-               class="settingbar-element btn btn-link"
-               :class="{ 'selected': connection.uid === selectedWorkspace }"
-               :title="getConnectionName(connection.uid)"
-               @click.stop="selectWorkspace(connection.uid)"
-               @contextmenu.prevent="contextMenu($event, connection)"
-            >
-               <i
-                  class="settingbar-element-icon dbi"
-                  :class="[`dbi-${connection.client}`, getStatusBadge(connection.uid)]"
-               />
-               <small class="settingbar-element-name">{{ getConnectionName(connection.uid) }}</small>
-            </li>
          </ul>
       </div>
 
@@ -56,19 +19,31 @@
          <ul class="settingbar-elements">
             <li
                v-if="isScrollable"
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: t('message.allConnections')
+               }"
                class="settingbar-element btn btn-link"
-               :title="t('message.allConnections')"
                @click="emit('show-connections-modal')"
             >
-               <i class="settingbar-element-icon mdi mdi-24px mdi-dots-horizontal text-light" />
+               <div class="settingbar-element-icon-wrapper">
+                  <i class="settingbar-element-icon mdi mdi-24px mdi-dots-horizontal text-light" />
+               </div>
             </li>
             <li
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: t('message.addConnection')
+               }"
                class="settingbar-element btn btn-link"
                :class="{ 'selected': 'NEW' === selectedWorkspace }"
-               :title="t('message.addConnection')"
                @click="selectWorkspace('NEW')"
             >
-               <i class="settingbar-element-icon mdi mdi-24px mdi-plus text-light" />
+               <div class="settingbar-element-icon-wrapper">
+                  <i class="settingbar-element-icon mdi mdi-24px mdi-plus text-light" />
+               </div>
             </li>
          </ul>
       </div>
@@ -77,15 +52,23 @@
          <ul class="settingbar-elements">
             <li
                v-if="!disableScratchpad"
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: t('word.scratchpad')
+               }"
                class="settingbar-element btn btn-link"
-               :title="t('word.scratchpad')"
                @click="showScratchpad"
             >
                <i class="settingbar-element-icon mdi mdi-24px mdi-notebook-edit-outline text-light" />
             </li>
             <li
+               v-tooltip="{
+                  strategy: 'fixed',
+                  placement: 'right',
+                  content: t('word.settings')
+               }"
                class="settingbar-element btn btn-link"
-               :title="t('word.settings')"
                @click="showSettingModal('general')"
             >
                <i
@@ -102,16 +85,16 @@
 import { ref, Ref, computed, watch } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useApplicationStore } from '@/stores/application';
-import { useConnectionsStore } from '@/stores/connections';
+import { useConnectionsStore, SidebarElement } from '@/stores/connections';
 import { useWorkspacesStore } from '@/stores/workspaces';
 import { useSettingsStore } from '@/stores/settings';
-import * as Draggable from 'vuedraggable';
 import SettingBarContext from '@/components/SettingBarContext.vue';
-import { ConnectionParams } from 'common/interfaces/antares';
+import SettingBarConnections from '@/components/SettingBarConnections.vue';
 import { useElementBounding } from '@vueuse/core';
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
+localStorage.setItem('opened-folders', '[]');
 
 const applicationStore = useApplicationStore();
 const connectionsStore = useConnectionsStore();
@@ -119,121 +102,42 @@ const workspacesStore = useWorkspacesStore();
 const settingsStore = useSettingsStore();
 
 const { updateStatus } = storeToRefs(applicationStore);
-const { connections: storedConnections, pinnedConnections, lastConnections } = storeToRefs(connectionsStore);
 const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
+const { connectionsOrder } = storeToRefs(connectionsStore);
 const { disableScratchpad } = storeToRefs(settingsStore);
 
 const { showSettingModal, showScratchpad } = applicationStore;
-const { getConnectionName, updatePinnedConnections } = connectionsStore;
+const { updateConnectionsOrder, initConnectionsOrder } = connectionsStore;
-const { getWorkspace, selectWorkspace } = workspacesStore;
+const { selectWorkspace } = workspacesStore;
 
 const emit = defineEmits(['show-connections-modal']);
 
-const isLinux = process.platform === 'linux';
-
 const sidebarConnections: Ref<HTMLDivElement> = ref(null);
 const isContext: Ref<boolean> = ref(false);
-const isDragging: Ref<boolean> = ref(false);
 const isScrollable: Ref<boolean> = ref(false);
 const contextEvent: Ref<MouseEvent> = ref(null);
-const contextConnection: Ref<ConnectionParams> = ref(null);
+const contextConnection: Ref<SidebarElement> = ref(null);
 const sidebarConnectionsHeight = ref(useElementBounding(sidebarConnections)?.height);
 
-const pinnedConnectionsArr = computed({
+const connectionsArr = computed({
-   get: () => [...pinnedConnections.value].map(c => storedConnections.value.find(sc => sc.uid === c)).filter(Boolean),
+   get: () => connectionsOrder.value,
-   set: (value: ConnectionParams[]) => {
+   set: (value: SidebarElement[]) => {
-      const pinnedUid = value.reduce((acc, curr) => {
+      updateConnectionsOrder(value);
-         acc.push(curr.uid);
-         return acc;
-      }, []);
-
-      updatePinnedConnections(pinnedUid);
    }
 });
 
-const unpinnedConnectionsArr = computed(() => {
-   return storedConnections.value
-      .filter(c => !pinnedConnections.value.has(c.uid))
-      .map(c => {
-         const connTime = lastConnections.value.find((lc) => lc.uid === c.uid)?.time || 0;
-         return { ...c, time: connTime };
-      })
-      .sort((a, b) => {
-         if (a.time < b.time) return 1;
-         else if (a.time > b.time) return -1;
-         return 0;
-      });
-});
-
 const hasUpdates = computed(() => ['available', 'downloading', 'downloaded', 'link'].includes(updateStatus.value));
 
-const contextMenu = (event: MouseEvent, connection: ConnectionParams) => {
+const contextMenu = (event: MouseEvent, connection: SidebarElement) => {
    contextEvent.value = event;
    contextConnection.value = connection;
    isContext.value = true;
 };
 
-const tooltipPosition = (e: Event) => {
-   const el = (e.target ? e.target : e) as unknown as HTMLElement;
-   const tooltip = el.querySelector<HTMLElement>('.ex-tooltip-content');
-   if (tooltip) {
-      const fromTop = isLinux
-         ? window.scrollY + el.getBoundingClientRect().top + (el.offsetHeight / 4)
-         : window.scrollY + el.getBoundingClientRect().top - (el.offsetHeight / 4);
-      tooltip.style.top = `${fromTop}px`;
-   }
-};
-
-const getStatusBadge = (uid: string) => {
-   if (getWorkspace(uid)) {
-      const status = getWorkspace(uid).connectionStatus;
-
-      switch (status) {
-         case 'connected':
-            return 'badge badge-connected';
-         case 'connecting':
-            return 'badge badge-connecting';
-         case 'failed':
-            return 'badge badge-failed';
-         default:
-            return '';
-      }
-   }
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const dragStop = (e: any) => {
-   isDragging.value = false;
-
-   setTimeout(() => {
-      tooltipPosition(e.originalEvent.target.parentNode);
-   }, 200);
-};
-
 watch(sidebarConnectionsHeight, (value) => {
    isScrollable.value = value < sidebarConnections.value.scrollHeight;
 });
 
-watch(unpinnedConnectionsArr, (newVal, oldVal) => {
-   if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-      setTimeout(() => {
-         const element = document.querySelector<HTMLElement>('.settingbar-element.selected');
-         if (element) {
-            const rect = element.getBoundingClientRect();
-            const elemTop = rect.top;
-            const elemBottom = rect.bottom;
-            const isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);
-
-            if (!isVisible) {
-               element.setAttribute('tabindex', '-1');
-               element.focus();
-               element.removeAttribute('tabindex');
-            }
-         }
-      }, 50);
-   }
-});
-
 watch(selectedWorkspace, (newVal, oldVal) => {
    if (newVal !== oldVal) {
       setTimeout(() => {
@@ -246,6 +150,9 @@ watch(selectedWorkspace, (newVal, oldVal) => {
       }, 150);
    }
 });
+
+if (!connectionsArr.value.length)
+   initConnectionsOrder();
 </script>
 
 <style lang="scss">
@@ -281,6 +188,22 @@ watch(selectedWorkspace, (newVal, oldVal) => {
       padding: 0;
       margin: 0;
 
+      li {
+         margin: 0;
+         background: $bg-color-light-dark;
+
+         &.ghost {
+            border-radius: $border-radius;
+
+            .settingbar-element {
+               &.selected::before {
+                  height: 0;
+                  width: 0;
+               }
+            }
+         }
+      }
+
       .settingbar-element {
          height: $settingbar-width;
          width: 100%;
@@ -289,7 +212,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
          transition: opacity 0.2s;
          display: flex;
          align-items: center;
-         justify-content: flex-start;
+         justify-content: center;
          border-radius: 0;
          padding: 0;
          position: relative;
@@ -302,7 +225,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
             opacity: 1;
 
             &::before {
-               height: $settingbar-width;
+               height: calc(#{$settingbar-width} - 0.4rem);
             }
          }
 
@@ -311,53 +234,56 @@ watch(selectedWorkspace, (newVal, oldVal) => {
             height: 0;
             width: 3px;
             transition: height 0.2s;
-            background-color: $primary-color;
+            background-color: rgba($color: #fff, $alpha: 0.8);
             border-radius: $border-radius;
          }
 
-         .settingbar-element-icon {
+         .settingbar-element-icon-wrapper{
-            margin: 0 auto;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
 
-            &.badge::after {
+            .settingbar-element-icon {
-               top: 5px;
+               &.badge::after {
-               right: -4px;
+                  top: 10px;
-               position: absolute;
+                  right: -6px;
+                  position: absolute;
+               }
+
+               &.badge-update::after {
+                  bottom: initial;
+               }
             }
 
-            &.badge-update::after {
+            .settingbar-element-name {
-               bottom: initial;
+               font-size: 65%;
+               max-width: 90%;
+               font-style: normal;
+               display: block;
+               overflow: hidden;
+               white-space: nowrap;
+               text-overflow: ellipsis;
+               width: calc($settingbar-width - 15px);
+               line-height: 1.1;
+               color: rgba($body-font-color-dark, 0.8);
+               text-align: center;
             }
-         }
 
-         .settingbar-element-name {
+            .settingbar-element-pin {// <- Dead
-            font-size: 65%;
+               margin: 0 auto;
-            bottom: 5px;
-            left: 7px;
-            position: absolute;
-            font-style: normal;
-            display: block;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            width: calc($settingbar-width - 15px);
-            text-align: left;
-            line-height: 1.1;
-            color: rgba($body-font-color-dark, 0.8);
-            text-align: center;
-         }
 
-         .settingbar-element-pin {
+               &::before {
-            margin: 0 auto;
+                  font: normal normal normal 14px/1 "Material Design Icons";
-
+                  content: "\F0403";
-            &::before {
+                  color: $body-font-color-dark;
-               font: normal normal normal 14px/1 "Material Design Icons";
+                  transform: rotate(45deg);
-               content: "\F0403";
+                  opacity: 0.25;
-               color: $body-font-color-dark;
+                  top: -8px;
-               transform: rotate(45deg);
+                  left: -10px;
-               opacity: 0.25;
+                  position: absolute;
-               top: -8px;
+               }
-               left: -10px;
-               position: absolute;
             }
          }
       }

src/renderer/components/TheTitleBar.vue

@@ -30,7 +30,7 @@
          >
             <i class="mdi mdi-24px mdi-refresh" />
          </div>
-         <div v-if="isWindows" style="width: 140px;" />
+         <div v-if="isWindows" :style="'width: 140px;'" />
       </div>
    </div>
 </template>
@@ -67,7 +67,7 @@ const windowTitle = computed(() => {
 
    const connectionName = getConnectionName(selectedWorkspace.value);
    const workspace = getWorkspace(selectedWorkspace.value);
-   const breadcrumbs = Object.values(workspace.breadcrumbs).filter(breadcrumb => breadcrumb) || [workspace.client];
+   const breadcrumbs = workspace ? Object.values(workspace.breadcrumbs).filter(breadcrumb => breadcrumb) || [workspace.client] : [];
 
    return [connectionName, ...breadcrumbs].join(' • ');
 });

src/renderer/components/WorkspaceEmptyState.vue

@@ -7,7 +7,7 @@
          {{ t('message.noOpenTabs') }}
       </p>
       <div class="empty-action">
-         <button class="btn btn-gray d-flex" @click="emit('new-tab')">
+         <button class="btn btn-primary d-flex" @click="emit('new-tab')">
             <i class="mdi mdi-24px mdi-tab-plus mr-2" />
             {{ t('message.openNewTab') }}
          </button>
@@ -45,7 +45,7 @@ const workspace = computed(() => {
 changeBreadcrumbs({ schema: workspace.value.breadcrumbs.schema });
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
   .empty {
     height: 100%;
     border-radius: 0;

src/renderer/components/WorkspaceExploreBar.vue

@@ -32,13 +32,20 @@
             </span>
          </div>
          <div class="workspace-explorebar-search">
-            <div v-if="workspace.connectionStatus === 'connected'" class="has-icon-right">
+            <div v-if="workspace.connectionStatus === 'connected'" class="input-group has-icon-right">
+               <div
+                  class="input-group-addon px-1 py-0 p-vcentered c-hand"
+                  :title="t('message.switchSearchMethod')"
+                  @click="toggleSearchMethod"
+               >
+                  <i class="mdi mdi-18px" :class="[searchMethod === 'elements' ? 'mdi-shape' : 'mdi-database']" />
+               </div>
                <input
                   ref="searchInput"
                   v-model="searchTerm"
                   class="form-input input-sm"
                   type="text"
-                  :placeholder="t('message.searchForElements')"
+                  :placeholder="searchMethod === 'elements' ? t('message.searchForElements') : t('message.searchForSchemas')"
                >
                <i v-if="!searchTerm" class="form-icon mdi mdi-magnify mdi-18px" />
                <i
@@ -50,11 +57,12 @@
          </div>
          <div class="workspace-explorebar-body" @click="explorebar.focus()">
             <WorkspaceExploreBarSchema
-               v-for="db of workspace.structure"
+               v-for="db of filteredSchemas"
                :key="db.name"
                ref="schema"
                :database="db"
                :connection="connection"
+               :search-method="searchMethod"
                @show-schema-context="openSchemaContext"
                @show-table-context="openTableContext"
                @show-misc-context="openMiscContext"
@@ -181,6 +189,7 @@ const selectedSchema = ref('');
 const selectedTable = ref(null);
 const selectedMisc = ref(null);
 const searchTerm = ref('');
+const searchMethod: Ref<'elements' | 'schemas'> = ref('elements');
 
 const workspace = computed(() => {
    return getWorkspace(props.connection.uid);
@@ -194,6 +203,13 @@ const customizations = computed(() => {
    return workspace.value.customizations;
 });
 
+const filteredSchemas = computed(() => {
+   if (searchMethod.value === 'schemas')
+      return workspace.value.structure.filter(schema => schema.name.search(searchTerm.value) >= 0);
+   else
+      return workspace.value.structure;
+});
+
 watch(localWidth, (val: number) => {
    clearTimeout(explorebarWidthInterval.value);
 
@@ -403,6 +419,15 @@ const duplicateTable = async (payload: { schema: string; table: { name: string }
    });
 };
 
+const toggleSearchMethod = () => {
+   searchTerm.value = '';
+   setSearchTerm(searchTerm.value);
+
+   if (searchMethod.value === 'elements')
+      searchMethod.value = 'schemas';
+   else
+      searchMethod.value = 'elements';
+};
 </script>
 
 <style lang="scss">
@@ -478,6 +503,8 @@ const duplicateTable = async (payload: { schema: string; table: { name: string }
       justify-content: space-between;
       font-size: 0.6rem;
       height: 28px;
+      margin: 5px 0;
+      z-index: 10;
 
       .has-icon-right {
         width: 100%;
@@ -491,6 +518,7 @@ const duplicateTable = async (payload: { schema: string; table: { name: string }
         .form-input {
           height: 1.2rem;
           padding-left: 0.2rem;
+          border-radius:0 $border-radius $border-radius 0;
 
           &:focus + .form-icon {
             opacity: 0.9;

src/renderer/components/WorkspaceExploreBarSchema.vue

@@ -10,7 +10,7 @@
          <i v-else class="icon mdi mdi-18px mdi-chevron-right" />
          <i class="database-icon mdi mdi-18px mdi-database mr-1" />
          <div class="">
-            <span>{{ database.name }}</span>
+            <span v-html="highlightWord(database.name, 'schemas')" />
             <div
                v-if="database.size"
                class="schema-size tooltip tooltip-left mr-1"
@@ -42,7 +42,7 @@
                      <span v-html="highlightWord(table.name)" />
                   </a>
                   <div
-                     v-if="table.type === 'table' && table.size !== false"
+                     v-if="table.type === 'table' && table.size !== false && !isNaN(table.size)"
                      class="table-size  tooltip tooltip-left mr-1"
                      :data-tooltip="formatBytes(table.size)"
                   >
@@ -249,7 +249,8 @@ const { t } = useI18n();
 
 const props = defineProps({
    database: Object as Prop<WorkspaceStructure>,
-   connection: Object
+   connection: Object,
+   searchMethod: String as Prop<'elements' | 'schemas'>
 });
 
 const emit = defineEmits([
@@ -282,29 +283,51 @@ const searchTerm = computed(() => {
 });
 
 const filteredTables = computed(() => {
-   return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0);
+   if (props.searchMethod === 'elements')
+      return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0);
+   else
+      return props.database.tables;
 });
 
 const filteredTriggers = computed(() => {
-   return props.database.triggers.filter(trigger => trigger.name.search(searchTerm.value) >= 0);
+   if (props.searchMethod === 'elements')
+      return props.database.triggers.filter(trigger => trigger.name.search(searchTerm.value) >= 0);
+   else
+      return props.database.triggers;
 });
 
 const filteredProcedures = computed(() => {
-   return props.database.procedures.filter(procedure => procedure.name.search(searchTerm.value) >= 0);
+   if (props.searchMethod === 'elements')
+      return props.database.procedures.filter(procedure => procedure.name.search(searchTerm.value) >= 0);
+   else
+      return props.database.procedures;
 });
 
 const filteredFunctions = computed(() => {
-   return props.database.functions.filter(func => func.name.search(searchTerm.value) >= 0);
+   if (props.searchMethod === 'elements')
+      return props.database.functions.filter(func => func.name.search(searchTerm.value) >= 0);
+   else
+      return props.database.functions;
 });
 
 const filteredTriggerFunctions = computed(() => {
-   return props.database.triggerFunctions
+   if (props.searchMethod === 'elements') {
-      ? props.database.triggerFunctions.filter(func => func.name.search(searchTerm.value) >= 0)
+      return props.database.triggerFunctions
-      : [];
+         ? props.database.triggerFunctions.filter(func => func.name.search(searchTerm.value) >= 0)
+         : [];
+   }
+   else {
+      return props.database.triggerFunctions
+         ? props.database.triggerFunctions
+         : [];
+   }
 });
 
 const filteredSchedulers = computed(() => {
-   return props.database.schedulers.filter(scheduler => scheduler.name.search(searchTerm.value) >= 0);
+   if (props.searchMethod === 'elements')
+      return props.database.schedulers.filter(scheduler => scheduler.name.search(searchTerm.value) >= 0);
+   else
+      return props.database.schedulers;
 });
 
 const workspace = computed(() => {
@@ -446,10 +469,10 @@ const setBreadcrumbs = (payload: Breadcrumb) => {
    changeBreadcrumbs(payload);
 };
 
-const highlightWord = (string: string) => {
+const highlightWord = (string: string, type = 'elements') => {
    string = string.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
 
-   if (searchTerm.value) {
+   if (searchTerm.value && props.searchMethod === type) {
       const regexp = new RegExp(`(${searchTerm.value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
       return string.replace(regexp, '<span class="text-primary">$1</span>');
    }

src/renderer/components/WorkspaceExploreBarSchemaContext.vue

@@ -63,14 +63,14 @@
          class="context-element"
          @click="showExportSchemaModal"
       >
-         <span class="d-flex"><i class="mdi mdi-18px mdi-database-arrow-down text-light pr-1" /> {{ t('word.export') }}</span>
+         <span class="d-flex"><i class="mdi mdi-18px mdi-database-export text-light pr-1" /> {{ t('word.export') }}</span>
       </div>
       <div
          v-if="workspace.customizations.schemaImport"
          class="context-element"
          @click="initImport"
       >
-         <span class="d-flex"><i class="mdi mdi-18px mdi-database-arrow-up text-light pr-1" /> {{ t('word.import') }}</span>
+         <span class="d-flex"><i class="mdi mdi-18px mdi-database-import text-light pr-1" /> {{ t('word.import') }}</span>
       </div>
       <div
          v-if="workspace.customizations.schemaEdit"

src/renderer/components/WorkspaceTabNewTable.vue

@@ -312,9 +312,10 @@ const clearChanges = () => {
 };
 
 const addField = () => {
+   const uid = uidGen();
    localFields.value.push({
-      _antares_id: uidGen(),
+      _antares_id: uid,
-      name: `${t('word.field', 1)}_${++newFieldsCounter.value}`,
+      name: `${t('word.field', 1)}_${uid.substring(0, 4)}`,
       key: '',
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       type: (workspace.value.dataTypes[0] as any).types[0].name,

src/renderer/components/WorkspaceTabPropsTable.vue

@@ -187,6 +187,7 @@ import WorkspaceTabPropsTableFields from '@/components/WorkspaceTabPropsTableFie
 import WorkspaceTabPropsTableIndexesModal from '@/components/WorkspaceTabPropsTableIndexesModal.vue';
 import WorkspaceTabPropsTableForeignModal from '@/components/WorkspaceTabPropsTableForeignModal.vue';
 import { ipcRenderer } from 'electron';
+import { useSettingsStore } from '@/stores/settings';
 
 const { t } = useI18n();
 
@@ -200,8 +201,10 @@ const props = defineProps({
 
 const { addNotification } = useNotificationsStore();
 const workspacesStore = useWorkspacesStore();
+const settingsStore = useSettingsStore();
 
 const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
+const { showTableSize } = settingsStore;
 
 const {
    getWorkspace,
@@ -257,7 +260,7 @@ const isChanged = computed(() => {
 const getTableOptions = async (params: {uid: string; schema: string; table: string}) => {
    const db = workspace.value.structure.find(db => db.name === props.schema);
 
-   if (db && db.tables.length && props.table)
+   if (db && db.tables.length && props.table && showTableSize)
       tableOptions.value = db.tables.find(table => table.name === props.table);
    else {
       const { status, response } = await Tables.getTableOptions(params);

src/renderer/components/WorkspaceTabPropsTableRow.vue

@@ -410,7 +410,7 @@ const types = computed(() => {
    const types = [...props.dataTypes];
    if (!isInDataTypes.value)
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (types as any).unshift({ name: props.row });
+      (types as any).unshift({ name: props.row.type });
 
    return types;
 });
@@ -532,7 +532,10 @@ const editOFF = () => {
             break;
          case 'custom':
             localRow.value.autoIncrement = false;
-            localRow.value.default = Number.isNaN(+defaultValue.value.custom) ? `'${defaultValue.value.custom}'` : defaultValue.value.custom;
+            if (fieldType.value.group === 'string')
+               localRow.value.default = `'${defaultValue.value.custom}'`;
+            else
+               localRow.value.default = defaultValue.value.custom;
             break;
          case 'expression':
             localRow.value.autoIncrement = false;

src/renderer/components/WorkspaceTabQuery.vue

@@ -198,6 +198,7 @@ import WorkspaceTabQueryEmptyState from '@/components/WorkspaceTabQueryEmptyStat
 import ModalHistory from '@/components/ModalHistory.vue';
 import BaseSelect from '@/components/BaseSelect.vue';
 import { ipcRenderer } from 'electron';
+import { useSettingsStore } from '@/stores/settings';
 
 const { t } = useI18n();
 
@@ -222,6 +223,7 @@ const { addNotification } = useNotificationsStore();
 const workspacesStore = useWorkspacesStore();
 
 const { consoleHeight } = storeToRefs(useConsoleStore());
+const { executeSelected } = storeToRefs(useSettingsStore());
 
 const {
    getWorkspace,
@@ -290,8 +292,10 @@ const runQuery = async (query: string) => {
    if (!query || isQuering.value) return;
    isQuering.value = true;
 
-   const selectedQuery = queryEditor.value.editor.getSelectedText();
+   if (executeSelected.value) {
-   if (selectedQuery) query = selectedQuery;
+      const selectedQuery = queryEditor.value.editor.getSelectedText();
+      if (selectedQuery) query = selectedQuery;
+   }
 
    clearTabData();
    queryTable.value.resetSort();

src/renderer/components/WorkspaceTabQueryTable.vue

@@ -31,7 +31,7 @@
             :class="{'active': resultsetIndex === index}"
             @click="selectResultset(index)"
          >
-            <a>{{ result.fields ? result.fields[0].table : '' }} ({{ result.rows.length }})</a>
+            <a>{{ result.fields ? result.fields[0]?.table : '' }} ({{ result.rows.length }})</a>
          </li>
       </ul>
       <div ref="table" class="table table-hover">
@@ -111,6 +111,37 @@
             </div>
          </template>
       </ConfirmModal>
+
+      <ConfirmModal
+         v-if="chunkModalRequest"
+         @confirm="downloadTable('sql', chunkModalRequest as string, true)"
+         @hide="chunkModalRequest = false"
+      >
+         <template #header>
+            <div class="d-flex">
+               <i class="mdi mdi-24px mdi-file-export mr-1" />
+               <span class="cut-text">{{ t('message.newInserStmtEvery') }}:</span>
+            </div>
+         </template>
+         <template #body>
+            <div class="columns">
+               <div class="column col-6">
+                  <input
+                     v-model.number="sqlExportOptions.sqlInsertAfter"
+                     type="number"
+                     class="form-input"
+                  >
+               </div>
+               <div class="column col-6">
+                  <BaseSelect
+                     v-model="sqlExportOptions.sqlInsertDivider"
+                     class="form-select"
+                     :options="[{value: 'bytes', label: 'KiB'}, {value: 'rows', label: t('word.row', 2)}]"
+                  />
+               </div>
+            </div>
+         </template>
+      </ConfirmModal>
    </div>
 </template>
 
@@ -128,6 +159,7 @@ import BaseVirtualScroll from '@/components/BaseVirtualScroll.vue';
 import WorkspaceTabQueryTableRow from '@/components/WorkspaceTabQueryTableRow.vue';
 import TableContext from '@/components/WorkspaceTabQueryTableContext.vue';
 import ConfirmModal from '@/components/BaseConfirmModal.vue';
+import BaseSelect from '@/components/BaseSelect.vue';
 import * as moment from 'moment';
 import { useI18n } from 'vue-i18n';
 import { TableField, QueryResult } from 'common/interfaces/antares';
@@ -142,7 +174,7 @@ const settingsStore = useSettingsStore();
 const consoleStore = useConsoleStore();
 const { getWorkspace } = useWorkspacesStore();
 
-const { dataTabLimit: pageSize } = storeToRefs(settingsStore);
+const { dataTabLimit: pageSize, defaultCopyType } = storeToRefs(settingsStore);
 
 const { consoleHeight } = storeToRefs(consoleStore);
 
@@ -179,9 +211,15 @@ const scrollElement = ref(null);
 const rowHeight = ref(23);
 const selectedField = ref(null);
 const isEditingRow = ref(false);
+const chunkModalRequest: Ref<false | string> = ref(false);
+const sqlExportOptions = ref({
+   sqlInsertAfter: 250,
+   sqlInsertDivider: 'bytes' as 'bytes' | 'rows'
+});
 
 const workspaceSchema = computed(() => getWorkspace(props.connUid).breadcrumbs.schema);
 const workspaceClient = computed(() => getWorkspace(props.connUid).client);
+const customizations = computed(() => getWorkspace(props.connUid).customizations);
 
 const primaryField = computed(() => {
    const primaryFields = fields.value.filter(field => field.key === 'pri');
@@ -219,7 +257,7 @@ const sortedResults = computed(() => {
       return localResults.value;
 });
 
-const resultsWithRows = computed(() => props.results.filter(result => result.rows));
+const resultsWithRows = computed(() => props.results.filter(result => result.rows.length));
 const fields = computed(() => resultsWithRows.value.length ? resultsWithRows.value[resultsetIndex.value].fields : []);
 const keyUsage = computed(() => resultsWithRows.value.length ? resultsWithRows.value[resultsetIndex.value].keys : []);
 
@@ -438,20 +476,17 @@ const copyRow = (format: string) => {
    if (format === 'json')
       navigator.clipboard.writeText(JSON.stringify(contentToCopy));
    else if (format === 'sql') {
-      const sqlInserts = [];
       if (!Array.isArray(contentToCopy)) contentToCopy = [contentToCopy];
 
-      for (const row of contentToCopy) {
+      const sqlInserts = jsonToSqlInsert({
-         sqlInserts.push(jsonToSqlInsert({
+         json: contentToCopy,
-            json: row,
+         client: workspaceClient.value,
-            client: workspaceClient.value,
+         fields: fieldsObj.value as {
-            fields: fieldsObj.value as {
+            [key: string]: {type: string; datePrecision: number};
-               [key: string]: {type: string; datePrecision: number};
+         },
-            },
+         table: getTable(resultsetIndex.value)
-            table: getTable(resultsetIndex.value)
+      });
-         }));
+      navigator.clipboard.writeText(sqlInserts);
-      }
-      navigator.clipboard.writeText(sqlInserts.join('\n'));
    }
    else if (format === 'csv') {
       const csv = [];
@@ -465,6 +500,42 @@ const copyRow = (format: string) => {
 
       navigator.clipboard.writeText(csv.join('\n'));
    }
+   else if (format === 'html') {
+      const arrayContent = new Array<string[]>();
+      if (!Array.isArray(contentToCopy)) contentToCopy = [contentToCopy];
+
+      for (const row of contentToCopy)
+         arrayContent.push(Object.values(row));
+
+      const htmlContent = createHtmlTable(arrayContent);
+      const htmlBlob = new Blob([htmlContent.outerHTML], { type: 'text/html' });
+      const textBlob = new Blob([arrayContent.map(row => row.join('\t')).join('\n')], { type: 'text/plain' });
+      const data = [new ClipboardItem({
+         'text/plain': textBlob,
+         'text/html': htmlBlob
+      })];
+
+      navigator.clipboard.write(data);
+   }
+};
+
+const createHtmlTable = (tableData: Array<string[]>) => {
+   const table = document.createElement('table');
+   const tableBody = document.createElement('tbody');
+   tableData.forEach(function (rowData: Array<string>) {
+      const row = document.createElement('tr');
+
+      rowData.forEach(function (cellData: string) {
+         const cell = document.createElement('td');
+         cell.appendChild(document.createTextNode(cellData));
+         row.appendChild(cell);
+      });
+
+      tableBody.appendChild(row);
+   });
+
+   table.appendChild(tableBody);
+   return table;
 };
 
 const fillCell = (event: { name: string; group: string; type: string }) => {
@@ -580,11 +651,11 @@ const deselectRows = (e: Event) => {
       if (!isDeleteConfirmModal.value)
          selectedRows.value = [];
 
-      selectedField.value = null;
-
       if (e.type === 'blur')
          hasFocus.value = false;
    }
+
+   selectedField.value = null;
 };
 
 const contextMenu = (event: MouseEvent, cell: any) => {
@@ -629,22 +700,31 @@ const selectResultset = (index: number) => {
    resultsetIndex.value = index;
 };
 
-const downloadTable = (format: 'csv' | 'json' | 'sql', table: string) => {
+const downloadTable = (format: 'csv' | 'json' | 'sql', table: string, chunks = false) => {
    if (!sortedResults.value) return;
 
-   const rows = JSON.parse(JSON.stringify(sortedResults.value)).map((row: any) => {
+   if (format === 'sql' && !chunks && customizations.value.exportByChunks) {
-      delete row._antares_id;
+      chunkModalRequest.value = table;
-      return row;
+      return;
+   }
+   else
+      chunkModalRequest.value = false;
+
+   const rows = sortedResults.value.map((row: any) => {
+      const clonedRow = { ...row };
+      delete clonedRow._antares_id;
+      return clonedRow;
    });
 
    exportRows({
       type: format,
       content: rows,
-      fields: fieldsObj.value as {
+      fields: JSON.parse(JSON.stringify(fieldsObj.value)) as {
          [key: string]: {type: string; datePrecision: number};
       },
       client: workspaceClient.value,
-      table
+      table,
+      sqlOptions: chunks ? { ...sqlExportOptions.value }: null
    });
 };
 
@@ -661,6 +741,18 @@ const onKey = async (e: KeyboardEvent) => {
    if ((e.ctrlKey || e.metaKey) && e.code === 'KeyA' && !e.altKey)
       selectAllRows(e);
 
+   if ((e.ctrlKey || e.metaKey) && e.code === 'KeyC' && !e.altKey) {
+      const copyType = defaultCopyType.value;
+      if (selectedRows.value.length >= 1) {
+         if (selectedRows.value.length === 1 && copyType === 'cell')
+            await navigator.clipboard.writeText(scrollElement.value.querySelector('.td.selected').innerText);
+         else if (selectedRows.value.length > 1 && copyType === 'cell')
+            copyRow('html');
+         else
+            copyRow(copyType);
+      }
+   }
+
    // row navigation stuff
    if (!(e.ctrlKey || e.metaKey) && (e.code.includes('Arrow') || e.code === 'Tab') && sortedResults.value.length > 0 && !e.altKey) {
       e.preventDefault();

src/renderer/components/WorkspaceTabQueryTableContext.vue

@@ -16,6 +16,11 @@
                   <i class="mdi mdi-18px mdi-numeric-0 mdi-rotate-90 text-light pr-1" /> {{ t('word.cell', 1) }}
                </span>
             </div>
+            <div class="context-element" @click="copyRow('html')">
+               <span class="d-flex">
+                  <i class="mdi mdi-18px mdi-table-row text-light pr-1" /> {{ t('word.row', selectedRows.length) }} ({{ t('word.table') }})
+               </span>
+            </div>
             <div class="context-element" @click="copyRow('json')">
                <span class="d-flex">
                   <i class="mdi mdi-18px mdi-table-row text-light pr-1" /> {{ t('word.row', selectedRows.length) }} (JSON)

src/renderer/i18n/en-US.ts

@@ -143,7 +143,13 @@ export const enUS = {
       pin: 'Pin',
       unpin: 'Unpin',
       console: 'Console',
-      shortcuts: 'Shortcuts'
+      shortcuts: 'Shortcuts',
+      folder: 'Folder | Folders',
+      appearence: 'Appearence',
+      color: 'Color',
+      label: 'Label',
+      icon: 'Icon',
+      resultsTable: 'Results table'
    },
    message: {
       appWelcome: 'Welcome to Antares SQL Client!',
@@ -286,7 +292,7 @@ export const enUS = {
       autoCommit: 'Auto commit',
       manualCommit: 'Manual commit',
       actionSuccessful: '{action} successful',
-      importQueryErrors: 'Warning: {n} error has accurrend | Warning: {n} errors occurred',
+      importQueryErrors: 'Warning: {n} error has occurrend | Warning: {n} errors occurred',
       executedQueries: '{n} query executed | {n} queries executed',
       ourputFormat: 'Output format',
       singleFile: 'Single {ext} file',
@@ -323,7 +329,17 @@ export const enUS = {
       openFilter: 'Open filter',
       nextResultsPage: 'Next results page',
       previousResultsPage: 'Previous results page',
-      fillCell: 'Fill cell'
+      fillCell: 'Fill cell',
+      editFolder: 'Edit folder',
+      folderName: 'Folder name',
+      deleteFolder: 'Delete folder',
+      editConnectionAppearence: 'Edit connection appearence',
+      executeSelectedQuery: 'Execute selected query',
+      defaultCopyType: 'Default copy type',
+      showTableSize: 'Show table size in sidebar',
+      showTableSizeDescription: 'MySQL/MariaDB only. Enable this option may affects performance on schema with many tables.',
+      searchForSchemas: 'Search for schemas',
+      switchSearchMethod: 'Switch search method'
    },
    faker: {
       address: 'Address',

src/renderer/i18n/fr-FR.ts

@@ -13,23 +13,23 @@ export const frFR = {
       port: 'Port',
       user: 'Utilisateur',
       password: 'Mot de passe',
-      credentials: 'Credentials',
+      credentials: 'Identifiants',
       connect: 'Connexion',
       connected: 'Connecté',
       disconnect: 'Déconnection',
       disconnected: 'Déconnecté',
-      refresh: 'Rafrechir',
+      refresh: 'Rafraîchir',
       settings: 'Paramètres',
       general: 'Général',
       themes: 'Thèmes',
       update: 'Mise à jour',
-      about: 'A propos de',
+      about: 'À propos de',
       language: 'Langage',
       version: 'Version',
       donate: 'Faire une donation',
-      run: 'Lancer',
+      run: 'Éxécuter',
       schema: 'Schéma',
-      results: 'Resultats',
+      results: 'Résultats',
       size: 'Taille',
       seconds: 'Secondes',
       type: 'Type',
@@ -44,14 +44,14 @@ export const frFR = {
       collation: 'Langage',
       clear: 'Effacer',
       options: 'Options',
-      autoRefresh: 'Auto-rafraichissemnt',
+      autoRefresh: 'Auto-rafraîchissemnt',
       indexes: 'Indexs',
-      foreignKeys: 'Clefs étrangères',
+      foreignKeys: 'Clés étrangères',
       length: 'Longueur',
       unsigned: 'non signé',
-      default: 'Par défault',
+      default: 'Par défaut',
       comment: 'Commentaire',
-      key: 'Clef | Clefs',
+      key: 'Clé | Clés',
       order: 'Ordre',
       expression: 'Expression',
       autoIncrement: 'Auto Incrémentation',
@@ -63,11 +63,11 @@ export const frFR = {
       discard: 'Jeter',
       stay: 'Rester',
       author: 'Auteur',
-      light: 'Léger',
+      light: 'Clair',
       dark: 'Sombre',
-      autoCompletion: 'Auto Completion',
+      autoCompletion: 'Prédiction Automatique',
       application: 'Application',
-      editor: 'Editor',
+      editor: 'Éditeur',
       view: 'Vue',
       definer: 'Définisseur',
       algorithme: 'Algorithme',
@@ -83,10 +83,10 @@ export const frFR = {
       import: 'Import',
       returns: 'Retourne',
       timing: 'Temps',
-      state: 'Etat',
+      state: 'État',
-      execution: 'Exécution',
+      execution: 'Éxécution',
       starts: 'Commence',
-      ends: 'Fini',
+      ends: 'Termine',
       ssl: 'SSL',
       privateKey: 'Clé privée',
       certificate: 'Certificat',
@@ -95,7 +95,7 @@ export const frFR = {
       upload: 'Téléverser',
       browse: 'Naviguer',
       faker: 'Imposteur',
-      sshTunnel: 'SSH tunnel',
+      sshTunnel: 'Tunnel SSH',
       content: 'Contenu',
       cut: 'Couper',
       copy: 'Copier',
@@ -116,7 +116,7 @@ export const frFR = {
       cell: 'Cellule | Cellules',
       triggerFunction: 'Fonction de déclenchement | Fonctions de déclenchement',
       all: 'Tout',
-      duplicate: 'Double',
+      duplicate: 'Dupliquer',
       routine: 'Routine',
       new: 'Nouveau',
       history: 'Passé',
@@ -139,7 +139,8 @@ export const frFR = {
       commit: 'Appliquer',
       rollback: 'Retour arrière',
       connectionString: 'Chaîne de connexion',
-      contributors: 'Contributeurs'
+      contributors: 'Contributeurs',
+      shortcuts: 'Raccourcis'
    },
    message: {
       appWelcome: 'Bienvenue dans le client SQL Antares!',
@@ -179,8 +180,8 @@ export const frFR = {
       editDatabase: 'Editer la base de données',
       clearChanges: 'Effacer les modifications',
       addNewField: 'Ajouter un nouveau champ',
-      manageIndexes: 'Gère les index',
+      manageIndexes: 'Gérer les index',
-      manageForeignKeys: 'Gère les clés étrangères',
+      manageForeignKeys: 'Gérer les clés étrangères',
       allowNull: 'Autoriser NULL',
       zeroFill: 'Remplissage avec zéro',
       customValue: 'Valeur personnalisée',
@@ -208,11 +209,11 @@ export const frFR = {
       selectStatement: 'Sélectionner un état',
       triggerStatement: 'Déclencher un état',
       sqlSecurity: 'Sécurité SQL',
-      updateOption: 'Mide à jour d\'une option',
+      updateOption: 'Mise à jour d\'une option',
       deleteView: 'Effacer une vue',
       createNewView: 'Créer une nouvelle vue',
       deleteTrigger: 'Effacer un déclencheur',
-      createNewTrigger: 'Cr"er un nouveau déclencheur',
+      createNewTrigger: 'Créer un nouveau déclencheur',
       currentUser: 'utilisateur courant',
       routineBody: 'Corps de la routine',
       dataAccess: 'Accès aux données',
@@ -232,7 +233,7 @@ export const frFR = {
       tableFiller: 'Remplisseur de table',
       fakeDataLanguage: 'Language de données fausses',
       searchForElements: 'Rechercher des éléments',
-      selectAll: 'Tout séélectionner',
+      selectAll: 'Tout sélectionner',
       queryDuration: 'Temps de requêtage',
       includeBetaUpdates: 'Inclure les mises à jour beta',
       setNull: 'Définir comme NULL',
@@ -287,7 +288,10 @@ export const frFR = {
       ourputFormat: 'Format de sortie',
       singleFile: 'Seul fichier avec l\'extension {ext}',
       zipCompressedFile: 'Fichier compréssé avec l\'extension {ext}',
-      disableBlur: 'Désactiver le floue'
+      disableBlur: 'Désactiver le floue',
+      missingOrIncompleteTranslation: 'Traduction manquante ou incomplète?',
+      findOutHowToContribute: 'Trouver comment contribuer',
+      disableScratchpad: 'Désactiver le bloc-notes'
    },
    faker: {
       address: 'Adresse',

src/renderer/i18n/id-ID.ts

@@ -0,0 +1,503 @@
+export const idID = {
+   word: {
+      edit: 'Ubah',
+      save: 'Simpan',
+      close: 'Tutup',
+      delete: 'Hapus',
+      confirm: 'Iya',
+      cancel: 'Batal',
+      send: 'Kirim',
+      connectionName: 'Nama Koneksi',
+      client: 'Klien',
+      hostName: 'Nama Host',
+      port: 'Port',
+      user: 'Pengguna',
+      password: 'Sandi',
+      credentials: 'Kredensial',
+      connect: 'Menyambung',
+      connected: 'Tersambung',
+      disconnect: 'Putuskan',
+      disconnected: 'Terputus',
+      refresh: 'Segarkan',
+      settings: 'Pengaturan',
+      general: 'Umum',
+      themes: 'Tema',
+      update: 'Memperbarui',
+      about: 'Tentang',
+      language: 'Bahasa',
+      version: 'Versi',
+      donate: 'Donasi',
+      run: 'Jalankan',
+      schema: 'Skema',
+      results: 'Hasil',
+      size: 'Ukuran',
+      seconds: 'Detik',
+      type: 'Jenis',
+      mimeType: 'Tipe Mime',
+      download: 'Unduh',
+      add: 'Tambahkan',
+      data: 'Data',
+      properties: 'Properti',
+      insert: 'Masukan',
+      connecting: 'Menghubungkan',
+      name: 'Nama',
+      collation: 'Kolasi',
+      clear: 'Jernih',
+      options: 'Pilihan',
+      autoRefresh: 'Segarkan otomatis',
+      indexes: 'Indeks',
+      foreignKeys: 'Foreign Key',
+      length: 'Panjangnya',
+      unsigned: 'Unsigned',
+      default: 'Bawaan',
+      comment: 'Komentar',
+      key: 'Key | Keys',
+      order: 'Urutan',
+      expression: 'Ekspresi',
+      autoIncrement: 'Inkremen Otomatis',
+      engine: 'Mesin',
+      field: 'Bidang | Fields',
+      approximately: 'Sekitar',
+      total: 'Total',
+      table: 'Tabel',
+      discard: 'Membuang',
+      stay: 'Tinggal',
+      author: 'Pengarang',
+      light: 'Terang',
+      dark: 'Gelap',
+      autoCompletion: 'Penyelesaian Otomatis',
+      application: 'Aplikasi',
+      editor: 'Editor',
+      view: 'Melihat',
+      definer: 'Definisi',
+      algorithm: 'Algoritma',
+      trigger: 'Trigger | Trigger',
+      storedRoutine: 'Rutin tersimpan | Rutin tersimpan',
+      scheduler: 'Penjadwal | Penjadwal',
+      event: 'Peristiwa',
+      parameters: 'Parameter',
+      function: 'Fungsi | Fungsi',
+      deterministic: 'Deterministik',
+      context: 'Konteks',
+      export: 'Ekspor',
+      import: 'Impor',
+      returns: 'Pengembalian',
+      timing: 'Pengaturan waktu',
+      state: 'Keadaan',
+      execution: 'Eksekusi',
+      starts: 'Mulai',
+      ends: 'Berakhir',
+      ssl: 'SSL',
+      privateKey: 'Kunci pribadi',
+      certificate: 'Sertifikat',
+      caCertificate: 'Sertifikat CA',
+      ciphers: 'Chipher',
+      upload: 'Mengunggah',
+      browse: 'Jelajahi',
+      faker: 'Pemalsu',
+      content: 'Isi',
+      cut: 'Potong',
+      copy: 'Salin',
+      paste: 'Tempel',
+      tools: 'Peralatan',
+      variables: 'Variabel',
+      processes: 'Proses',
+      database: 'Basis data',
+      scratchpad: 'Papan penggaris',
+      array: 'Array',
+      changelog: 'Changelog',
+      format: 'Format',
+      sshTunnel: 'Tunel SSH',
+      structure: 'Struktur',
+      small: 'Kecil',
+      medium: 'Sedang',
+      large: 'Besar',
+      row: 'Baris | Baris',
+      cell: 'Sel | Sel',
+      triggerFunction: 'Fungsi trigger | Fungsi trigger',
+      all: 'Semua',
+      duplicate: 'Duplikat',
+      routine: 'Rutin',
+      new: 'Baru',
+      history: 'Histori',
+      select: 'Pilih',
+      passphrase: 'Frasa sandi',
+      filter: 'Saring',
+      change: 'Mengubah',
+      views: 'Tampilan',
+      triggers: 'Pemicu',
+      routines: 'Rutinitas',
+      functions: 'Fungsi',
+      schedulers: 'Penjadwal',
+      includes: 'Termasuk',
+      drop: 'Menjatuhkan',
+      completed: 'Selesai',
+      aborted: 'Dibatalkan',
+      disabled: 'Dinonaaktivkan',
+      enable: 'Aktifkan',
+      disable: 'Nonaktifkan',
+      commit: 'Komit',
+      rollback: 'Kembalikan',
+      connectionString: 'Rangkaian sambungan',
+      contributors: 'Kontributor',
+      pin: 'Pin',
+      unpin: 'Unpin',
+      console: 'Konsol',
+      shortcuts: 'Shortcut',
+      folder: 'Folder | Folder',
+      appearence: 'Appearence',
+      color: 'Color',
+      label: 'Label',
+      icon: 'Icon'
+   },
+   message: {
+      appWelcome: 'Selamat datang di Antares SQL Client!',
+      appFirstStep: 'Langkah pertama Anda: buat koneksi database baru.',
+      addConnection: 'Tambahkan koneksi',
+      createConnection: 'Buat koneksi',
+      createNewConnection: 'Buat koneksi baru',
+      askCredentials: 'Mintalah kredensial',
+      testConnection: 'Tes koneksi',
+      editConnection: 'Mengedit koneksi',
+      deleteConnection: 'Hapus koneksi',
+      deleteCorfirm: 'Apakah Anda mengkonfirmasi pembatalan',
+      connectionSuccessfullyMade: 'Sambungan berhasil dibuat!',
+      madeWithJS: 'Dibuat dengan 💛 dan JavaScript!',
+      checkForUpdates: 'Periksa pembaruan',
+      noUpdatesAvailable: 'Tidak ada pembaruan yang tersedia',
+      checkingForUpdate: 'Memeriksa pembaruan',
+      checkFailure: 'Pemeriksaan gagal, coba lagi nanti',
+      updateAvailable: 'Pembaruan tersedia',
+      downloadingUpdate: 'Mengunduh pembaruan',
+      updateDownloaded: 'Pembaruan diunduh',
+      restartToInstall: 'Mulai ulang Antares untuk menginstal',
+      unableEditFieldWithoutPrimary: 'Tidak dapat mengedit bidang tanpa kunci utama di kumpulan hasil',
+      editCell: 'Mengedit sel',
+      deleteRows: 'Hapus baris | Hapus {count} baris',
+      confirmToDeleteRows: 'Apakah Anda mengonfirmasi untuk menghapus satu baris? | Apakah Anda mengonfirmasi untuk menghapus {count} baris?',
+      notificationsTimeout: 'Batas waktu pemberitahuan',
+      uploadFile: 'Unggah data',
+      addNewRow: 'Tambahkan baris baru',
+      numberOfInserts: 'Jumlah sisipan',
+      openNewTab: 'Buka tab baru',
+      affectedRows: 'Baris yang terpengaruh',
+      createNewDatabase: 'Buat Basis Data baru',
+      databaseName: 'Nama basis data',
+      serverDefault: 'Standar server',
+      deleteDatabase: 'Hapus basis data',
+      editDatabase: 'Ubah basis data',
+      clearChanges: 'Hapus perubahan',
+      addNewField: 'Tambahkan bidang baru',
+      manageIndexes: 'Kelola indeks',
+      manageForeignKeys: 'Mengelola kunci asing',
+      allowNull: 'Izinkan NULL',
+      zeroFill: 'Isi nol',
+      customValue: 'Nilai khusus',
+      onUpdate: 'Sedang diperbarui',
+      deleteField: 'Hapus bidang',
+      createNewIndex: 'Buat indeks baru',
+      addToIndex: 'Tambahkan ke index',
+      createNewTable: 'Buat tabel baru',
+      emptyTable: 'Kosongkan Tabel',
+      deleteTable: 'Hapus tabel',
+      emptyCorfirm: 'Apakah Anda mengkonfirmasi untuk mengosongkan',
+      unsavedChanges: 'Perubahan belum disimpan',
+      discardUnsavedChanges: 'Anda memiliki beberapa perubahan yang belum disimpan. Dengan menutup tab ini akan membuang perubahan',
+      thereAreNoIndexes: 'Tidak ada indeks',
+      thereAreNoForeign: 'Tidak ada kunci asing',
+      createNewForeign: 'Buat kunci asing baru',
+      referenceTable: 'Ref. table',
+      referenceField: 'Ref. field',
+      foreignFields: 'Bidang asing',
+      invalidDefault: 'Standar tidak valid',
+      onDelete: 'Saat hapus',
+      applicationTheme: 'Tema Aplikasi',
+      editorTheme: 'Tema Editor',
+      wrapLongLines: 'Bungkus garis panjang',
+      selectStatement: 'Pilih pernyataan',
+      triggerStatement: 'Pernyataan pemicu',
+      sqlSecurity: 'keamanan SQL',
+      updateOption: 'Opsi pembaruan',
+      deleteView: 'Hapus tampilan',
+      createNewView: 'Buat tampilan baru',
+      deleteTrigger: 'Hapus pemicu',
+      createNewTrigger: 'Buat pemicu baru',
+      currentUser: 'Pengguna saat ini',
+      routineBody: 'Badan rutin',
+      dataAccess: 'Akses data',
+      thereAreNoParameters: 'Tidak ada parameter',
+      createNewParameter: 'Buat parameter baru',
+      createNewRoutine: 'Buat rutin tersimpan baru',
+      deleteRoutine: 'Hapus rutinitas yang tersimpan',
+      functionBody: 'Fungsi tubuh',
+      createNewFunction: 'Buat fungsi baru',
+      deleteFunction: 'Hapus fungsi',
+      schedulerBody: 'badan Penjadwal',
+      createNewScheduler: 'Buat penjadwal baru',
+      deleteScheduler: 'Hapus penjadwal',
+      preserveOnCompletion: 'Pertahankan saat selesai',
+      enableSsl: 'Aktifkan SSL',
+      manualValue: 'Nilai manual',
+      tableFiller: 'Pengisi Tabel',
+      fakeDataLanguage: 'Bahasa data palsu',
+      searchForElements: 'Cari elemen',
+      selectAll: 'Pilih Semua',
+      queryDuration: 'Durasi kueri',
+      includeBetaUpdates: 'Sertakan pembaruan beta',
+      setNull: 'Tetapkan NULL',
+      processesList: 'Daftar proses',
+      processInfo: 'Info proses',
+      manageUsers: 'Kelola pengguna',
+      createNewSchema: 'Buat skema baru',
+      schemaName: 'Nama skema',
+      editSchema: 'Edit skema',
+      deleteSchema: 'Hapus skema',
+      markdownSupported: 'Markdown didukung',
+      plantATree: 'Menanam pohon',
+      dataTabPageSize: 'Ukuran halaman tab DATA',
+      enableSsh: 'Aktifkan SSH',
+      pageNumber: 'Nomor halaman',
+      duplicateTable: 'Duplikat Tabel',
+      noOpenTabs: 'Tidak ada tab terbuka, navigasikan di bilah kiri atau:',
+      noSchema: 'Tidak ada skema',
+      restorePreviourSession: 'Kembalikan sesi sebelumnya',
+      runQuery: 'Jalankan kueri',
+      thereAreNoTableFields: 'Tidak ada bidang tabel',
+      newTable: 'Tabel baru',
+      newView: 'Pemandangan baru',
+      newTrigger: 'Pemicu baru',
+      newRoutine: 'Rutinitas baru',
+      newFunction: 'Fungsi baru',
+      newScheduler: 'Penjadwal baru',
+      newTriggerFunction: 'Fungsi pemicu baru',
+      thereIsNoQueriesYet: 'Belum ada kueri',
+      searchForQueries: 'Telusuri kueri',
+      killProcess: 'Membunuh proses',
+      closeTab: 'Tutup tab',
+      exportSchema: 'Skema ekspor',
+      importSchema: 'Skema impor',
+      directoryPath: 'Jalur direktori',
+      newInserStmtEvery: 'Pernyataan INSERT baru setiap',
+      processingTableExport: 'Memproses {table}',
+      fechingTableExport: 'Mengambil data {table}',
+      writingTableExport: 'Menulis data {table} ',
+      checkAllTables: 'Periksa semua tabel',
+      uncheckAllTables: 'Hapus centang semua tabel',
+      goToDownloadPage: 'Buka halaman unduh',
+      readOnlyMode: 'Mode hanya baca',
+      killQuery: 'Bunuh kueri',
+      insertRow: 'Sisipkan baris | Sisipkan baris',
+      commitMode: 'Mode komit',
+      autoCommit: 'Komit otomatis',
+      manualCommit: 'Komit manual',
+      actionSuccessful: '{aksi} berhasil',
+      importQueryErrors: 'Peringatan: {n} kesalahan telah terjadi | Peringatan: {n} kesalahan telah terjadi',
+      executedQueries: '{n} permintaan dieksekusi | {n} permintaan dieksekusi',
+      ourputFormat: 'Format keluaran',
+      singleFile: 'File {ext} tunggal',
+      zipCompressedFile: 'File {ext} terkompresi ZIP',
+      disableBlur: 'Nonaktifkan buram',
+      untrustedConnection: 'Koneksi tidak tepercaya',
+      missingOrIncompleteTranslation: 'Terjemahan hilang atau tidak lengkap?',
+      findOutHowToContribute: 'Cari tahu cara berkontribusi',
+      disableFKChecks: 'Nonaktifkan pemeriksaan kunci asing',
+      allConnections: 'Semua koneksi',
+      searchForConnections: 'Cari koneksi',
+      disableScratchpad: 'Nonaktifkan papan tulis',
+      reportABug: 'Laporkan bug',
+      nextTab: 'Tab setelahnya',
+      previousTab: 'Tab sebelumnya',
+      selectTabNumber: 'Pilih nomor tab {param}',
+      toggleConsole: 'Toggle console',
+      addShortcut: 'Tambah shortcut',
+      editShortcut: 'Ubah shortcut',
+      deleteShortcut: 'Hapus shortcut',
+      restoreDefaults: 'Kembalikan ke default',
+      restoreDefaultsQuestion: 'Apakah kamu yakin untuk dikembalikan seperti setelan awal?',
+      registerAShortcut: 'Daftarkan shortcut',
+      invalidShortcutMessage: 'Kombinasi salah, lanjutkan mengetik',
+      shortcutAlreadyExists: 'Shortcut sudah ada',
+      saveContent: 'Simpan content',
+      openAllConnections: 'Buka semua koneksi',
+      openSettings: 'Buka Pengaturan',
+      openScratchpad: 'Buka scratchpad',
+      runOrReload: 'Jalankan atau reload',
+      formatQuery: 'Format query',
+      queryHistory: 'Histori query',
+      clearQuery: 'Bersihkan query',
+      openFilter: 'Buka filter',
+      nextResultsPage: 'Next results page',
+      previousResultsPage: 'Previous results page',
+      fillCell: 'Isi sel',
+      editFolder: 'Ubah folder',
+      folderName: 'Nama folder',
+      deleteFolder: 'Hapus folder',
+      editConnectionAppearence: 'Ubah connection appearence',
+      executeSelectedQuery: 'Eksekusi query yang dipilih',
+      defaultCopyType: 'Jenis salin default'
+   },
+   faker: {
+      address: 'Alamat',
+      commerce: 'Perdagangan',
+      company: 'Perusahaan',
+      database: 'Basis data',
+      date: 'Tanggal',
+      finance: 'Keuangan',
+      git: 'Git',
+      hacker: 'Peretas',
+      internet: 'Internet',
+      lorem: 'Lorem',
+      name: 'Nama',
+      music: 'Musik',
+      phone: 'Telepon',
+      random: 'Acak',
+      system: 'Sistem',
+      time: 'Waktu',
+      vehicle: 'Kendaraan',
+      zipCode: 'Kode Pos',
+      zipCodeByState: 'Kode pos menurut negara bagian',
+      city: 'Kota',
+      cityPrefix: 'Awalan kota',
+      citySuffix: 'Akhiran kota',
+      streetName: 'nama jalan',
+      streetAddress: 'alamat jalan',
+      streetSuffix: 'Akhiran jalan',
+      streetPrefix: 'Awalan jalan',
+      secondaryAddress: 'Alamat sekunder',
+      county: 'daerah',
+      country: 'Negara',
+      countryCode: 'Kode negara',
+      state: 'Negara',
+      stateAbbr: 'Singkatan negara',
+      latitude: 'Garis Lintang',
+      longitude: 'Garis bujur',
+      direction: 'Arah',
+      cardinalDirection: 'Arah mata angin',
+      ordinalDirection: 'Arah ordinal',
+      nearbyGPSCoordinate: 'Koordinat GPS terdekat',
+      timeZone: 'Zona waktu',
+      color: 'Warna',
+      department: 'Departemen',
+      productName: 'Nama Produk',
+      price: 'Harga',
+      productAdjective: 'Kata sifat produk',
+      productMaterial: 'Bahan produk',
+      product: 'Produk',
+      productDescription: 'Deskripsi Produk',
+      suffixes: 'Akhiran',
+      companyName: 'Nama Perusahaan',
+      companySuffix: 'Akhiran perusahaan',
+      catchPhrase: 'Menangkap frase',
+      bs: 'BS',
+      catchPhraseAdjective: 'Menangkap frase kata sifat',
+      catchPhraseDescriptor: 'Menangkap frase deskriptor',
+      catchPhraseNoun: 'Menangkap frase kata benda',
+      bsAdjective: 'kata sifat BS',
+      bsBuzz: 'BS berdengung',
+      bsNoun: 'kata benda BS',
+      column: 'Kolom',
+      type: 'Jenis',
+      collation: 'Pemeriksaan',
+      engine: 'Mesin',
+      past: 'Masa lalu',
+      future: 'Masa depan',
+      between: 'Di antara',
+      recent: 'Terkini',
+      soon: 'Segera',
+      month: 'Bulan',
+      weekday: 'Hari kerja',
+      account: 'Akun',
+      accountName: 'Nama akun',
+      routingNumber: 'Nomor perutean',
+      mask: 'Masker',
+      amount: 'Jumlah',
+      transactionType: 'Tipe transaksi',
+      currencyCode: 'Kode mata uang',
+      currencyName: 'Nama mata uang',
+      currencySymbol: 'Simbol mata uang',
+      bitcoinAddress: 'Alamat Bitcoin',
+      litecoinAddress: 'Alamat Litecoin',
+      creditCardNumber: 'Nomor kartu kredit',
+      creditCardCVV: 'CVV kartu kredit',
+      ethereumAddress: 'Alamat Ethereum',
+      iban: 'Iban',
+      bic: 'Bic',
+      transactionDescription: 'Deskripsi transaksi',
+      branch: 'Cabang',
+      commitEntry: 'Lakukan entri',
+      commitMessage: 'Pesan komit',
+      commitSha: 'Lakukan SHA',
+      shortSha: 'SHA pendek',
+      abbreviation: 'Singkatan',
+      adjective: 'Kata sifat',
+      noun: 'Kata benda',
+      verb: 'Kata kerja',
+      ingverb: 'Ingverb',
+      phrase: 'Frasa',
+      avatar: 'Avatar',
+      email: 'Email',
+      exampleEmail: 'Contoh email',
+      userName: 'Username',
+      protocol: 'Protokol',
+      url: 'Url',
+      domainName: 'Nama domain',
+      domainSuffix: 'Akhiran domain',
+      domainWord: 'Kata domain',
+      ip: 'IP',
+      ipv6: 'IPv6',
+      userAgent: 'Agen pengguna',
+      mac: 'Mac',
+      password: 'Kata sandi',
+      word: 'Kata',
+      words: 'Kata-kata',
+      sentence: 'Kalimat',
+      slug: 'Siput',
+      sentences: 'Kalimat-kalimat',
+      paragraph: 'Gugus kalimat',
+      paragraphs: 'Paragraf',
+      text: 'Teks',
+      lines: 'Garis',
+      genre: 'Aliran',
+      firstName: 'Nama depan',
+      lastName: 'Nama keluarga',
+      middleName: 'Nama tengah',
+      findName: 'Nama lengkap',
+      jobTitle: 'Judul pekerjaan',
+      gender: 'Jenis kelamin',
+      prefix: 'Awalan',
+      suffix: 'Akhiran',
+      title: 'Judul',
+      jobDescriptor: 'Deskriptor pekerjaan',
+      jobArea: 'Bidang pekerjaan',
+      jobType: 'Jenis pekerjaan',
+      phoneNumber: 'Nomor telepon',
+      phoneNumberFormat: 'Format nomor telepon',
+      phoneFormats: 'Format telepon',
+      number: 'Nomor',
+      float: 'Mengambang',
+      arrayElement: 'Elemen array',
+      arrayElements: 'Elemen2 array',
+      objectElement: 'Elemen objek',
+      uuid: 'Uuid',
+      boolean: 'Boolean',
+      image: 'Gambar',
+      locale: 'Lokal',
+      alpha: 'Alfa',
+      alphaNumeric: 'Alfanumerik',
+      hexaDecimal: 'Heksadesimal',
+      fileName: 'Nama file',
+      commonFileName: 'Nama file umum',
+      mimeType: 'Jenis mime',
+      commonFileType: 'Jenis file umum',
+      commonFileExt: 'Ekstensi file umum',
+      fileType: 'Jenis file',
+      fileExt: 'Ekstensi file',
+      directoryPath: 'Jalur direktori',
+      filePath: 'Jalur file',
+      semver: 'Semver',
+      manufacturer: 'Pabrikan',
+      model: 'Model',
+      fuel: 'Fuel',
+      vin: 'Vin'
+   }
+};

src/renderer/i18n/index.ts

@@ -10,6 +10,7 @@ import { viVN } from './vi-VN';
 import { jaJP } from './ja-JP';
 import { zhCN } from './zh-CN';
 import { ruRU } from './ru-RU';
+import { idID } from './id-ID';
 
 const messages = {
    'en-US': enUS,
@@ -22,7 +23,8 @@ const messages = {
    'vi-VN': viVN,
    'ja-JP': jaJP,
    'zh-CN': zhCN,
-   'ru-RU': ruRU
+   'ru-RU': ruRU,
+   'id-ID': idID
 };
 
 type NestedPartial<T> = {

src/renderer/i18n/pt-BR.ts

@@ -142,7 +142,12 @@ export const ptBR = {
       pin: 'Fixar',	
       unpin: 'Desafixar',	
       console: 'Console',	
-      shortcuts: 'Atalhos'
+      shortcuts: 'Atalhos',
+      folder: 'Pasta | Pastas',
+      appearence: 'Aparência',
+      color: 'Cor',
+      label: 'Rótulo',
+      icon: 'Icone'
    },
    message: {
       appWelcome: 'Bem vindo ao Antares SQL Client!',
@@ -320,7 +325,12 @@ export const ptBR = {
       clearQuery: 'Limpar consulta',	
       openFilter: 'Abrir Filtro',	
       nextResultsPage: 'Próxima página de resultados',	
-      previousResultsPage: 'Página de resultados anterior'
+      previousResultsPage: 'Página de resultados anterior',
+      fillCell: 'Preencher Célula',
+      editFolder: 'Editar Pasta',
+      folderName: 'Nome da pasta',
+      deleteFolder: 'Apagar Pasta',
+      editConnectionAppearence: 'Editar aparência da conexão'
    },
    faker: {
       address: 'Endereço',

src/renderer/i18n/supported-locales.ts

@@ -9,5 +9,6 @@ export const localesNames: {[key: string]: string} = {
    'vi-VN': 'Tiếng Việt',
    'ja-JP': '日本語',
    'zh-CN': '简体中文',
-   'ru-RU': 'Русский'
+   'ru-RU': 'Русский',
+   'id-ID': 'Bahasa Indonesia'
 };

src/renderer/i18n/zh-CN.ts

@@ -8,7 +8,7 @@ export const zhCN = {
       cancel: '取消',
       send: '发送',
       connectionName: '连接名称',
-      client: 'Client',
+      client: '数据库类型',
       hostName: '主机名',
       port: '端口',
       user: '用户',
@@ -17,10 +17,10 @@ export const zhCN = {
       connect: '连接',
       connected: '已连接',
       disconnect: '断开连接',
-      disconnected: '已断开',
+      disconnected: '断开连接',
       refresh: '刷新',
       settings: '设置',
-      general: '一般',
+      general: '常规',
       themes: '主题',
       update: '更新',
       about: '关于',
@@ -28,7 +28,7 @@ export const zhCN = {
       version: '版本',
       donate: '捐赠',
       run: '运行',
-      schema: 'schema',
+      schema: '模式(schema)',
       results: '结果',
       size: '尺寸',
       seconds: '秒',
@@ -51,38 +51,38 @@ export const zhCN = {
       unsigned: '无符号',
       default: '默认',
       comment: '注释',
-      key: 'Key | Keys',
+      key: '键位 | 键位',
-      order: 'Order',
+      order: '排序',
       expression: '表达式',
       autoIncrement: '自动增量',
-      engine: 'Engine',
+      engine: '引擎',
-      field: 'Field | 字段',
+      field: '字段 | 字段',
       approximately: '大约',
       total: '总计',
       table: '表',
-      discard: '弃置',
+      discard: '丢弃',
       stay: '等待',
       author: '作者',
-      light: 'Light',
+      light: '明亮',
-      dark: 'Dark',
+      dark: '暗黑',
       autoCompletion: '自动完成',
       application: '应用程序',
       editor: '编辑器',
       view: '视图',
       definer: '定义者',
-      algorithm: 'Algorithm',
+      algorithm: '算法',
-      trigger: 'Trigger | 触发器',
+      trigger: '触发器 | 触发器',
-      storedRoutine: 'Stored routine | 存储例程',
+      storedRoutine: '存储例程 | 存储例程',
-      scheduler: 'Scheduler | 调度器',
+      scheduler: '调度器 | 调度器',
       event: '事件',
       parameters: '参数',
-      function: 'Function | 函数',
+      function: '函数 | 函数',
-      deterministic: 'Deterministic',
+      deterministic: '确定的',
       context: '上下文',
       export: '导出',
       import: '导入',
       returns: '返回',
-      timing: '定时器',
+      timing: '定时',
       state: '状态',
       execution: '执行',
       starts: '开始',
@@ -91,10 +91,10 @@ export const zhCN = {
       privateKey: '私钥',
       certificate: '证书',
       caCertificate: 'CA 证书',
-      ciphers: 'Ciphers',
+      ciphers: '密码',
       upload: '上传',
       browse: '浏览',
-      faker: 'Faker',
+      faker: '伪造者',
       content: '内容',
       cut: '剪切',
       copy: '复制',
@@ -103,25 +103,25 @@ export const zhCN = {
       variables: '变量',
       processes: '进程',
       database: '数据库',
-      scratchpad: 'Scratchpad',
+      scratchpad: '草稿栏',
       array: '数组',
-      changelog: '更改日志',
+      changelog: '变更日志',
       format: '格式',
       sshTunnel: 'SSH 隧道',
       structure: '结构',
       small: '小',
       medium: '中',
       large: '大',
-      row: 'Row | 行',
+      row: '行 | 行',
-      cell: 'Cell | 单元格',
+      cell: '单元格 | 单元格',
-      triggerFunction: 'Trigger function | 触发函数',
+      triggerFunction: '触发函数 | 触发函数',
       all: '全部',
       duplicate: '重复',
       routine: '例程',
-      new: 'New',
+      new: '新',
-      history: '历史记录',
+      history: '历史',
       select: '选择',
-      passphrase: '密码',
+      passphrase: '密码短语',
       filter: '过滤器',
       change: '变更',
       views: '视图',
@@ -129,131 +129,139 @@ export const zhCN = {
       routines: '例程',
       functions: '函数',
       schedulers: '调度器',
-      includes: '包括',
+      includes: '包含',
-      drop: '按下([使]掉下)',
+      drop: '下降',
-      completed: '完成',
+      completed: '已完成',
       aborted: '中止',
       disabled: '禁用',
       enable: '启用',
-      disable: '是否禁用',
+      disable: '禁用',
       commit: '提交',
       rollback: '回滚',
       connectionString: '连接字符串',
       contributors: '贡献者',
-      pin: 'Pin',
+      pin: '固定',
-      unpin: 'Unpin'
+      unpin: '取消固定',
+      console: '控制台',
+      shortcuts: '快捷键',
+      folder: '文件夹 | 文件夹',
+      appearence: '外观',
+      color: '颜色',
+      label: '标签',
+      icon: '图标',
+      resultsTable: '结果表'
    },
    message: {
       appWelcome: '欢迎来到Antares SQL Client!',
       appFirstStep: '你的第一步: 创建一个新的数据库连接.',
       addConnection: '添加连接',
       createConnection: '创建连接',
-      createNewConnection: '创建新的连接',
+      createNewConnection: '创建新连接',
-      askCredentials: '询问凭证',
+      askCredentials: '询问凭据',
       testConnection: '测试连接',
       editConnection: '编辑连接',
       deleteConnection: '删除连接',
       deleteCorfirm: '您是否确认取消',
-      connectionSuccessfullyMade: '连接成功建立!',
+      connectionSuccessfullyMade: '连接成功了!',
-      madeWithJS: '用💛和JavaScript制造!',
+      madeWithJS: '使用 💛 和 JavaScript 制作!',
       checkForUpdates: '检查更新',
-      noUpdatesAvailable: '没有可用的更新',
+      noUpdatesAvailable: '无可用更新',
       checkingForUpdate: '正在检查更新',
       checkFailure: '检查失败，请稍后再试',
-      updateAvailable: '可用的更新',
+      updateAvailable: '可用更新',
       downloadingUpdate: '正在下载更新',
-      updateDownloaded: '更新已下载',
+      updateDownloaded: '已下载更新',
-      restartToInstall: '重启Antares完成更新',
+      restartToInstall: '重启 Antares 以进行安装',
-      unableEditFieldWithoutPrimary: '无法编辑一个在结果集中没有主键的字段',
+      unableEditFieldWithoutPrimary: '无法编辑结果集中一个没有主键的字段',
       editCell: '编辑单元格',
-      deleteRows: '删除行 | 删除{count}行',
+      deleteRows: '删除行 | 删除 {count} 行',
-      confirmToDeleteRows: '你是否确认要删除一行? | 您是否确认要删除{count}行?',
+      confirmToDeleteRows: '您是否确认要删除一行? | 您是否确认要删除 {count} 行?',
       notificationsTimeout: '通知超时',
       uploadFile: '上传文件',
       addNewRow: '添加新行',
       numberOfInserts: '插入的数量',
       openNewTab: '打开一个新标签',
       affectedRows: '受影响的行',
-      createNewDatabase: '创建新的数据库',
+      createNewDatabase: '创建新数据库',
       databaseName: '数据库名称',
       serverDefault: '默认服务器',
       deleteDatabase: '删除数据库',
       editDatabase: '编辑数据库',
-      clearChanges: '清除变化',
+      clearChanges: '清除更改',
       addNewField: '添加新字段',
       manageIndexes: '管理索引',
       manageForeignKeys: '管理外键',
-      allowNull: '允许NULL',
+      allowNull: '允许 NULL',
-      zeroFill: '填充零',
+      zeroFill: '零填充',
       customValue: '自定义值',
-      onUpdate: '在更新时',
+      onUpdate: '在更新',
       deleteField: '删除字段',
-      createNewIndex: '创建新的索引',
+      createNewIndex: '创建新索引',
       addToIndex: '添加到索引',
       createNewTable: '创建新表',
       emptyTable: '清空表',
       deleteTable: '删除表',
-      emptyCorfirm: '你是否确认清空',
+      emptyCorfirm: '您是否确认清空',
       unsavedChanges: '未保存的更改',
-      discardUnsavedChanges: '你有一些未保存的修改。关闭这个标签，这些变化将被丢弃.',
+      discardUnsavedChanges: '您有一些未保存的更改, 关闭此标签将放弃这些更改.',
       thereAreNoIndexes: '没有索引',
       thereAreNoForeign: '没有外键',
-      createNewForeign: '创建新的外键',
+      createNewForeign: '创建新外键',
       referenceTable: '参考表',
       referenceField: '参考字段',
       foreignFields: '外键字段',
       invalidDefault: '无效的默认值',
-      onDelete: '在删除时',
+      onDelete: '在删除',
-      applicationTheme: '应用主题',
+      applicationTheme: '应用程序主题',
       editorTheme: '编辑器主题',
-      wrapLongLines: '超出换行显示',
+      wrapLongLines: '将长行换行显示',
       selectStatement: '选择语句',
       triggerStatement: '触发器语句',
-      sqlSecurity: 'SQL安全',
+      sqlSecurity: 'SQL 安全',
       updateOption: '更新选项',
       deleteView: '删除视图',
       createNewView: '创建新视图',
       deleteTrigger: '删除触发器',
-      createNewTrigger: '创建新的触发器',
+      createNewTrigger: '创建新触发器',
       currentUser: '当前用户',
       routineBody: '例程主体',
       dataAccess: '数据访问',
       thereAreNoParameters: '没有参数',
       createNewParameter: '创建新参数',
-      createNewRoutine: '创建新的例程',
+      createNewRoutine: '创建新存储例程',
-      deleteRoutine: '删除例程',
+      deleteRoutine: '删除存储例程',
       functionBody: '函数体',
       createNewFunction: '创建新函数',
       deleteFunction: '删除函数',
       schedulerBody: '调度器主体',
-      createNewScheduler: '创建新的调度器',
+      createNewScheduler: '创建新调度器',
       deleteScheduler: '删除调度器',
       preserveOnCompletion: '完成时保存',
-      enableSsl: '启用SSL',
+      enableSsl: '启用 SSL',
       manualValue: '手动值',
       tableFiller: '表填充器',
       fakeDataLanguage: '伪造的数据语言',
       searchForElements: '搜索元素',
-      selectAll: '选择所有',
+      selectAll: '选择全部',
       queryDuration: '查询时间',
-      includeBetaUpdates: '包括测试版更新',
+      includeBetaUpdates: '包含测试版的更新',
-      setNull: '设置NULL',
+      setNull: '设置 NULL',
       processesList: '进程列表',
       processInfo: '进程信息',
       manageUsers: '管理用户',
-      createNewSchema: '创建新模式',
+      createNewSchema: '创建新模式(schema)',
       schemaName: '模式名称',
       editSchema: '编辑模式',
       deleteSchema: '删除模式',
-      markdownSupported: '支持Markdown',
+      markdownSupported: '支持 Markdown',
       plantATree: '种植一棵树',
       dataTabPageSize: '数据标签的页面大小',
-      enableSsh: '启用SSH',
+      enableSsh: '启用 SSH',
       pageNumber: '页数',
-      duplicateTable: '重复的表格',
+      duplicateTable: '重复的表',
-      noOpenTabs: '没有打开的标签，在左栏导航或:',
+      noOpenTabs: '没有打开的标签, 请在左侧栏上导航或:',
       noSchema: '没有模式',
-      restorePreviourSession: '恢复以前的会话',
+      restorePreviourSession: '恢复上一个会话',
       runQuery: '运行查询',
       thereAreNoTableFields: '没有表的字段',
       newTable: '新表',
@@ -263,40 +271,73 @@ export const zhCN = {
       newFunction: '新函数',
       newScheduler: '新调度器',
       newTriggerFunction: '新触发函数',
-      thereIsNoQueriesYet: '还没有查询',
+      thereIsNoQueriesYet: '目前还没有任何查询',
       searchForQueries: '搜索查询',
-      killProcess: '杀死进程',
+      killProcess: '终止进程',
       closeTab: '关闭标签',
-      exportSchema: '导出 schema',
+      exportSchema: '导出模式(schema)',
-      importSchema: '导入 schema',
+      importSchema: '导入模式(schema)',
       directoryPath: '目录路径',
-      newInserStmtEvery: '新的 INSERT 语句每个',
+      newInserStmtEvery: '每条新的 INSERT 语句',
       processingTableExport: '处理 {table}',
-      fechingTableExport: '正在从 {table} 获取数据中',
+      fechingTableExport: '正在获取 {table} 数据',
-      writingTableExport: '正在将 {table} 数据写入中',
+      writingTableExport: '正在写入 {table} 数据',
-      checkAllTables: '检查所有表格',
+      checkAllTables: '勾选所有表',
-      uncheckAllTables: '取消选中所有表格',
+      uncheckAllTables: '不勾选所有表',
-      goToDownloadPage: '跳转到下载页面',
+      goToDownloadPage: '转到下载页面',
       readOnlyMode: '只读模式',
-      killQuery: '停止查询',
+      killQuery: '取消查询',
       insertRow: '插入行 | 插入多行',
       commitMode: '提交模式',
       autoCommit: '自动提交',
       manualCommit: '手动提交',
       actionSuccessful: '{action} 成功',
-      importQueryErrors: '警告: {n} 错误已发生 | 警告: 发生 {n} 个错误',
+      importQueryErrors: '警告: 发生了 {n} 个错误 | 警告: 发生了 {n} 个错误',
       executedQueries: '{n} 个查询已执行 | {n} 个查询已执行',
       ourputFormat: '输出格式',
       singleFile: '单个 {ext} 文件',
       zipCompressedFile: 'ZIP 压缩 {ext} 文件',
       disableBlur: '禁用模糊',
       untrustedConnection: '不受信任的连接',
-      missingOrIncompleteTranslation: '翻译缺失或不完整?',
+      missingOrIncompleteTranslation: '有缺失或不完整的翻译?',
-      findOutHowToContribute: '找出如何贡献',
+      findOutHowToContribute: '了解如何做出贡献',
       disableFKChecks: '禁用外键检查',
       allConnections: '所有连接',
       searchForConnections: '搜索连接',
-      disableScratchpad: '禁用暂存器'
+      disableScratchpad: '禁用草稿栏',
+      reportABug: '报告错误',
+      nextTab: '下一个标签',
+      previousTab: '上一个标签',
+      selectTabNumber: '选择标签编号 {param}',
+      toggleConsole: '切换控制台',
+      addShortcut: '添加快捷键',
+      editShortcut: '编辑快捷键',
+      deleteShortcut: '删除快捷键',
+      restoreDefaults: '恢复默认值',
+      restoreDefaultsQuestion: '是否确认恢复默认值?',
+      registerAShortcut: '注册快捷键',
+      invalidShortcutMessage: '无效组合,请继续输入',
+      shortcutAlreadyExists: '快捷键已经存在',
+      saveContent: '保存内容',
+      openAllConnections: '打开全部连接',
+      openSettings: '打开设置',
+      openScratchpad: '打开草稿栏',
+      runOrReload: '运行或重新加载',
+      formatQuery: '格式查询',
+      queryHistory: '查询历史',
+      clearQuery: '清除查询',
+      openFilter: '打开过滤器',
+      nextResultsPage: '下一个结果页',
+      previousResultsPage: '上一个结果页',
+      fillCell: '填充单元格',
+      editFolder: '编辑文件夹',
+      folderName: '文件夹名称',
+      deleteFolder: '删除文件夹',
+      editConnectionAppearence: '编辑连接的外观',
+      executeSelectedQuery: '执行所选查询',
+      defaultCopyType: '默认复制类型',
+      showTableSize: '在侧边栏显示表大小',
+      showTableSizeDescription: '仅限 MySQL/MariaDB. 启用此选项可能会影响许多表的模式(schema)的性能.'
    },
    faker: {
       address: '地址',
@@ -306,8 +347,8 @@ export const zhCN = {
       date: '日期',
       finance: '财务',
       git: 'Git',
-      hacker: 'Hacker',
+      hacker: '黑客',
-      internet: 'Internet',
+      internet: '互联网',
       lorem: 'Lorem',
       name: '姓名',
       music: '音乐',
@@ -317,26 +358,26 @@ export const zhCN = {
       time: '时间',
       vehicle: '车辆',
       zipCode: '邮政编码',
-      zipCodeByState: '按州的邮编',
+      zipCodeByState: '各州的邮政编码',
       city: '城市',
       cityPrefix: '城市前缀',
       citySuffix: '城市后缀',
       streetName: '街道名称',
       streetAddress: '街道地址',
-      streetSuffix: '街道前缀',
+      streetSuffix: '街道后缀',
-      streetPrefix: '街道后缀',
+      streetPrefix: '街道前缀',
       secondaryAddress: '次要地址',
       county: '县',
       country: '国家',
       countryCode: '国家代码',
       state: '州',
-      stateAbbr: '州的缩写',
+      stateAbbr: '州简称',
       latitude: '纬度',
       longitude: '经度',
       direction: '方向',
-      cardinalDirection: 'Cardinal direction',
+      cardinalDirection: '方位',
-      ordinalDirection: 'Ordinal direction',
+      ordinalDirection: '顺序方向',
-      nearbyGPSCoordinate: '附近的GPS坐标',
+      nearbyGPSCoordinate: '附近的 GPS 坐标',
       timeZone: '时区',
       color: '颜色',
       department: '部门',
@@ -345,23 +386,24 @@ export const zhCN = {
       productAdjective: '产品形容词',
       productMaterial: '产品材料',
       product: '产品',
-      productDescription: '产品描述',
+      productDescription: '产品说明',
       suffixes: '后缀',
       companyName: '公司名称',
       companySuffix: '公司后缀',
-      catchPhrase: 'Catch phrase',
+      catchPhrase: '流行语',
       bs: 'BS',
-      catchPhraseAdjective: 'Catch phrase adjective',
+      catchPhraseAdjective: '流行语形容词',
-      catchPhraseDescriptor: 'Catch phrase descriptor',
+      catchPhraseDescriptor: '流行语说明',
-      catchPhraseNoun: 'Catch phrase noun',
+      catchPhraseNoun: '流行语名词',
-      bsAdjective: 'BS adjective',
+      bsAdjective: 'BS 形容词',
-      bsBuzz: 'BS buzz',
+      bsBuzz: 'BS 嗡嗡声',
-      bsNoun: 'BS noun',
+      bsNoun: 'BS 名称',
       column: '列',
       type: '类型',
-      collation: '校对',
+      collation: '排序规则',
-      engine: 'Engine',
+      engine: '引擎',
       past: '过去',
+      now: '现在',
       future: '未来',
       between: '之间',
       recent: '最近',
@@ -370,7 +412,7 @@ export const zhCN = {
       weekday: '工作日',
       account: '账户',
       accountName: '账户名称',
-      routingNumber: '路由号码',
+      routingNumber: '路由编号',
       mask: '掩码',
       amount: '金额',
       transactionType: '交易类型',
@@ -389,29 +431,29 @@ export const zhCN = {
       commitEntry: '提交条目',
       commitMessage: '提交信息',
       commitSha: '提交 SHA',
-      shortSha: 'Short SHA',
+      shortSha: '短的 SHA',
       abbreviation: '缩写',
       adjective: '形容词',
       noun: '名词',
       verb: '动词',
-      ingverb: 'Ingverb',
+      ingverb: '英式动词',
       phrase: '短语',
       avatar: '头像',
       email: '电子邮箱',
-      exampleEmail: '电子邮件例子',
+      exampleEmail: '示例电子邮件',
       userName: '用户名',
       protocol: '协议',
-      url: 'Url',
+      url: '统一资源定位地址',
-      domainName: 'Domin name',
+      domainName: '域名',
       domainSuffix: '域名后缀',
-      domainWord: 'Domain word',
+      domainWord: '域词',
       ip: 'Ip',
       ipv6: 'Ipv6',
-      userAgent: 'User agent',
+      userAgent: '用户代理',
       mac: 'Mac',
       password: '密码',
-      word: 'Word',
+      word: '单词',
-      words: 'Words',
+      words: '单词',
       sentence: '句子',
       slug: 'Slug',
       sentences: '句子',
@@ -419,7 +461,7 @@ export const zhCN = {
       paragraphs: '段落',
       text: '文本',
       lines: '行',
-      genre: 'Genre',
+      genre: '类型',
       firstName: '名',
       lastName: '姓氏',
       middleName: '中间名',
@@ -428,30 +470,30 @@ export const zhCN = {
       gender: '性别',
       prefix: '前缀',
       suffix: '后缀',
-      title: '标题',
+      title: '头衔',
       jobDescriptor: '工作描述',
       jobArea: '工作领域',
       jobType: '工作类型',
       phoneNumber: '电话号码',
       phoneNumberFormat: '电话号码格式',
       phoneFormats: '电话格式',
-      number: 'Number',
+      number: '号码',
       float: 'Float',
       arrayElement: '数组元素',
       arrayElements: '数组元素',
       objectElement: '对象元素',
       uuid: 'Uuid',
-      boolean: 'Boolean',
+      boolean: '布尔型',
-      image: 'Image',
+      image: '镜像',
-      locale: 'Locale',
+      locale: '区域',
-      alpha: 'Alpha',
+      alpha: '阿尔法',
-      alphaNumeric: 'Alphanumeric',
+      alphaNumeric: 'α 数字',
-      hexaDecimal: 'Hexadecimal',
+      hexaDecimal: '十六进制',
       fileName: '文件名',
       commonFileName: '普通文件名',
       mimeType: 'MIME类型',
-      commonFileType: '常见的文件类型',
+      commonFileType: '常见文件类型',
-      commonFileExt: '常见的文件扩展名',
+      commonFileExt: '常见文件扩展名',
       fileType: '文件类型',
       fileExt: '文件扩展名',
       directoryPath: '目录路径',

src/renderer/index.ts

@@ -3,7 +3,9 @@ import { ipcRenderer } from 'electron';
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import { VueMaskDirective } from 'v-mask';
+import * as FloatingVue from 'floating-vue';
 import '@mdi/font/css/materialdesignicons.css';
+import 'floating-vue/dist/style.css';
 import 'leaflet/dist/leaflet.css';
 import '@/scss/main.scss';
 
@@ -27,6 +29,7 @@ createApp(App)
    .directive('mask', vMaskV3)
    .use(createPinia())
    .use(i18n)
+   .use(FloatingVue)
    .mount('#app');
 
 const { locale } = useSettingsStore();

src/renderer/libs/exportRows.ts

@@ -9,6 +9,7 @@ export const exportRows = (args: {
    fields?: {
       [key: string]: {type: string; datePrecision: number};
    };
+   sqlOptions?: {sqlInsertAfter: number; sqlInsertDivider: 'bytes' | 'rows'};
 }) => {
    let mime;
    let content;
@@ -21,27 +22,30 @@ export const exportRows = (args: {
          if (args.content.length)
             csv.push(Object.keys(args.content[0]).join(';'));
 
-         for (const row of args.content)
+         for (const row of args.content) {
-            csv.push(Object.values(row).map(col => typeof col === 'string' ? `"${col}"` : col).join(';'));
+            csv.push(Object.values(row).map(col => {
+               if (typeof col === 'string') return `"${col}"`;
+               if (col instanceof Buffer) return col.toString('base64');
+               if (col instanceof Uint8Array) return Buffer.from(col).toString('base64');
+               return col;
+            }).join(';'));
+         }
 
          content = csv.join('\n');
          break;
       }
       case 'sql': {
          mime = 'text/sql';
-         const sql = [];
+         const sql = jsonToSqlInsert({
+            json: args.content,
+            client:
+            args.client,
+            fields: args.fields,
+            table: args.table,
+            options: args.sqlOptions
+         });
 
-         for (const row of args.content) {
+         content = sql;
-            sql.push(jsonToSqlInsert({
-               json: row,
-               client:
-               args.client,
-               fields: args.fields,
-               table: args.table
-            }));
-         }
-
-         content = sql.join('\n');
          break;
       }
       case 'json':

src/renderer/libs/getContrast.ts

@@ -0,0 +1,4 @@
+export const getContrast = (hexcolor: string) => {
+   if (!hexcolor) return '';
+   return (parseInt(hexcolor.replace('#', ''), 16) > 0xffffff / 2) ? 'dark' : 'light';
+};

src/renderer/scss/_data-types.scss

@@ -38,6 +38,7 @@
     "bigint": $number-color,
     "newdecimal": $number-color,
     "integer": $number-color,
+    "integer_unsigned": $number-color,
     "numeric": $number-color,
     "smallserial": $number-color,
     "serial": $number-color,

src/renderer/scss/_transitions.scss

@@ -43,6 +43,14 @@
   animation: jump-down-in 0.2s reverse;
 }
 
+.flip-list-move {
+  transition: transform 0.5s;
+}
+
+.no-move {
+  transition: transform 0s;
+}
+
 .pulse {
   animation-name: pulse;
   animation-duration: 2s;

src/renderer/scss/themes/dark-theme.scss

@@ -209,6 +209,8 @@
         background: $bg-color-light-dark;
 
         .tab-item {
+          background: $bg-color-light-dark;
+
           > a {
             color: $body-font-color-dark;
           }

src/renderer/stores/connections.ts

@@ -2,8 +2,19 @@ import { defineStore } from 'pinia';
 import * as Store from 'electron-store';
 import * as crypto from 'crypto';
 import { ConnectionParams } from 'common/interfaces/antares';
+import { uidGen } from 'common/libs/uidGen';
 const key = localStorage.getItem('key');
 
+export interface SidebarElement {
+   isFolder: boolean;
+   uid: string;
+   client?: string;
+   connections?: string[];
+   color?: string;
+   name?: string;
+   icon?: null | string;
+}
+
 if (!key)
    localStorage.setItem('key', crypto.randomBytes(16).toString('hex'));
 else
@@ -18,67 +29,175 @@ const persistentStore = new Store({
 export const useConnectionsStore = defineStore('connections', {
    state: () => ({
       connections: persistentStore.get('connections', []) as ConnectionParams[],
-      pinnedConnections: new Set([...persistentStore.get('pinnedConnections', []) as string[]]) as Set<string>,
+      lastConnections: persistentStore.get('lastConnections', []) as {uid: string; time: number}[],
-      lastConnections: persistentStore.get('lastConnections', []) as {uid: string; time: number}[]
+      connectionsOrder: persistentStore.get('connectionsOrder', []) as SidebarElement[]
    }),
    getters: {
+      getConnectionByUid: state => (uid:string) => state.connections.find(connection => connection.uid === uid),
       getConnectionName: state => (uid: string) => {
-         const connection = state.connections.filter(connection => connection.uid === uid)[0];
+         const connection = state.connections.find(connection => connection.uid === uid);
          let connectionName = '';
+         if (connection) {
+            if (connection.name)
+               connectionName = connection.name;
+            else if (connection.ask)
+               connectionName = `${connection.host}:${connection.port}`;
+            else if (connection.databasePath) {
+               let string = connection.databasePath.split(/[/\\]+/).pop();
 
-         if (connection.name)
+               if (string.length >= 30)
-            connectionName = connection.name;
+                  string = `...${string.slice(-30)}`;
-         else if (connection.ask)
-            connectionName = `${connection.host}:${connection.port}`;
-         else if (connection.databasePath) {
-            let string = connection.databasePath.split(/[/\\]+/).pop();
 
-            if (string.length >= 30)
+               connectionName = string;
-               string = `...${string.slice(-30)}`;
+            }
-
+            else
-            connectionName = string;
+               connectionName = `${connection.user + '@'}${connection.host}:${connection.port}`;
          }
-         else
-            connectionName = `${connection.user + '@'}${connection.host}:${connection.port}`;
 
          return connectionName;
-      }
+      },
+      getConnectionOrderByUid: state => (uid:string) => state.connectionsOrder
+         .find(connection => connection.uid === uid),
+      getFolders: state => state.connectionsOrder.filter(conn => conn.isFolder),
+      getConnectionFolder: state => (uid:string) => state.connectionsOrder
+         .find(folder => folder.isFolder && folder.connections.includes(uid))
    },
    actions: {
       addConnection (connection: ConnectionParams) {
          this.connections.push(connection);
          persistentStore.set('connections', this.connections);
+
+         this.connectionsOrder.push({
+            isFolder: false,
+            uid: connection.uid,
+            client: connection.client,
+            icon: null,
+            name: null
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       },
-      deleteConnection (connection: ConnectionParams) {
+      addFolder (params: {after: string; connections: [string, string]}) {
-         this.connections = (this.connections as ConnectionParams[]).filter(el => el.uid !== connection.uid);
+         const index = this.connectionsOrder.findIndex((conn: SidebarElement) => conn.uid === params.after);
+
+         this.connectionsOrder.splice(index, 0, {
+            isFolder: true,
+            uid: uidGen('F'),
+            name: '',
+            color: '#E36929',
+            connections: params.connections
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
+      },
+      addToFolder (params: {folder: string; connection: string}) {
+         this.connectionsOrder = this.connectionsOrder.map((conn: SidebarElement) => {
+            if (conn.uid === params.folder)
+               conn.connections.push(params.connection);
+
+            return conn;
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
+         this.clearEmptyFolders();
+      },
+      deleteConnection (connection: SidebarElement | ConnectionParams) {
+         this.connectionsOrder = (this.connectionsOrder as SidebarElement[]).map(el => { // Removes connection from folders
+            if (el.isFolder && el.connections.includes(connection.uid))
+               el.connections = el.connections.filter(uid => uid !== connection.uid);
+            return el;
+         });
+         this.connectionsOrder = (this.connectionsOrder as SidebarElement[]).filter(el => el.uid !== connection.uid);
+
+         this.connections = (this.connections as SidebarElement[]).filter(el => el.uid !== connection.uid);
          persistentStore.set('connections', this.connections);
-         (this.pinnedConnections as Set<string>).delete(connection.uid);
+         this.clearEmptyFolders();
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
       },
       editConnection (connection: ConnectionParams) {
          const editedConnections = (this.connections as ConnectionParams[]).map(conn => {
             if (conn.uid === connection.uid) return connection;
             return conn;
          });
+
          this.connections = editedConnections;
-         this.selected_conection = {};
          persistentStore.set('connections', this.connections);
+
+         const editedConnectionsOrder = (this.connectionsOrder as SidebarElement[]).map(conn => {
+            if (conn.uid === connection.uid) {
+               return {
+                  isFolder: false,
+                  uid: connection.uid,
+                  client: connection.client,
+                  icon: conn.icon,
+                  name: conn.name
+               };
+            }
+            return conn;
+         });
+
+         this.connectionsOrder = editedConnectionsOrder;
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       },
       updateConnections (connections: ConnectionParams[]) {
          this.connections = connections;
          persistentStore.set('connections', this.connections);
       },
-      updatePinnedConnections (pinned: string[]) {
+      initConnectionsOrder () {
-         this.pinnedConnections = new Set(pinned);
+         this.connectionsOrder = (this.connections as ConnectionParams[]).map<SidebarElement>(conn => {
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+            return {
+               isFolder: false,
+               uid: conn.uid,
+               client: conn.client,
+               icon: null,
+               name: null
+            };
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       },
-      pinConnection (uid: string) {
+      updateConnectionsOrder (connections: SidebarElement[]) {
-         (this.pinnedConnections as Set<string>).add(uid);
+         const invalidElements = connections.reduce<{index: number; uid: string}[]>((acc, curr, i) => {
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+            if (typeof curr === 'string')
+               acc.push({ index: i, uid: curr });
+
+            return acc;
+         }, []);
+
+         if (invalidElements.length) {
+            invalidElements.forEach(el => {
+               let connIndex = connections.findIndex(conn => conn.uid === el.uid);
+               const conn = connections[connIndex];
+
+               if (connIndex === -1) return;
+
+               connections.splice(el.index, 1, { // Move to new position
+                  isFolder: false,
+                  client: conn.client,
+                  uid: conn.uid,
+                  icon: conn.icon,
+                  name: conn.name
+               });
+
+               connIndex = connections.findIndex((conn, i) => conn.uid === el.uid && i !== el.index);
+               connections.splice(connIndex, 1);// Delete old object
+            });
+         }
+
+         // Clear empty folders
+         const emptyFolders = connections.reduce<string[]>((acc, curr) => {
+            if (curr.connections && curr.connections.length === 0)
+               acc.push(curr.uid);
+            return acc;
+         }, []);
+
+         connections = connections.filter(el => !emptyFolders.includes(el.uid));
+
+         this.connectionsOrder = connections;
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       },
-      unpinConnection (uid: string) {
+      updateConnectionOrder (element: SidebarElement) {
-         (this.pinnedConnections as Set<string>).delete(uid);
+         this.connectionsOrder = (this.connectionsOrder as SidebarElement[]).map(el => {
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+            if (el.uid === element.uid)
+               el = element;
+            return el;
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       },
       updateLastConnection (uid: string) {
          const cIndex = (this.lastConnections as {uid: string; time: number}[]).findIndex((c) => c.uid === uid);
@@ -89,6 +208,17 @@ export const useConnectionsStore = defineStore('connections', {
             this.lastConnections.push({ uid, time: new Date().getTime() });
 
          persistentStore.set('lastConnections', this.lastConnections);
+      },
+      clearEmptyFolders () {
+         // Clear empty folders
+         const emptyFolders = (this.connectionsOrder as SidebarElement[]).reduce<string[]>((acc, curr) => {
+            if (curr.connections && curr.connections.length === 0)
+               acc.push(curr.uid);
+            return acc;
+         }, []);
+
+         this.connectionsOrder = (this.connectionsOrder as SidebarElement[]).filter(el => !emptyFolders.includes(el.uid));
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
       }
    }
 });

src/renderer/stores/settings.ts

@@ -19,16 +19,19 @@ export const useSettingsStore = defineStore('settings', {
       allowPrerelease: settingsStore.get('allow_prerelease', true) as boolean,
       explorebarSize: settingsStore.get('explorebar_size', null) as number,
       notificationsTimeout: settingsStore.get('notifications_timeout', 5) as number,
+      showTableSize: settingsStore.get('show_table_size', false) as boolean,
       dataTabLimit: settingsStore.get('data_tab_limit', 1000) as number,
       autoComplete: settingsStore.get('auto_complete', true) as boolean,
       lineWrap: settingsStore.get('line_wrap', true) as boolean,
+      executeSelected: settingsStore.get('execute_selected', true) as boolean,
       applicationTheme: settingsStore.get('application_theme', defaultAppTheme) as ApplicationTheme,
       editorTheme: settingsStore.get('editor_theme', defaultEditorTheme) as string,
       editorFontSize: settingsStore.get('editor_font_size', 'medium') as EditorFontSize,
       restoreTabs: settingsStore.get('restore_tabs', true) as boolean,
       disableBlur: settingsStore.get('disable_blur', false) as boolean,
       disableScratchpad: settingsStore.get('disable_scratchpad', false) as boolean,
-      shortcuts: shortcutsStore.get('shortcuts', []) as ShortcutRecord[]
+      shortcuts: shortcutsStore.get('shortcuts', []) as ShortcutRecord[],
+      defaultCopyType: settingsStore.get('default_copy_type', 'cell') as string
    }),
    actions: {
       changeLocale (locale: AvailableLocale) {
@@ -48,6 +51,10 @@ export const useSettingsStore = defineStore('settings', {
          this.notificationsTimeout = timeout;
          settingsStore.set('notifications_timeout', this.notificationsTimeout);
       },
+      changeShowTableSize (show: boolean) {
+         this.showTableSize = show;
+         settingsStore.set('show_table_size', this.showTableSize);
+      },
       changeExplorebarSize (size: number) {
          this.explorebarSize = size;
          settingsStore.set('explorebar_size', this.explorebarSize);
@@ -60,6 +67,10 @@ export const useSettingsStore = defineStore('settings', {
          this.lineWrap = val;
          settingsStore.set('line_wrap', this.lineWrap);
       },
+      changeExecuteSelected (val: boolean) {
+         this.executeSelected = val;
+         settingsStore.set('execute_selected', this.executeSelected);
+      },
       changeApplicationTheme (theme: string) {
          this.applicationTheme = theme;
          settingsStore.set('application_theme', this.applicationTheme);
@@ -87,6 +98,10 @@ export const useSettingsStore = defineStore('settings', {
       },
       updateShortcuts (shortcuts: ShortcutRecord[]) {
          this.shortcuts = shortcuts;
+      },
+      changeDefaultCopyType (type: string) {
+         this.defaultCopyType = type;
+         settingsStore.set('default_copy_type', this.defaultCopyType);
       }
    }
 });

src/renderer/untyped.d.ts

@@ -1,2 +1,80 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-types */
 declare module '@/App.vue';
 declare module 'v-mask';
+declare module 'vuedraggable' {// <- to export as default
+   const draggableComponent: import('vue').DefineComponent<{
+      list: {
+          type: ArrayConstructor;
+          required: boolean;
+          default: any;
+      };
+      modelValue: {
+          type: ArrayConstructor;
+          required: boolean;
+          default: any;
+      };
+      itemKey: {
+          type: (FunctionConstructor | StringConstructor)[];
+          required: boolean;
+      };
+      clone: {
+          type: FunctionConstructor;
+          default: (original: any) => any;
+      };
+      tag: {
+          type: StringConstructor;
+          default: string;
+      };
+      move: {
+          type: FunctionConstructor;
+          default: any;
+      };
+      componentData: {
+          type: ObjectConstructor;
+          required: boolean;
+          default: any;
+      };
+  }, unknown, {
+      error: boolean;
+  }, {
+      realList(): any;
+      getKey(): any;
+  }, {
+      getUnderlyingVm(domElement: any): any;
+      getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+      emitChanges(evt: any): void;
+      alterList(onList: any): void;
+      spliceList(): void;
+      updatePosition(oldIndex: any, newIndex: any): void;
+      getRelatedContextFromMoveEvent({ to, related }: {
+          to: any;
+          related: any;
+      }): any;
+      getVmIndexFromDomIndex(domIndex: any): any;
+      onDragStart(evt: any): void;
+      onDragAdd(evt: any): void;
+      onDragRemove(evt: any): void;
+      onDragUpdate(evt: any): void;
+      computeFutureIndex(relatedContext: any, evt: any): any;
+      onDragMove(evt: any, originalEvent: any): any;
+      onDragEnd(): void;
+  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, any[], any, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+      move: Function;
+      tag: string;
+      clone: Function;
+      list: unknown[];
+      modelValue: unknown[];
+      componentData: Record<string, any>;
+  } & {
+      itemKey?: string | Function;
+  }>, {
+      move: Function;
+      tag: string;
+      clone: Function;
+      list: unknown[];
+      modelValue: unknown[];
+      componentData: Record<string, any>;
+  }>;
+   export = draggableComponent;
+}