chore(release): 0.7.0

refactor(UI): minor change
fix(UI): wrong copnnection icons color with light theme
2025-06-05 21:59:22 +02:00 · 2022-11-30 13:22:26 +01:00 · 2022-11-30 13:09:07 +01:00 · 2022-11-30 09:15:15 +01:00 · 2022-11-29 18:18:56 +01:00 · 2022-11-29 15:19:23 +01:00
68 changed files with 3739 additions and 406 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,10 +5,12 @@
      "MySQL",
      "PostgreSQL",
      "SQLite",
+      "Firebird SQL",
      "Windows",
      "translation",
      "Linux",
-      "MacOS"
+      "MacOS",
+      "deps"
   ],
   "svg.preview.background": "transparent"
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,49 @@

 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.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)
+
+
+### Features
+
+* **Firebird SQL:** connections pool ([76df631](https://github.com/antares-sql/antares/commit/76df6319c242ea42f93d4e5d811d96ec2c282aa8))
+* **Firebird SQL:** display table content and query results ([95bb41e](https://github.com/antares-sql/antares/commit/95bb41e9db255a780aae1ae32ce4a53ee3bab20e))
+* **Firebird SQL:** manual commit mode ([27566c1](https://github.com/antares-sql/antares/commit/27566c1dfae55f72d3f870c50410e5ecda256037))
+* **Firebird SQL:** procedure add/edit/delete support ([ae312ef](https://github.com/antares-sql/antares/commit/ae312efbbc3a9941380477b9849bdd8edc5b9fbf))
+* **Firebird SQL:** support to blob fields ([0827a04](https://github.com/antares-sql/antares/commit/0827a04d61af75b4366394e5f0289df461d02c98))
+* **Firebird SQL:** support to indexes and foreign keys ([2c8509f](https://github.com/antares-sql/antares/commit/2c8509ff4173fbebeff92ab472a37edd3d80a2ac))
+* **Firebird SQL:** table add/edit/delete support ([1b5cc31](https://github.com/antares-sql/antares/commit/1b5cc315dddca6b753fb6fe6e196e29441ffed79))
+* **Firebird SQL:** trigger add/edit/delete support ([8e422e3](https://github.com/antares-sql/antares/commit/8e422e3f07323f388523621a05f0403a87f19e47))
+* **Firebird SQL:** view add/edit/delete support ([7d1967a](https://github.com/antares-sql/antares/commit/7d1967a60977b2ce1095a37b7135f429a83f163d))
+* support to text blob fields ([e6f6a02](https://github.com/antares-sql/antares/commit/e6f6a022d1a5bbc3f5303f635a2115813601c61a))
+
+
+### Bug Fixes
+
+* **Firebird SQL:** connection pool issue ([7ff8e21](https://github.com/antares-sql/antares/commit/7ff8e2149ef911a235b4a1dcc329775af1d2a72b))
+* incomplete list of collations, fixes [#478](https://github.com/antares-sql/antares/issues/478) ([1c1403f](https://github.com/antares-sql/antares/commit/1c1403f58641f7b5f8a7c29fc430673ffa88f969))
+* loss of precision updating BIGINT values, fixes [#467](https://github.com/antares-sql/antares/issues/467) ([d190a2d](https://github.com/antares-sql/antares/commit/d190a2dd61040d1748dfb97403f9d56015d938fe))
+
 ### [0.5.19](https://github.com/antares-sql/antares/compare/v0.5.18...v0.5.19) (2022-10-22)


--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@
 Antares is an SQL client based on [Electron.js](https://github.com/electron/electron) and [Vue.js](https://github.com/vuejs/vue) that aims to become a useful tool, especially for developers.  
 Our target is to support as many databases as possible, and all major operating systems, including the ARM versions.  

-**At the moment this application is in development state, many features will come in future updates**, and supports only MySQL/MariaDB, PostgreSQL and SQLite.  
+**At the moment this application is in development state, many features will come in future updates**, and supports only MySQL/MariaDB, PostgreSQL, SQLite and Firebird SQL.  
 However, there are all the features necessary to have a pleasant database management experience, so give it a chance and send us your feedback, we would really appreciate it.  
 We are actively working on it, hoping to provide new cool features, improvements and fixes as soon as possible.  

@@ -84,8 +84,8 @@ This is a roadmap with major features will come in near future.
 - [x] MySQL/MariaDB
 - [x] PostgreSQL
 - [x] SQLite
- [ ] MSSQL
- [ ] OracleDB
+- [x] Firebird SQL
+- [ ] SQL Server
 - [ ] More...

 ### Operating Systems
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "antares",
  "productName": "Antares",
-  "version": "0.5.19",
+  "version": "0.7.0",
  "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
  "license": "MIT",
  "repository": "https://github.com/antares-sql/antares.git",
@@ -125,16 +125,18 @@
    "@turf/helpers": "~6.5.0",
    "@vueuse/core": "~8.7.5",
    "ace-builds": "~1.8.1",
-    "better-sqlite3": "~7.5.1",
+    "better-sqlite3": "~8.0.0",
    "electron-log": "~4.4.1",
    "electron-store": "~8.0.1",
    "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",
    "pg": "~8.7.1",
    "pg-connection-string": "~2.5.0",
    "pg-query-stream": "~4.2.3",
--- a/src/common/customizations/defaults.ts
+++ b/src/common/customizations/defaults.ts
@@ -1,10 +1,14 @@
 import { Customizations } from '../interfaces/customizations';

+// Everything OFF
 export const defaults: Customizations = {
   // Defaults
   defaultPort: null,
   defaultUser: null,
   defaultDatabase: null,
+   dataTypes: [],
+   indexTypes: [],
+   foreignActions: [],
   // Core
   database: false,
   collations: false,
@@ -45,9 +49,9 @@ export const defaults: Customizations = {
   exportByChunks: false,
   schemaImport: false,
   tableSettings: false,
-   tableOptions: false,
   tableArray: false,
   tableRealCount: false,
+   tableDuplicate: false,
   viewSettings: false,
   triggerSettings: false,
   triggerFunctionSettings: false,
@@ -73,6 +77,7 @@ export const defaults: Customizations = {
   procedureDataAccess: false,
   procedureSql: null,
   procedureContext: false,
+   procedureContextValues: [],
   procedureLanguage: false,
   functionDeterministic: false,
   functionDataAccess: false,
--- a/src/common/customizations/firebird.ts
+++ b/src/common/customizations/firebird.ts
@@ -0,0 +1,63 @@
+import { Customizations } from '../interfaces/customizations';
+import { defaults } from './defaults';
+import firebirdTypes from '../data-types/firebird';
+
+export const customizations: Customizations = {
+   ...defaults,
+   // Defaults
+   defaultPort: 3050,
+   defaultUser: 'SYSDBA',
+   defaultDatabase: null,
+   dataTypes: firebirdTypes,
+   indexTypes: [
+      'PRIMARY',
+      // 'CHECK',
+      'UNIQUE'
+   ],
+   foreignActions: [
+      'RESTRICT',
+      'NO ACTION',
+      'CASCADE',
+      'SET NULL',
+      'SET DEFAULT'
+   ],
+   // Core
+   database: true,
+   collations: false,
+   engines: false,
+   connectionSchema: false,
+   sslConnection: false,
+   sshConnection: false,
+   fileConnection: false,
+   cancelQueries: false,
+   // Tools
+   processesList: false,
+   usersManagement: false,
+   variables: false,
+   // Structure
+   schemas: false,
+   tables: true,
+   views: true,
+   triggers: true,
+   routines: true,
+   functions: false,
+   // Settings
+   elementsWrapper: '"',
+   stringsWrapper: '\'',
+   tableAdd: true,
+   tableSettings: true,
+   tableRealCount: true,
+   viewAdd: true,
+   viewSettings: true,
+   triggerAdd: true,
+   triggerMultipleEvents: true,
+   triggerSql: 'BEGIN\r\n\r\nEND',
+   routineAdd: true,
+   procedureContext: true,
+   procedureContextValues: ['IN', 'OUT'],
+   procedureSql: 'BEGIN\r\n\r\nEND',
+   parametersLength: true,
+   indexes: true,
+   foreigns: true,
+   nullable: true
+};
--- a/src/common/customizations/index.ts
+++ b/src/common/customizations/index.ts
@@ -1,16 +1,19 @@
 import * as mysql from 'common/customizations/mysql';
 import * as postgresql from 'common/customizations/postgresql';
 import * as sqlite from 'common/customizations/sqlite';
+import * as firebird from 'common/customizations/firebird';
 import { Customizations } from 'common/interfaces/customizations';

 export default {
   maria: mysql.customizations,
   mysql: mysql.customizations,
   pg: postgresql.customizations,
-   sqlite: sqlite.customizations
+   sqlite: sqlite.customizations,
+   firebird: firebird.customizations
 } as {
   maria: Customizations;
   mysql: Customizations;
   pg: Customizations;
   sqlite: Customizations;
+   firebird: Customizations;
 };
--- a/src/common/customizations/mysql.ts
+++ b/src/common/customizations/mysql.ts
@@ -1,5 +1,6 @@
 import { Customizations } from '../interfaces/customizations';
 import { defaults } from './defaults';
+import mysqlTypes from '../data-types/mysql';

 export const customizations: Customizations = {
   ...defaults,
@@ -7,6 +8,19 @@ export const customizations: Customizations = {
   defaultPort: 3306,
   defaultUser: 'root',
   defaultDatabase: null,
+   dataTypes: mysqlTypes,
+   indexTypes: [
+      'PRIMARY',
+      'INDEX',
+      'UNIQUE',
+      'FULLTEXT'
+   ],
+   foreignActions: [
+      'RESTRICT',
+      'CASCADE',
+      'SET NULL',
+      'NO ACTION'
+   ],
   // Core
   connectionSchema: true,
   collations: true,
@@ -29,6 +43,7 @@ export const customizations: Customizations = {
   stringsWrapper: '"',
   tableAdd: true,
   tableTruncateDisableFKCheck: true,
+   tableDuplicate: true,
   viewAdd: true,
   triggerAdd: true,
   routineAdd: true,
@@ -51,7 +66,6 @@ export const customizations: Customizations = {
   unsigned: true,
   nullable: true,
   zerofill: true,
-   tableOptions: true,
   autoIncrement: true,
   comment: true,
   collation: true,
@@ -64,6 +78,7 @@ export const customizations: Customizations = {
   procedureDataAccess: true,
   procedureSql: 'BEGIN\r\n\r\nEND',
   procedureContext: true,
+   procedureContextValues: ['IN', 'OUT', 'INOUT'],
   triggerSql: 'BEGIN\r\n\r\nEND',
   functionDeterministic: true,
   functionDataAccess: true,
--- a/src/common/customizations/postgresql.ts
+++ b/src/common/customizations/postgresql.ts
@@ -1,5 +1,6 @@
 import { Customizations } from '../interfaces/customizations';
 import { defaults } from './defaults';
+import postgresqlTypes from '../data-types/postgresql';

 export const customizations: Customizations = {
   ...defaults,
@@ -7,6 +8,18 @@ export const customizations: Customizations = {
   defaultPort: 5432,
   defaultUser: 'postgres',
   defaultDatabase: 'postgres',
+   dataTypes: postgresqlTypes,
+   indexTypes: [
+      'PRIMARY',
+      'INDEX',
+      'UNIQUE'
+   ],
+   foreignActions: [
+      'RESTRICT',
+      'CASCADE',
+      'SET NULL',
+      'NO ACTION'
+   ],
   // Core
   database: true,
   sslConnection: true,
@@ -26,6 +39,7 @@ export const customizations: Customizations = {
   elementsWrapper: '"',
   stringsWrapper: '\'',
   tableAdd: true,
+   tableDuplicate: true,
   viewAdd: true,
   triggerAdd: true,
   triggerFunctionAdd: true,
@@ -47,6 +61,7 @@ export const customizations: Customizations = {
   tableArray: true,
   procedureSql: '$procedure$\r\n\r\n$procedure$',
   procedureContext: true,
+   procedureContextValues: ['IN', 'OUT', 'INOUT'],
   procedureLanguage: true,
   functionSql: '$function$\r\n\r\n$function$',
   triggerFunctionSql: '$function$\r\nBEGIN\r\n\r\nEND\r\n$function$',
--- a/src/common/customizations/sqlite.ts
+++ b/src/common/customizations/sqlite.ts
@@ -1,8 +1,21 @@
 import { Customizations } from '../interfaces/customizations';
 import { defaults } from './defaults';
+import sqliteTypes from '../data-types/sqlite';

 export const customizations: Customizations = {
   ...defaults,
+   dataTypes: sqliteTypes,
+   indexTypes: [
+      'PRIMARY',
+      'INDEX',
+      'UNIQUE'
+   ],
+   foreignActions: [
+      'RESTRICT',
+      'CASCADE',
+      'SET NULL',
+      'NO ACTION'
+   ],
   // Core
   fileConnection: true,
   // Structure
@@ -14,6 +27,7 @@ export const customizations: Customizations = {
   elementsWrapper: '"',
   stringsWrapper: '\'',
   tableAdd: true,
+   tableDuplicate: true,
   viewAdd: true,
   triggerAdd: true,
   schemaEdit: false,
--- a/src/common/data-types/firebird.ts
+++ b/src/common/data-types/firebird.ts
@@ -0,0 +1,136 @@
+import { TypesGroup } from 'common/interfaces/antares';
+
+export default [
+   {
+      group: 'integer',
+      types: [
+         {
+            name: 'SMALLINT',
+            length: false,
+            collation: false,
+            unsigned: true,
+            zerofill: true
+         },
+         {
+            name: 'INTEGER',
+            length: false,
+            collation: false,
+            unsigned: true,
+            zerofill: true
+         },
+         {
+            name: 'BIGINT',
+            length: false,
+            collation: false,
+            unsigned: true,
+            zerofill: true
+         }
+      ]
+   },
+   {
+      group: 'float',
+      types: [
+         {
+            name: 'DECIMAL',
+            length: true,
+            scale: true,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'NUMERIC',
+            length: true,
+            scale: true,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'FLOAT',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'DOUBLE PRECISION',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         }
+      ]
+   },
+   {
+      group: 'string',
+      types: [
+         {
+            name: 'CHAR',
+            length: true,
+            collation: true,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'VARCHAR',
+            length: true,
+            collation: true,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'BLOB-TEXT',
+            length: false,
+            collation: true,
+            unsigned: false,
+            zerofill: false
+         }
+      ]
+   },
+   {
+      group: 'binary',
+      types: [
+         {
+            name: 'BLOB',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'CHAR-BINARY',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         }
+      ]
+   },
+   {
+      group: 'time',
+      types: [
+         {
+            name: 'DATE',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'TIME',
+            length: true,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         },
+         {
+            name: 'TIMESTAMP',
+            length: false,
+            collation: false,
+            unsigned: false,
+            zerofill: false
+         }
+      ]
+   }
+] as TypesGroup[];
--- a/src/common/fieldTypes.ts
+++ b/src/common/fieldTypes.ts
@@ -10,7 +10,8 @@ export const LONG_TEXT = [
   'MEDIUMTEXT',
   'LONGTEXT',
   'JSON',
-   'VARBINARY'
+   'VARBINARY',
+   'BLOB-TEXT'
 ];

 export const ARRAY = [
@@ -35,7 +36,8 @@ export const NUMBER = [
   'SERIAL',
   'BIGSERIAL',
   'OID',
-   'XID'
+   'XID',
+   'INT64'
 ];

 export const FLOAT = [
@@ -47,6 +49,12 @@ export const FLOAT = [
   'MONEY'
 ];

+export const IS_BIGINT = [
+   'BIGINT',
+   'BIGSERIAL',
+   'DOUBLE PRECISION'
+];
+
 export const BOOLEAN = [
   'BOOL',
   'BOOLEAN'
@@ -78,7 +86,8 @@ export const BLOB = [
   'MEDIUMBLOB',
   'LONGBLOB',
   'LONG_BLOB',
-   'BYTEA'
+   'BYTEA',
+   'CHAR-BINARY'
 ];

 export const BIT = [
--- a/src/common/index-types/mysql.ts
+++ b/src/common/index-types/mysql.ts
@@ -1,6 +0,0 @@
-export default [
-   'PRIMARY',
-   'INDEX',
-   'UNIQUE',
-   'FULLTEXT'
-];
--- a/src/common/index-types/postgresql.ts
+++ b/src/common/index-types/postgresql.ts
@@ -1,5 +0,0 @@
-export default [
-   'PRIMARY',
-   'INDEX',
-   'UNIQUE'
-];
--- a/src/common/index-types/sqlite.ts
+++ b/src/common/index-types/sqlite.ts
@@ -1,5 +0,0 @@
-export default [
-   'PRIMARY',
-   'INDEX',
-   'UNIQUE'
-];
--- a/src/common/interfaces/antares.ts
+++ b/src/common/interfaces/antares.ts
@@ -8,9 +8,10 @@ import SSHConfig from 'ssh2-promise/lib/sshConfig';
 import { MySQLClient } from '../../main/libs/clients/MySQLClient';
 import { PostgreSQLClient } from '../../main/libs/clients/PostgreSQLClient';
 import { SQLiteClient } from '../../main/libs/clients/SQLiteClient';
+import { FirebirdSQLClient } from 'src/main/libs/clients/FirebirdSQLClient';

-export type Client = MySQLClient | PostgreSQLClient | SQLiteClient
-export type ClientCode = 'mysql' | 'maria' | 'pg' | 'sqlite'
+export type Client = MySQLClient | PostgreSQLClient | SQLiteClient | FirebirdSQLClient
+export type ClientCode = 'mysql' | 'maria' | 'pg' | 'sqlite' | 'firebird'
 export type Exporter = MysqlExporter | PostgreSQLExporter
 export type Importer = MySQLImporter | PostgreSQLImporter

--- a/src/common/interfaces/customizations.ts
+++ b/src/common/interfaces/customizations.ts
@@ -1,8 +1,13 @@
+import { TypesGroup } from './antares';
+
 export interface Customizations {
   // Defaults
   defaultPort?: number;
   defaultUser?: string;
   defaultDatabase?: string;
+   dataTypes?: TypesGroup[];
+   indexTypes?: string[];
+   foreignActions?: string[];
   // Core
   database?: boolean;
   collations?: boolean;
@@ -30,7 +35,7 @@ export interface Customizations {
   stringsWrapper: string;
   tableAdd?: boolean;
   tableSettings?: boolean;
-   tableOptions?: boolean;
+   tableDuplicate?: boolean;
   tableArray?: boolean;
   tableRealCount?: boolean;
   tableTruncateDisableFKCheck?: boolean;
@@ -71,6 +76,7 @@ export interface Customizations {
   procedureDataAccess?: boolean;
   procedureSql?: string;
   procedureContext?: boolean;
+   procedureContextValues?: string[];
   procedureLanguage?: boolean;
   functionDeterministic?: boolean;
   functionDataAccess?: boolean;
--- a/src/common/libs/uidGen.ts
+++ b/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();
 }
--- a/src/main/ipc-handlers/connection.ts
+++ b/src/main/ipc-handlers/connection.ts
@@ -61,7 +61,11 @@ export default (connections: {[key: string]: antares.Client}) => {
         });
         await connection.connect();

-         await connection.select('1+1').run();
+         if (conn.client === 'firebird')
+            connection.raw('SELECT rdb$get_context(\'SYSTEM\', \'DB_NAME\') FROM rdb$database');
+         else
+            await connection.select('1+1').run();
+
         connection.destroy();

         return { status: 'success' };
--- a/src/main/ipc-handlers/schema.ts
+++ b/src/main/ipc-handlers/schema.ts
@@ -97,7 +97,7 @@ export default (connections: {[key: string]: antares.Client}) => {

   ipcMain.handle('get-engines', async (event, uid) => {
      try {
-         const result = await connections[uid].getEngines();
+         const result: unknown = await connections[uid].getEngines();

         return { status: 'success', response: result };
      }
--- a/src/main/ipc-handlers/tables.ts
+++ b/src/main/ipc-handlers/tables.ts
@@ -105,6 +105,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                  break;
               case 'pg':
               case 'sqlite':
+               case 'firebird':
                  escapedParam = `'${params.content.replaceAll('\'', '\'\'')}'`;
                  break;
            }
@@ -124,6 +125,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                     escapedParam = `0x${fileBlob.toString('hex')}`;
                     break;
                  case 'pg':
+                  case 'firebird':
                     fileBlob = fs.readFileSync(params.content);
                     escapedParam = `decode('${fileBlob.toString('hex')}', 'hex')`;
                     break;
@@ -141,6 +143,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                     escapedParam = '\'\'';
                     break;
                  case 'pg':
+                  case 'firebird':
                     escapedParam = 'decode(\'\', \'hex\')';
                     break;
                  case 'sqlite':
@@ -158,6 +161,7 @@ export default (connections: {[key: string]: antares.Client}) => {
               case 'mysql':
               case 'maria':
               case 'pg':
+               case 'firebird':
                  escapedParam = params.content;
                  break;
               case 'sqlite':
@@ -223,10 +227,11 @@ export default (connections: {[key: string]: antares.Client}) => {
         }).join(',');

         try {
-            const result = await connections[params.uid]
+            const result: unknown = await connections[params.uid]
               .schema(params.schema)
               .delete(params.table)
               .where({ [params.primary]: `IN (${idString})` })
+               .limit(params.rows.length)
               .run();

            return { status: 'success', response: result };
@@ -285,6 +290,7 @@ export default (connections: {[key: string]: antares.Client}) => {
                           break;
                        case 'pg':
                        case 'sqlite':
+                        case 'firebird':
                           escapedParam = `'${params.row[key].value.replaceAll('\'', '\'\'')}'`;
                           break;
                     }
@@ -382,7 +388,20 @@ export default (connections: {[key: string]: antares.Client}) => {
         if (description)
            query.select(`LEFT(${description}, 20) AS foreign_description`);

-         const results = await query.run();
+         const results = await query.run<{[key: string]: string}>();
+
+         const parsedResults: {[key: string]: string}[] = [];
+
+         for (const row of results.rows) {
+            const remappedRow: {[key: string]: string} = {};
+
+            for (const key in row)
+               remappedRow[key.toLowerCase()] = row[key];// Thanks Firebird -.-
+
+            parsedResults.push(remappedRow);
+         }
+
+         results.rows = parsedResults;

         return { status: 'success', response: results };
      }
--- a/src/main/libs/AntaresCore.ts
+++ b/src/main/libs/AntaresCore.ts
@@ -16,7 +16,7 @@ const queryLogger = ({ sql, cUid }: {sql: string; cUid: string}) => {
 /**
 * As Simple As Possible Query Builder Core
 */
-export class AntaresCore {
+export abstract class AntaresCore {
   _client: antares.ClientCode;
   protected _cUid: string
   protected _params: mysql.ConnectionOptions | pg.ClientConfig | { databasePath: string; readonly: boolean};
--- a/src/main/libs/ClientsFactory.ts
+++ b/src/main/libs/ClientsFactory.ts
@@ -2,6 +2,7 @@ import * as antares from 'common/interfaces/antares';
 import { MySQLClient } from './clients/MySQLClient';
 import { PostgreSQLClient } from './clients/PostgreSQLClient';
 import { SQLiteClient } from './clients/SQLiteClient';
+import { FirebirdSQLClient } from './clients/FirebirdSQLClient';

 export class ClientsFactory {
   static getClient (args: antares.ClientParams) {
@@ -13,6 +14,8 @@ export class ClientsFactory {
            return new PostgreSQLClient(args);
         case 'sqlite':
            return new SQLiteClient(args);
+         case 'firebird':
+            return new FirebirdSQLClient(args);
         default:
            throw new Error(`Unknown database client: ${args.client}`);
      }
--- a/src/main/libs/clients/FirebirdSQLClient.ts
+++ b/src/main/libs/clients/FirebirdSQLClient.ts
--- a/src/main/libs/clients/PostgreSQLClient.ts
+++ b/src/main/libs/clients/PostgreSQLClient.ts
@@ -540,11 +540,7 @@ export class PostgreSQLClient extends AntaresCore {
         return {
            name: row.constraint_name,
            column: row.column_name,
-            indexType: null as null,
-            type: row.constraint_type,
-            cardinality: null as null,
-            comment: '',
-            indexComment: ''
+            type: row.constraint_type
         };
      });
   }
--- a/src/main/libs/clients/SQLiteClient.ts
+++ b/src/main/libs/clients/SQLiteClient.ts
@@ -217,11 +217,7 @@ export class SQLiteClient extends AntaresCore {
         remappedIndexes.push({
            name: 'PRIMARY',
            column: key.name,
-            indexType: null as never,
-            type: 'PRIMARY',
-            cardinality: null as never,
-            comment: '',
-            indexComment: ''
+            type: 'PRIMARY'
         });
      }

--- a/src/main/main.ts
+++ b/src/main/main.ts
@@ -123,8 +123,8 @@ else {
      if (isWindows)
         mainWindow.show();

-      if (isDevelopment)
-         mainWindow.webContents.openDevTools();
+      // if (isDevelopment)
+      //    mainWindow.webContents.openDevTools();

      process.on('uncaughtException', error => {
         mainWindow.webContents.send('unhandled-exception', error);
--- a/src/renderer/components/FakerSelect.vue
+++ b/src/renderer/components/FakerSelect.vue
@@ -7,7 +7,7 @@
         :option-label="(opt: any) => opt.name === 'manual' ? t('message.manualValue') : t(`faker.${opt.name}`)"
         option-track-by="name"
         :disabled="!isChecked"
-         style="flex-grow: 0;"
+         :style="'flex-grow: 0;'"
         @change="onChange"
      />

@@ -87,7 +87,7 @@

 <script setup lang="ts">
 import { computed, PropType, Ref, ref, watch } from 'vue';
-import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT, UUID } from 'common/fieldTypes';
+import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT, UUID, IS_BIGINT } from 'common/fieldTypes';
 import BaseUploadInput from '@/components/BaseUploadInput.vue';
 import ForeignKeySelect from '@/components/ForeignKeySelect.vue';
 import FakerMethods from 'common/FakerMethods';
@@ -146,8 +146,12 @@ const inputProps = () => {
   if ([...TEXT, ...LONG_TEXT].includes(props.type))
      return { type: 'text', mask: false };

-   if ([...NUMBER, ...FLOAT].includes(props.type))
-      return { type: 'number', mask: false };
+   if ([...NUMBER, ...FLOAT].includes(props.type)) {
+      if (IS_BIGINT.includes(props.type))
+         return { type: 'text', mask: false };
+      else
+         return { type: 'number', mask: false };
+   }

   if (TIME.includes(props.type)) {
      let timeMask = '##:##:##';
--- a/src/renderer/components/ModalAllConnections.vue
+++ b/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;">
-                                 <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)"
-                                 />
+                              <div class="all-connections-buttons p-absolute d-flex" :style="'top: 0; right: 0;'">
                                 <i
                                    class="all-connections-delete mdi mdi-delete mdi-18px ml-2"
                                    :title="t('word.delete')"
@@ -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,
-            isPinned: pinnedConnections.value.has(c.uid)
+            time: connTime
         };
      })
      .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;
--- a/src/renderer/components/ModalConnectionAppearence.vue
+++ b/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>
--- a/src/renderer/components/ModalEditSchema.vue
+++ b/src/renderer/components/ModalEditSchema.vue
@@ -40,6 +40,7 @@
                              v-model="database.collation"
                              class="form-select"
                              :options="collations"
+                              :max-visible-options="1000"
                              option-label="collation"
                              option-track-by="collation"
                           />
@@ -163,7 +164,7 @@ onBeforeUnmount(() => {

 </script>

-<style scoped>
+<style scoped lang="scss">
  .modal-container {
    max-width: 360px;
  }
--- a/src/renderer/components/ModalFolderAppearence.vue
+++ b/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>
--- a/src/renderer/components/ModalNewSchema.vue
+++ b/src/renderer/components/ModalNewSchema.vue
@@ -39,6 +39,7 @@
                              v-model="database.collation"
                              class="form-select"
                              :options="collations"
+                              :max-visible-options="1000"
                              option-label="collation"
                              option-track-by="collation"
                           />
@@ -142,7 +143,7 @@ onBeforeUnmount(() => {
 });
 </script>

-<style scoped>
+<style scoped lang="scss">
  .modal-container {
    max-width: 360px;
  }
--- a/src/renderer/components/QueryEditor.vue
+++ b/src/renderer/components/QueryEditor.vue
@@ -240,7 +240,9 @@ watch(() => tablesInQuery.value.length, () => {
   });

   fields.value = localFields;
-   setCustomCompleter();
+   setTimeout(() => {
+      setCustomCompleter();
+   }, 100);
 });

 watch(editorTheme, () => {
--- a/src/renderer/components/SettingBarConnections.vue
+++ b/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 }"
+               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>
--- a/src/renderer/components/SettingBarConnectionsFolder.vue
+++ b/src/renderer/components/SettingBarConnectionsFolder.vue
@@ -0,0 +1,443 @@
+<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;
+
+         &.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>
--- a/src/renderer/components/SettingBarContext.vue
+++ b/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,
-   pinConnection,
-   unpinConnection
+   deleteConnection
 } = 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 isConnected = computed(() => getWorkspace(props.contextConnection.uid).connectionStatus === 'connected');
-const isPinned = computed(() => pinnedConnections.value.has(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 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();
--- a/src/renderer/components/TheFooter.vue
+++ b/src/renderer/components/TheFooter.vue
@@ -1,5 +1,9 @@
 <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">
@@ -50,6 +54,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 +67,19 @@ 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 } = connectionsStore;

 const workspace = computed(() => getWorkspace(workspaceUid.value));
+const footerColor = computed(() => getConnectionFolder(workspaceUid.value)?.color || '#E36929');
 const version: ComputedRef<DatabaseInfos> = computed(() => {
   return getWorkspace(workspaceUid.value) ? workspace.value.version : null;
 });
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -8,47 +8,10 @@
            @close-context="isContext = false"
         />
         <ul class="settingbar-elements">
-            <Draggable
-               v-model="pinnedConnectionsArr"
-               :item-key="'uid'"
-               @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>
+            <SettingBarConnections
+               v-model="connectionsArr"
+               @context="contextMenu"
+            />
         </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 { getWorkspace, selectWorkspace } = workspacesStore;
+const { updateConnectionsOrder, initConnectionsOrder } = connectionsStore;
+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({
-   get: () => [...pinnedConnections.value].map(c => storedConnections.value.find(sc => sc.uid === c)).filter(Boolean),
-   set: (value: ConnectionParams[]) => {
-      const pinnedUid = value.reduce((acc, curr) => {
-         acc.push(curr.uid);
-         return acc;
-      }, []);
-
-      updatePinnedConnections(pinnedUid);
+const connectionsArr = computed({
+   get: () => connectionsOrder.value,
+   set: (value: SidebarElement[]) => {
+      updateConnectionsOrder(value);
   }
 });

-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,10 @@ watch(selectedWorkspace, (newVal, oldVal) => {
      padding: 0;
      margin: 0;

+      li {
+         margin: 0;
+      }
+
      .settingbar-element {
         height: $settingbar-width;
         width: 100%;
@@ -289,7 +200,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 +213,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
            opacity: 1;

            &::before {
-               height: $settingbar-width;
+               height: calc(#{$settingbar-width} - 0.4rem);
            }
         }

@@ -311,53 +222,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 {
-            margin: 0 auto;
+         .settingbar-element-icon-wrapper{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;

-            &.badge::after {
-               top: 5px;
-               right: -4px;
-               position: absolute;
+            .settingbar-element-icon {
+               &.badge::after {
+                  top: 10px;
+                  right: -6px;
+                  position: absolute;
+               }
+
+               &.badge-update::after {
+                  bottom: initial;
+               }
            }

-            &.badge-update::after {
-               bottom: initial;
+            .settingbar-element-name {
+               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 {
-            font-size: 65%;
-            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 {// <- Dead
+               margin: 0 auto;

-         .settingbar-element-pin {
-            margin: 0 auto;
-
-            &::before {
-               font: normal normal normal 14px/1 "Material Design Icons";
-               content: "\F0403";
-               color: $body-font-color-dark;
-               transform: rotate(45deg);
-               opacity: 0.25;
-               top: -8px;
-               left: -10px;
-               position: absolute;
+               &::before {
+                  font: normal normal normal 14px/1 "Material Design Icons";
+                  content: "\F0403";
+                  color: $body-font-color-dark;
+                  transform: rotate(45deg);
+                  opacity: 0.25;
+                  top: -8px;
+                  left: -10px;
+                  position: absolute;
+               }
            }
         }
      }
--- a/src/renderer/components/TheTitleBar.vue
+++ b/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(' • ');
 });
--- a/src/renderer/components/WorkspaceAddConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceAddConnectionPanel.vue
@@ -415,7 +415,8 @@ const clients = [
   { name: 'MySQL', slug: 'mysql' },
   { name: 'MariaDB', slug: 'maria' },
   { name: 'PostgreSQL', slug: 'pg' },
-   { name: 'SQLite', slug: 'sqlite' }
+   { name: 'SQLite', slug: 'sqlite' },
+   { name: 'Firebird SQL (experimental)', slug: 'firebird' }
 ];

 const connection = ref({
--- a/src/renderer/components/WorkspaceEditConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceEditConnectionPanel.vue
@@ -428,7 +428,8 @@ const clients = [
   { name: 'MySQL', slug: 'mysql' },
   { name: 'MariaDB', slug: 'maria' },
   { name: 'PostgreSQL', slug: 'pg' },
-   { name: 'SQLite', slug: 'sqlite' }
+   { name: 'SQLite', slug: 'sqlite' },
+   { name: 'Firebird SQL (experimental)', slug: 'firebird' }
 ];

 const firstInput: Ref<HTMLInputElement> = ref(null);
--- a/src/renderer/components/WorkspaceEmptyState.vue
+++ b/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>
--- a/src/renderer/components/WorkspaceExploreBarMiscContext.vue
+++ b/src/renderer/components/WorkspaceExploreBarMiscContext.vue
@@ -258,6 +258,9 @@ const runRoutine = (params?: string[]) => {
      case 'pg':
         sql = `CALL ${localElement.value.name}(${params.join(',')})`;
         break;
+      case 'firebird':
+         sql = `EXECUTE PROCEDURE "${localElement.value.name}"(${params.join(',')})`;
+         break;
      // case 'mssql':
      //    sql = `EXEC ${localElement.value.name} ${params.join(',')}`;
      //    break;
--- a/src/renderer/components/WorkspaceExploreBarTableContext.vue
+++ b/src/renderer/components/WorkspaceExploreBarTableContext.vue
@@ -18,7 +18,7 @@
         <span class="d-flex"><i class="mdi mdi-18px mdi-tune-vertical-variant text-light pr-1" /> {{ t('word.settings') }}</span>
      </div>
      <div
-         v-if="selectedTable && selectedTable.type === 'table'"
+         v-if="selectedTable && selectedTable.type === 'table' && customizations.tableDuplicate"
         class="context-element"
         @click="duplicateTable"
      >
--- a/src/renderer/components/WorkspaceTabNewRoutine.vue
+++ b/src/renderer/components/WorkspaceTabNewRoutine.vue
@@ -291,7 +291,7 @@ watch(consoleHeight, () => {
 });

 originalRoutine.value = {
-   sql: customizations.value.functionSql,
+   sql: customizations.value.procedureSql,
   language: customizations.value.languages ? customizations.value.languages[0] : null,
   name: '',
   definer: '',
--- a/src/renderer/components/WorkspaceTabNewTable.vue
+++ b/src/renderer/components/WorkspaceTabNewTable.vue
@@ -90,6 +90,7 @@
                  <BaseSelect
                     v-model="localOptions.collation"
                     :options="workspace.collations"
+                     :max-visible-options="1000"
                     option-label="collation"
                     option-track-by="collation"
                     class="form-select"
--- a/src/renderer/components/WorkspaceTabNewTrigger.vue
+++ b/src/renderer/components/WorkspaceTabNewTrigger.vue
@@ -275,7 +275,13 @@ const saveContentListener = () => {
 };

 watch(() => props.isSelected, (val) => {
-   if (val) changeBreadcrumbs({ schema: props.schema });
+   if (val) {
+      changeBreadcrumbs({ schema: props.schema });
+
+      setTimeout(() => {
+         resizeQueryEditor();
+      }, 50);
+   }
 });

 watch(isChanged, (val) => {
--- a/src/renderer/components/WorkspaceTabPropsRoutine.vue
+++ b/src/renderer/components/WorkspaceTabPropsRoutine.vue
@@ -351,6 +351,9 @@ const runRoutine = (params?: string[]) => {
      case 'pg':
         sql = `CALL ${originalRoutine.value.name}(${params.join(',')})`;
         break;
+      case 'firebird':
+         sql = `EXECUTE PROCEDURE "${originalRoutine.value.name}"(${params.join(',')})`;
+         break;
      case 'mssql':
         sql = `EXEC ${originalRoutine.value.name} ${params.join(',')}`;
         break;
--- a/src/renderer/components/WorkspaceTabPropsRoutineParamsModal.vue
+++ b/src/renderer/components/WorkspaceTabPropsRoutineParamsModal.vue
@@ -118,29 +118,17 @@
                        {{ t('word.context') }}
                     </label>
                     <div class="column">
-                        <label class="form-radio">
+                        <label
+                           v-for="condext in customizations.procedureContextValues"
+                           :key="condext"
+                           class="form-radio"
+                        >
                           <input
                              v-model="selectedParamObj.context"
                              type="radio"
                              name="context"
-                              value="IN"
-                           > <i class="form-icon" /> IN
-                        </label>
-                        <label class="form-radio">
-                           <input
-                              v-model="selectedParamObj.context"
-                              type="radio"
-                              value="OUT"
-                              name="context"
-                           > <i class="form-icon" /> OUT
-                        </label>
-                        <label class="form-radio">
-                           <input
-                              v-model="selectedParamObj.context"
-                              type="radio"
-                              value="INOUT"
-                              name="context"
-                           > <i class="form-icon" /> INOUT
+                              :value="condext"
+                           > <i class="form-icon" /> {{ condext }}
                        </label>
                     </div>
                  </div>
--- a/src/renderer/components/WorkspaceTabPropsTable.vue
+++ b/src/renderer/components/WorkspaceTabPropsTable.vue
@@ -103,6 +103,7 @@
                  <BaseSelect
                     v-model="localOptions.collation"
                     :options="workspace.collations"
+                     :max-visible-options="1000"
                     option-label="collation"
                     option-track-by="collation"
                     class="form-select"
@@ -300,7 +301,7 @@ const getFieldsData = async () => {
               field.defaultType = 'noval';
            else if (field.default === 'NULL')
               field.defaultType = 'null';
-            else if (isNaN(+field.default) && field.default.charAt(0) !== '\'')
+            else if (typeof field.default === 'string' && isNaN(+field.default) && field.default.charAt(0) !== '\'')
               field.defaultType = 'expression';
            else {
               field.defaultType = 'custom';
@@ -323,11 +324,13 @@ const getFieldsData = async () => {
      const { status, response } = await Tables.getTableIndexes(params);

      if (status === 'success') {
-         const indexesObj = response.reduce((acc: {[key: string]: TableIndex[]}, curr: TableIndex) => {
-            acc[curr.name] = acc[curr.name] || [];
-            acc[curr.name].push(curr);
-            return acc;
-         }, {});
+         const indexesObj = response
+            .filter((index: TableIndex) => index.type !== 'FOREIGN KEY')
+            .reduce((acc: {[key: string]: TableIndex[]}, curr: TableIndex) => {
+               acc[curr.name] = acc[curr.name] || [];
+               acc[curr.name].push(curr);
+               return acc;
+            }, {});

         originalIndexes.value = Object.keys(indexesObj).map(index => {
            return {
@@ -529,9 +532,10 @@ const clearChanges = () => {
 };

 const addField = () => {
+   const uid = uidGen();
   localFields.value.push({
-      _antares_id: uidGen(),
-      name: `${t('word.field', 1)}_${++newFieldsCounter.value}`,
+      _antares_id: uid,
+      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,
--- a/src/renderer/components/WorkspaceTabPropsTableForeignModal.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableForeignModal.vue
@@ -113,7 +113,7 @@
                     </div>
                  </div>
                  <div class="form-group">
-                     <label class="form-label col-3 pt-0">
+                     <label class="form-label col-3">
                        {{ t('message.referenceTable') }}
                     </label>
                     <div class="column">
@@ -219,13 +219,8 @@ const foreignProxy = ref([]);
 const selectedForeignID = ref('');
 const modalInnerHeight = ref(400);
 const refFields = ref({} as {[key: string]: TableField[]});
-const foreignActions = [
-   'RESTRICT',
-   'CASCADE',
-   'SET NULL',
-   'NO ACTION'
-];

+const foreignActions = computed(() => props.workspace.customizations.foreignActions);
 const selectedForeignObj = computed(() => foreignProxy.value.find(foreign => foreign._antares_id === selectedForeignID.value));
 const isChanged = computed(() => JSON.stringify(props.localKeyUsage) !== JSON.stringify(foreignProxy.value));

@@ -254,16 +249,17 @@ const getModalInnerHeight = () => {
 };

 const addForeign = () => {
+   const uid = uidGen();
   foreignProxy.value = [...foreignProxy.value, {
-      _antares_id: uidGen(),
-      constraintName: `FK_${uidGen()}`,
+      _antares_id: uid,
+      constraintName: `FK_${uid.substring(0, 4)}`,
      refSchema: props.schema,
      table: props.table,
      refTable: '',
      field: '',
      refField: '',
-      onUpdate: foreignActions[0],
-      onDelete: foreignActions[0]
+      onUpdate: foreignActions.value[0],
+      onDelete: foreignActions.value[0]
   }];

   if (foreignProxy.value.length === 1)
@@ -271,6 +267,7 @@ const addForeign = () => {

   setTimeout(() => {
      indexesPanel.value.scrollTop = indexesPanel.value.scrollHeight + 60;
+      selectedForeignID.value = uid;
   }, 20);
 };

--- a/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableIndexesModal.vue
@@ -92,7 +92,7 @@
                        <BaseSelect
                           v-model="selectedIndexObj.type"
                           :options="indexTypes"
-                           :option-disabled="(opt: any) => opt === 'PRIMARY'"
+                           :option-disabled="(opt: any) => opt === 'PRIMARY' && hasPrimary"
                           class="form-select"
                        />
                     </div>
@@ -160,6 +160,7 @@ const modalInnerHeight = ref(400);

 const selectedIndexObj = computed(() => indexesProxy.value.find(index => index._antares_id === selectedIndexID.value));
 const isChanged = computed(() => JSON.stringify(props.localIndexes) !== JSON.stringify(indexesProxy.value));
+const hasPrimary = computed(() => indexesProxy.value.some(index => ['PRIMARY', 'PRIMARY KEY'].includes(index.type)));

 const confirmIndexesChange = () => {
   indexesProxy.value = indexesProxy.value.filter(index => index.fields.length);
@@ -179,15 +180,12 @@ const getModalInnerHeight = () => {
 };

 const addIndex = () => {
+   const uid = uidGen();
   indexesProxy.value = [...indexesProxy.value, {
-      _antares_id: uidGen(),
-      name: 'NEW_INDEX',
+      _antares_id: uid,
+      name: `INDEX_${uid.substring(0, 4)}`,
      fields: [],
-      type: 'INDEX',
-      comment: '',
-      indexType: 'BTREE',
-      indexComment: '',
-      cardinality: 0
+      type: props.workspace.customizations.primaryAsIndex ? props.indexTypes[0] : props.indexTypes[1]
   }];

   if (indexesProxy.value.length === 1)
@@ -195,6 +193,7 @@ const addIndex = () => {

   setTimeout(() => {
      indexesPanel.value.scrollTop = indexesPanel.value.scrollHeight + 60;
+      selectedIndexID.value = uid;
   }, 20);
 };

--- a/src/renderer/components/WorkspaceTabPropsTableRow.vue
+++ b/src/renderer/components/WorkspaceTabPropsTableRow.vue
@@ -212,6 +212,7 @@
               :options="collations"
               option-label="collation"
               option-track-by="collation"
+               :max-visible-options="1000"
               class="form-select small-select pl-1 pr-4 editable-field"
               @blur="editOFF"
            />
@@ -501,8 +502,8 @@ const editOFF = () => {
      localRow.value.enumValues = '';

      if (fieldType.value.length) {
-         if (['integer', 'float', 'binary', 'spatial'].includes(fieldType.value.group)) localRow.value.numLength = 11;
-         if (['string'].includes(fieldType.value.group)) localRow.value.charLength = 15;
+         if (['integer', 'float', 'binary', 'spatial'].includes(fieldType.value.group)) localRow.value.numLength = 10;
+         if (['string'].includes(fieldType.value.group)) localRow.value.charLength = 20;
         if (['time'].includes(fieldType.value.group)) localRow.value.datePrecision = 0;
         if (['other'].includes(fieldType.value.group)) localRow.value.enumValues = '\'valA\',\'valB\'';
      }
--- a/src/renderer/components/WorkspaceTabQueryTable.vue
+++ b/src/renderer/components/WorkspaceTabQueryTable.vue
@@ -270,6 +270,8 @@ const keyName = (key: string) => {
         return 'UNIQUE';
      case 'mul':
         return 'INDEX';
+      case 'fk':
+         return 'REFERENCES';
      default:
         return 'UNKNOWN ' + key;
   }
--- a/src/renderer/components/WorkspaceTabQueryTableRow.vue
+++ b/src/renderer/components/WorkspaceTabQueryTableRow.vue
@@ -220,7 +220,8 @@ import {
   BINARY,
   HAS_TIMEZONE,
   SPATIAL,
-   IS_MULTI_SPATIAL
+   IS_MULTI_SPATIAL,
+   IS_BIGINT
 } from 'common/fieldTypes';
 import ConfirmModal from '@/components/BaseConfirmModal.vue';
 import TextEditor from '@/components/BaseTextEditor.vue';
@@ -281,8 +282,12 @@ const inputProps = computed(() => {
   if ([...TEXT, ...LONG_TEXT].includes(editingType.value))
      return { type: 'text', mask: false };

-   if ([...NUMBER, ...FLOAT].includes(editingType.value))
-      return { type: 'number', mask: false };
+   if ([...NUMBER, ...FLOAT].includes(editingType.value)) {
+      if (IS_BIGINT.includes(editingType.value))
+         return { type: 'text', mask: false };
+      else
+         return { type: 'number', mask: false };
+   }

   if (TIME.includes(editingType.value)) {
      let timeMask = '##:##:##';
--- a/src/renderer/i18n/en-US.ts
+++ b/src/renderer/i18n/en-US.ts
@@ -143,7 +143,12 @@ export const enUS = {
      pin: 'Pin',
      unpin: 'Unpin',
      console: 'Console',
-      shortcuts: 'Shortcuts'
+      shortcuts: 'Shortcuts',
+      folder: 'Folder | Folders',
+      appearence: 'Appearence',
+      color: 'Color',
+      label: 'Label',
+      icon: 'Icon'
   },
   message: {
      appWelcome: 'Welcome to Antares SQL Client!',
@@ -323,7 +328,11 @@ 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'
   },
   faker: {
      address: 'Address',
--- a/src/renderer/images/svg/firebird.svg
+++ b/src/renderer/images/svg/firebird.svg
--- a/src/renderer/index.ts
+++ b/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();
--- a/src/renderer/libs/getContrast.ts
+++ b/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';
+};
--- a/src/renderer/scss/_data-types.scss
+++ b/src/renderer/scss/_data-types.scss
@@ -26,6 +26,8 @@
    "macaddr8": $string-color,
    "uuid": $string-color,
    "regproc": $string-color,
+    "blob-text": $string-color,
+
    "int": $number-color,
    "tinyint": $number-color,
    "smallint": $number-color,
@@ -44,6 +46,7 @@
    "double_precision": $number-color,
    "oid": $number-color,
    "xid": $number-color,
+
    "money": $number-color,
    "number": $number-color,
    "datetime": $date-color,
@@ -54,9 +57,12 @@
    "timestamp": $date-color,
    "timestamp_without_time_zone": $date-color,
    "timestamp_with_time_zone": $date-color,
+
    "bit": $bit-color,
    "bit_varying": $bit-color,
+
    "binary": $blob-color,
+    "char-binary": $blob-color,
    "varbinary": $blob-color,
    "blob": $blob-color,
    "tinyblob": $blob-color,
@@ -65,10 +71,12 @@
    "longblob": $blob-color,
    "long_blob": $blob-color,
    "bytea": $blob-color,
+
    "enum": $enum-color,
    "set": $enum-color,
    "bool": $enum-color,
    "boolean": $enum-color,
+
    "interval": $array-color,
    "array": $array-color,
    "anyarray": $array-color,
@@ -85,6 +93,7 @@
    "geomcollection": $array-color,
    "geometrycollection": $array-color,
    "aclitem": $array-color,
+
    "unknown": $unknown-color,
  )
 );
--- a/src/renderer/scss/_db-icons.scss
+++ b/src/renderer/scss/_db-icons.scss
@@ -25,6 +25,10 @@
    background-image: url("../images/svg/sqlite.svg");
  }

+  &.dbi-firebird {
+    background-image: url("../images/svg/firebird.svg");
+  }
+
  &.dbi-oracledb {
    background-image: url("../images/svg/oracledb.svg");
  }
--- a/src/renderer/scss/_table-keys.scss
+++ b/src/renderer/scss/_table-keys.scss
@@ -21,6 +21,10 @@
    color: limegreen;
  }

+  &.key-fk {
+    color: chocolate;
+  }
+
  &.key-FULLTEXT {
    color: mediumvioletred;
  }
--- a/src/renderer/scss/_transitions.scss
+++ b/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;
--- a/src/renderer/stores/connections.ts
+++ b/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,42 +29,86 @@ 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)
-            connectionName = connection.name;
-         else if (connection.ask)
-            connectionName = `${connection.host}:${connection.port}`;
-         else if (connection.databasePath) {
-            let string = connection.databasePath.split(/[/\\]+/).pop();
+               if (string.length >= 30)
+                  string = `...${string.slice(-30)}`;

-            if (string.length >= 30)
-               string = `...${string.slice(-30)}`;
-
-            connectionName = string;
+               connectionName = string;
+            }
+            else
+               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) {
-         this.connections = (this.connections as ConnectionParams[]).filter(el => el.uid !== connection.uid);
+      addFolder (params: {after: string; connections: [string, string]}) {
+         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);
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+         this.clearEmptyFolders();
      },
      editConnection (connection: ConnectionParams) {
         const editedConnections = (this.connections as ConnectionParams[]).map(conn => {
@@ -61,24 +116,71 @@ export const useConnectionsStore = defineStore('connections', {
            return conn;
         });
         this.connections = editedConnections;
-         this.selected_conection = {};
         persistentStore.set('connections', this.connections);
      },
      updateConnections (connections: ConnectionParams[]) {
         this.connections = connections;
         persistentStore.set('connections', this.connections);
      },
-      updatePinnedConnections (pinned: string[]) {
-         this.pinnedConnections = new Set(pinned);
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+      initConnectionsOrder () {
+         this.connectionsOrder = (this.connections as ConnectionParams[]).map<SidebarElement>(conn => {
+            return {
+               isFolder: false,
+               uid: conn.uid,
+               client: conn.client,
+               icon: null,
+               name: null
+            };
+         });
+         persistentStore.set('connectionsOrder', this.connectionsOrder);
      },
-      pinConnection (uid: string) {
-         (this.pinnedConnections as Set<string>).add(uid);
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+      updateConnectionsOrder (connections: SidebarElement[]) {
+         const invalidElements = connections.reduce<{index: number; uid: string}[]>((acc, curr, i) => {
+            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) {
-         (this.pinnedConnections as Set<string>).delete(uid);
-         persistentStore.set('pinnedConnections', [...this.pinnedConnections]);
+      updateConnectionOrder (element: SidebarElement) {
+         this.connectionsOrder = (this.connectionsOrder as SidebarElement[]).map(el => {
+            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 +191,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);
      }
   }
 });
--- a/src/renderer/stores/workspaces.ts
+++ b/src/renderer/stores/workspaces.ts
@@ -176,8 +176,6 @@ export const useWorkspacesStore = defineStore('workspaces', {
                  : workspace);
            }
            else {
-               let dataTypes: TypesGroup[] = [];
-               let indexTypes: string[] = [];
               let clientCustomizations: Customizations;
               const { updateLastConnection } = connectionsStore;

@@ -186,21 +184,20 @@ export const useWorkspacesStore = defineStore('workspaces', {
               switch (connection.client) {
                  case 'mysql':
                  case 'maria':
-                     dataTypes = require('common/data-types/mysql').default;
-                     indexTypes = require('common/index-types/mysql').default;
                     clientCustomizations = customizations.mysql;
                     break;
                  case 'pg':
-                     dataTypes = require('common/data-types/postgresql').default;
-                     indexTypes = require('common/index-types/postgresql').default;
                     clientCustomizations = customizations.pg;
                     break;
                  case 'sqlite':
-                     dataTypes = require('common/data-types/sqlite').default;
-                     indexTypes = require('common/index-types/sqlite').default;
                     clientCustomizations = customizations.sqlite;
                     break;
+                  case 'firebird':
+                     clientCustomizations = customizations.firebird;
+                     break;
               }
+               const dataTypes = clientCustomizations.dataTypes;
+               const indexTypes = clientCustomizations.indexTypes;

               const { status, response: version } = await Schema.getVersion(connection.uid);

--- a/src/renderer/untyped.d.ts
+++ b/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;
+}
Author	SHA1	Message	Date
Fabio Di Stasio	cf5247bf35	chore(release): 0.7.0	2022-11-30 13:22:26 +01:00
Fabio Di Stasio	19db29663b	refactor(UI): minor change	2022-11-30 13:09:07 +01:00
Fabio Di Stasio	d010d5aa8f	fix(UI): wrong copnnection icons color with light theme	2022-11-30 09:15:15 +01:00
Fabio Di Stasio	0a1f50a9b9	fix: missing sidebar data after update	2022-11-29 18:18:56 +01:00
Fabio Di Stasio	e7da5a7040	build(deps): update better-sqlite3 to 8.0.0	2022-11-29 15:19:23 +01:00
Fabio Di Stasio	2d126d521c	refactor: minor improvements	2022-11-29 14:25:30 +01:00
Fabio Di Stasio	0fca70ebec	fix(UI): folder to folder drag glitches	2022-11-29 13:19:41 +01:00
Fabio Di Stasio	36358584fd	Merge pull request #481 from antares-sql/new-sidebar New connections sidebar	2022-11-28 15:19:24 +01:00
Fabio Di Stasio	672896414e	feat(UI): new settimgbar tooltips	2022-11-28 15:11:29 +01:00
Fabio Di Stasio	b06bafe06c	fix: deletion of connections inside folder	2022-11-28 13:06:01 +01:00
Fabio Di Stasio	4fe9dfc4d7	feat(UI): footer color based on folder color	2022-11-28 11:56:02 +01:00
Fabio Di Stasio	7af178a1e4	fix: wrong position moving elements outside folder	2022-11-28 09:42:18 +01:00
Fabio Di Stasio	212b2bdba9	feat(UI): connections customization	2022-11-27 17:52:32 +01:00
Fabio Di Stasio	72accb7b0e	feat(UI): folders customization	2022-11-26 11:21:47 +01:00
Fabio Di Stasio	321b387083	refactor(UI): various improvements on sidebar	2022-11-24 16:40:04 +01:00
Fabio Di Stasio	ece6c6401d	feat(UI): folders implementation	2022-11-23 17:52:08 +01:00
Fabio Di Stasio	5a028a4ea2	refactor: changes to implement folders	2022-11-21 20:19:02 +01:00
Fabio Di Stasio	83f9b12be0	chore(release): 0.6.0	2022-11-18 14:32:43 +01:00
Fabio Di Stasio	1c1403f586	fix: incomplete list of collations, fixes #478	2022-11-18 11:30:10 +01:00
Fabio Di Stasio	038cf68253	Merge pull request #472 from antares-sql/firebirdsql-support Firebird SQL support	2022-11-17 16:19:59 +01:00
Fabio Di Stasio	3580faebba	chore: update README.md	2022-11-17 16:17:36 +01:00
Fabio Di Stasio	ae312efbbc	feat(Firebird SQL): procedure add/edit/delete support	2022-11-17 15:27:39 +01:00
Fabio Di Stasio	8e422e3f07	feat(Firebird SQL): trigger add/edit/delete support	2022-11-16 15:16:12 +01:00
Fabio Di Stasio	7d1967a609	feat(Firebird SQL): view add/edit/delete support	2022-11-16 12:00:12 +01:00
Fabio Di Stasio	7ff8e2149e	fix(Firebird SQL): connection pool issue	2022-11-16 10:12:44 +01:00
Fabio Di Stasio	1b5cc315dd	feat(Firebird SQL): table add/edit/delete support	2022-11-15 16:46:12 +01:00
Fabio Di Stasio	27566c1dfa	feat(Firebird SQL): manual commit mode	2022-11-10 15:52:31 +01:00
Fabio Di Stasio	03777a2ea3	refactor(Firebird SQL): improve fields metadata detection	2022-11-09 17:41:31 +01:00
Fabio Di Stasio	d91251d7cb	build(deps): update better-sqlite to 7.6.2	2022-11-09 10:48:01 +01:00
Fabio Di Stasio	0827a04d61	feat(Firebird SQL): support to blob fields	2022-11-08 15:53:21 +01:00
Fabio Di Stasio	2c8509ff41	feat(Firebird SQL): support to indexes and foreign keys	2022-11-08 14:05:54 +01:00
Fabio Di Stasio	76df6319c2	feat(Firebird SQL): connections pool	2022-11-07 09:49:36 +01:00
Fabio Di Stasio	e6f6a022d1	feat: support to text blob fields	2022-11-05 10:22:12 +01:00
Fabio Di Stasio	95bb41e9db	feat(Firebird SQL): display table content and query results	2022-11-04 16:31:10 +01:00
Fabio Di Stasio	7ab84bde57	initial firebird commit	2022-11-02 14:18:50 +01:00
Fabio Di Stasio	d190a2dd61	fix: loss of precision updating BIGINT values, fixes #467	2022-10-26 12:26:09 +02:00