Merge branch 'beta' of https://github.com/antares-sql/antares

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

@@ -1,9 +1,10 @@
 name: Test end-to-end
 
 on: 
-  push:
+  workflow_dispatch: {}
-    branches:
+  # push:
-        - develop
+  #   branches:
+  #       - develop
 
 jobs:
   release:

CHANGELOG.md

@@ -2,6 +2,38 @@
 
 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.25-beta.2](https://github.com/antares-sql/antares/compare/v0.7.25-beta.1...v0.7.25-beta.2) (2024-06-16)
+
+
+### Features
+
+* **PostgreSQL:** support to materialized views, closes [#804](https://github.com/antares-sql/antares/issues/804) ([0b9898f](https://github.com/antares-sql/antares/commit/0b9898f3e714d2cb24d100f55dd3858a644de162))
+
+
+### Improvements
+
+* **UI:** views grouped in folders ([a973ec3](https://github.com/antares-sql/antares/commit/a973ec3c60398cb16685a4f991c43ec4ee74c986))
+
+### [0.7.25-beta.1](https://github.com/antares-sql/antares/compare/v0.7.25-beta.0...v0.7.25-beta.1) (2024-06-08)
+
+
+### Bug Fixes
+
+* issue switching table after using a filter, fixes[#691](https://github.com/antares-sql/antares/issues/691) ([4a1697d](https://github.com/antares-sql/antares/commit/4a1697d63351b9990efff5804b95d92ac2fc9783))
+
+### [0.7.25-beta.0](https://github.com/antares-sql/antares/compare/v0.7.24...v0.7.25-beta.0) (2024-05-26)
+
+
+### Features
+
+* update japanese translation ([bb3c87b](https://github.com/antares-sql/antares/commit/bb3c87b2cf6fa38e3cfb68317c02aa350aae7887))
+
+
+### Bug Fixes
+
+* missing resizebars on mouse over ([25123e3](https://github.com/antares-sql/antares/commit/25123e34ef860d8bf019c496097e68e0101c9ab9))
+* **PostgreSQL:** unable to search for databases, fixes [#798](https://github.com/antares-sql/antares/issues/798) ([d1bb50b](https://github.com/antares-sql/antares/commit/d1bb50b2bb48d3445080990c28fdc656cf27a6d3))
+
 ### [0.7.24](https://github.com/antares-sql/antares/compare/v0.7.24-beta.1...v0.7.24) (2024-05-03)
 
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.7.24",
+  "version": "0.7.25-beta.2",
   "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
   "license": "MIT",
   "repository": "https://github.com/antares-sql/antares.git",
@@ -119,7 +119,7 @@
     }
   },
   "dependencies": {
-    "@electron/remote": "~2.0.1",
+    "@electron/remote": "~2.1.2",
     "@fabio286/ssh2-promise": "~1.0.4-b",
     "@faker-js/faker": "~6.1.2",
     "@jamescoyle/vue-icon": "~0.1.2",
@@ -127,10 +127,11 @@
     "@turf/helpers": "~6.5.0",
     "@vue/compiler-sfc": "~3.2.33",
     "@vueuse/core": "~10.4.1",
-    "ace-builds": "~1.24.1",
+    "ace-builds": "~1.34.1",
     "babel-loader": "~8.2.3",
-    "better-sqlite3": "~9.4.1",
+    "better-sqlite3": "~10.0.0",
     "chalk": "~4.1.2",
+    "cpu-features": "^0.0.10",
     "cross-env": "~7.0.2",
     "css-loader": "~6.5.0",
     "electron-log": "~5.0.1",
@@ -146,10 +147,10 @@
     "marked": "~12.0.0",
     "mini-css-extract-plugin": "~2.4.5",
     "moment": "~2.30.1",
-    "mysql2": "~3.9.1",
+    "mysql2": "~3.9.7",
-    "node-firebird": "~1.1.4",
+    "node-firebird": "~1.1.8",
     "node-loader": "~2.0.0",
-    "pg": "~8.11.3",
+    "pg": "~8.11.5",
     "pg-connection-string": "~2.5.0",
     "pg-query-stream": "~4.2.3",
     "pgsql-ast-parser": "~7.2.1",
@@ -169,11 +170,11 @@
     "typescript": "~4.6.3",
     "unzip-crx-3": "~0.2.0",
     "v-mask": "~2.3.0",
-    "vue": "~3.4.19",
+    "vue": "~3.4.27",
-    "vue-i18n": "~9.2.2",
+    "vue-i18n": "~9.13.1",
     "vue-loader": "~16.8.3",
     "vuedraggable": "~4.1.0",
-    "webpack": "~5.72.0",
+    "webpack": "^5.91.0",
     "webpack-cli": "~4.9.1"
   },
   "devDependencies": {
@@ -192,8 +193,8 @@
     "@typescript-eslint/eslint-plugin": "~5.18.0",
     "@typescript-eslint/parser": "~5.18.0",
     "all-contributors-cli": "~6.20.0",
-    "electron": "~26.6.9",
+    "electron": "~30.0.8",
-    "electron-builder": "~24.6.4",
+    "electron-builder": "~24.13.3",
     "eslint": "~7.32.0",
     "eslint-config-standard": "~16.0.3",
     "eslint-plugin-import": "~2.24.2",

src/common/customizations/postgresql.ts

@@ -31,6 +31,7 @@ export const customizations: Customizations = {
    schemas: true,
    tables: true,
    views: true,
+   materializedViews: true,
    triggers: true,
    triggerFunctions: true,
    routines: true,
@@ -42,6 +43,7 @@ export const customizations: Customizations = {
    tableDuplicate: true,
    tableDdl: true,
    viewAdd: true,
+   materializedViewAdd: true,
    triggerAdd: true,
    triggerFunctionAdd: true,
    routineAdd: true,
@@ -52,6 +54,7 @@ export const customizations: Customizations = {
    databaseEdit: false,
    tableSettings: true,
    viewSettings: true,
+   materializedViewSettings: true,
    triggerSettings: true,
    triggerFunctionSettings: true,
    routineSettings: true,

src/common/interfaces/customizations.ts

@@ -28,6 +28,7 @@ export interface Customizations {
    schemas?: boolean;
    tables?: boolean;
    views?: boolean;
+   materializedViews?: boolean;
    triggers?: boolean;
    triggerFunctions?: boolean;
    routines?: boolean;
@@ -45,6 +46,8 @@ export interface Customizations {
    tableDdl?: boolean;
    viewAdd?: boolean;
    viewSettings?: boolean;
+   materializedViewAdd?: boolean;
+   materializedViewSettings?: boolean;
    triggerAdd?: boolean;
    triggerFunctionAdd?: boolean;
    routineAdd?: boolean;

src/main/ipc-handlers/views.ts

@@ -51,4 +51,52 @@ export default (connections: Record<string, antares.Client>) => {
          return { status: 'error', response: err.toString() };
       }
    });
+
+   ipcMain.handle('get-materialized-view-informations', async (event, params) => {
+      if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
+
+      try {
+         const result = await connections[params.uid].getMaterializedViewInformations(params);
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('drop-materialized-view', async (event, params) => {
+      if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
+
+      try {
+         await connections[params.uid].dropMaterializedView(params);
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('alter-materialized-view', async (event, params) => {
+      if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
+
+      try {
+         await connections[params.uid].alterView(params);
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
+   ipcMain.handle('create-materialized-view', async (event, params) => {
+      if (!validateSender(event.senderFrame)) return { status: 'error', response: 'Unauthorized process' };
+
+      try {
+         await connections[params.uid].createMaterializedView(params);
+         return { status: 'success' };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
 };

src/main/libs/clients/BaseClient.ts

@@ -234,6 +234,18 @@ export abstract class BaseClient {
       throw new Error('Method "getVariables" not implemented');
    }
 
+   getMaterializedViewInformations (...args: any) {
+      throw new Error('Method "getMaterializedViewInformations" not implemented');
+   }
+
+   dropMaterializedView (...args: any) {
+      throw new Error('Method "dropMaterializedView" not implemented');
+   }
+
+   createMaterializedView (...args: any) {
+      throw new Error('Method "createMaterializedView" not implemented');
+   }
+
    getEventInformations (...args: any) {
       throw new Error('Method "getEventInformations" not implemented');
    }

src/main/libs/clients/PostgreSQLClient.ts

@@ -335,6 +335,19 @@ export class PostgreSQLClient extends BaseClient {
             ORDER BY table_name
          `);
 
+         let { rows: matViews } = await this.raw<antares.QueryResult<ShowTableResult>>(`
+            SELECT schemaname AS schema_name,
+               matviewname AS table_name,
+               matviewowner AS owner,
+               ispopulated AS is_populated,
+               definition,
+               'materializedview' AS table_type
+            FROM pg_matviews
+            WHERE schemaname = '${db.database}'
+            ORDER BY schema_name,
+               table_name;
+         `);
+
          if (tables.length) {
             tables = tables.map(table => {
                table.Db = db.database;
@@ -343,6 +356,14 @@ export class PostgreSQLClient extends BaseClient {
             tablesArr.push(...tables);
          }
 
+         if (matViews.length) {
+            matViews = matViews.map(view => {
+               view.Db = db.database;
+               return view;
+            });
+            tablesArr.push(...matViews);
+         }
+
          let { rows: triggers } = await this.raw<antares.QueryResult<ShowTriggersResult>>(`
             SELECT
                pg_class.relname AS table_name,
@@ -378,7 +399,11 @@ export class PostgreSQLClient extends BaseClient {
 
                return {
                   name: table.table_name,
-                  type: table.table_type === 'VIEW' ? 'view' : 'table',
+                  type: table.table_type === 'VIEW'
+                     ? 'view'
+                     : table.table_type === 'materializedview'
+                        ? 'materializedview'
+                        : 'table',
                   rows: table.reltuples,
                   size: tableSize,
                   collation: table.Collation,
@@ -1056,11 +1081,32 @@ export class PostgreSQLClient extends BaseClient {
       })[0];
    }
 
+   async getMaterializedViewInformations ({ schema, view }: { schema: string; view: string }) {
+      const sql = `SELECT "definition" FROM "pg_matviews" WHERE "matviewname"='${view}' AND "schemaname"='${schema}'`;
+      const results = await this.raw(sql);
+
+      return results.rows.map(row => {
+         return {
+            algorithm: '',
+            definer: '',
+            security: '',
+            updateOption: '',
+            sql: row.definition,
+            name: view
+         };
+      })[0];
+   }
+
    async dropView (params: { schema: string; view: string }) {
       const sql = `DROP VIEW "${params.schema}"."${params.view}"`;
       return await this.raw(sql);
    }
 
+   async dropMaterializedView (params: { schema: string; view: string }) {
+      const sql = `DROP MATERIALIZED VIEW "${params.schema}"."${params.view}"`;
+      return await this.raw(sql);
+   }
+
    async alterView ({ view }: { view: antares.AlterViewParams }) {
       let sql = `CREATE OR REPLACE VIEW "${view.schema}"."${view.oldName}" AS ${view.sql}`;
 
@@ -1070,11 +1116,25 @@ export class PostgreSQLClient extends BaseClient {
       return await this.raw(sql);
    }
 
+   async alterMaterializedView ({ view }: { view: antares.AlterViewParams }) {
+      let sql = `CREATE OR REPLACE MATERIALIZED VIEW "${view.schema}"."${view.oldName}" AS ${view.sql}`;
+
+      if (view.name !== view.oldName)
+         sql += `; ALTER VIEW "${view.schema}"."${view.oldName}" RENAME TO "${view.name}"`;
+
+      return await this.raw(sql);
+   }
+
    async createView (params: antares.CreateViewParams) {
       const sql = `CREATE VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
       return await this.raw(sql);
    }
 
+   async createMaterializedView (params: antares.CreateViewParams) {
+      const sql = `CREATE MATERIALIZED VIEW "${params.schema}"."${params.name}" AS ${params.sql}`;
+      return await this.raw(sql);
+   }
+
    async getTriggerInformations ({ schema, trigger }: { schema: string; trigger: string }) {
       const [table, triggerName] = trigger.split('.');
 

src/renderer/components/Workspace.vue

@@ -63,7 +63,7 @@
                   >
                      <BaseIcon
                         class="mt-1 mr-1"
-                        :icon-name="element.elementType === 'view' ? 'mdiTableEye' : 'mdiTable'"
+                        :icon-name="['view', 'materializedview'].includes(element.elementType) ? 'mdiTableEye' : 'mdiTable'"
                         :size="18"
                      />
                      <span :title="`${t('general.data').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
@@ -80,7 +80,7 @@
                   <a v-else-if="element.type === 'data'" class="tab-link">
                      <BaseIcon
                         class="mt-1 mr-1"
-                        :icon-name="element.elementType === 'view' ? 'mdiTableEye' : 'mdiTable'"
+                        :icon-name="['view', 'materializedview'].includes(element.elementType) ? 'mdiTableEye' : 'mdiTable'"
                         :size="18"
                      />
                      <span :title="`${t('general.data').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
@@ -157,6 +157,27 @@
                      </span>
                   </a>
 
+                  <a
+                     v-else-if="element.type === 'materialized-view-props'"
+                     class="tab-link"
+                     :class="{'badge': element.isChanged}"
+                  >
+                     <BaseIcon
+                        class="mr-1"
+                        icon-name="mdiWrenchCog"
+                        :size="18"
+                     />
+                     <span :title="`${t('application.settings').toUpperCase()}: ${t(`database.view`)}`">
+                        {{ cutText(element.elementName, 20, true) }}
+                        <span
+                           class="btn btn-clear"
+                           :title="t('general.close')"
+                           @mousedown.left.stop
+                           @click.stop="closeTab(element)"
+                        />
+                     </span>
+                  </a>
+
                   <a
                      v-else-if="element.type === 'new-view'"
                      class="tab-link"
@@ -178,6 +199,27 @@
                      </span>
                   </a>
 
+                  <a
+                     v-else-if="element.type === 'new-materialized-view'"
+                     class="tab-link"
+                     :class="{'badge': element.isChanged}"
+                  >
+                     <BaseIcon
+                        class="mr-1"
+                        icon-name="mdiShapeSquarePlus"
+                        :size="18"
+                     />
+                     <span :title="`${t('general.new').toUpperCase()}: ${t(`database.${element.elementType}`)}`">
+                        {{ t('database.newMaterializedView') }}
+                        <span
+                           class="btn btn-clear"
+                           :title="t('general.close')"
+                           @mousedown.left.stop
+                           @click.stop="closeTab(element)"
+                        />
+                     </span>
+                  </a>
+
                   <a
                      v-else-if="element.type === 'new-trigger'"
                      class="tab-link"
@@ -446,6 +488,14 @@
                :is-selected="selectedTab === tab.uid && isSelected"
                :schema="tab.schema"
             />
+            <WorkspaceTabNewMaterializedView
+               v-else-if="tab.type === 'new-materialized-view'"
+               :tab-uid="tab.uid"
+               :tab="tab"
+               :connection="connection"
+               :is-selected="selectedTab === tab.uid && isSelected"
+               :schema="tab.schema"
+            />
             <WorkspaceTabPropsView
                v-else-if="tab.type === 'view-props'"
                :tab-uid="tab.uid"
@@ -454,6 +504,14 @@
                :view="tab.elementName"
                :schema="tab.schema"
             />
+            <WorkspaceTabPropsMaterializedView
+               v-else-if="tab.type === 'materialized-view-props'"
+               :tab-uid="tab.uid"
+               :is-selected="selectedTab === tab.uid && isSelected"
+               :connection="connection"
+               :view="tab.elementName"
+               :schema="tab.schema"
+            />
             <WorkspaceTabNewTrigger
                v-else-if="tab.type === 'new-trigger'"
                :tab-uid="tab.uid"
@@ -596,6 +654,9 @@ import Connection from '@/ipc-api/Connection';
 import { useConsoleStore } from '@/stores/console';
 import { useWorkspacesStore, WorkspaceTab } from '@/stores/workspaces';
 
+import WorkspaceTabNewMaterializedView from './WorkspaceTabNewMaterializedView.vue';
+import WorkspaceTabPropsMaterializedView from './WorkspaceTabPropsMaterializedView.vue';
+
 const { t } = useI18n();
 
 const { cutText } = useFilters();
@@ -638,7 +699,6 @@ const draggableTabs = computed<WorkspaceTab[]>({
    get () {
       if (workspace.value.customizations.database)
          return workspace.value.tabs.filter(tab => tab.type === 'query' || tab.database === workspace.value.database);
-
       else
          return workspace.value.tabs;
    },
@@ -689,6 +749,7 @@ const openAsPermanentTab = (tab: WorkspaceTab) => {
    const permanentTabs = {
       table: 'data',
       view: 'data',
+      materializedView: 'data',
       trigger: 'trigger-props',
       triggerFunction: 'trigger-function-props',
       function: 'function-props',

src/renderer/components/WorkspaceExploreBar.vue

@@ -19,6 +19,8 @@
                   v-model="selectedDatabase"
                   :options="databases"
                   class="form-select select-sm text-bold my-0"
+                  @keypress.stop=""
+                  @keydown.stop=""
                />
             </div>
             <span v-else class="workspace-explorebar-title">{{ connectionName }}</span>
@@ -109,6 +111,7 @@
          @close-context="closeDatabaseContext"
          @open-create-table-tab="openCreateElementTab('table')"
          @open-create-view-tab="openCreateElementTab('view')"
+         @open-create-materialized-view-tab="openCreateElementTab('materialized-view')"
          @open-create-trigger-tab="openCreateElementTab('trigger')"
          @open-create-routine-tab="openCreateElementTab('routine')"
          @open-create-function-tab="openCreateElementTab('function')"
@@ -139,10 +142,12 @@
          :selected-misc="selectedMisc"
          :selected-schema="selectedSchema"
          :context-event="miscContextEvent"
+         @open-create-view-tab="openCreateElementTab('view')"
+         @open-create-materializedview-tab="openCreateElementTab('materialized-view')"
          @open-create-trigger-tab="openCreateElementTab('trigger')"
+         @open-create-trigger-function-tab="openCreateElementTab('trigger-function')"
          @open-create-routine-tab="openCreateElementTab('routine')"
          @open-create-function-tab="openCreateElementTab('function')"
-         @open-create-trigger-function-tab="openCreateElementTab('trigger-function')"
          @open-create-scheduler-tab="openCreateElementTab('scheduler')"
          @close-context="closeMiscFolderContext"
          @reload="refresh"
@@ -501,7 +506,7 @@ const toggleSearchMethod = () => {
     transition: background 0.2s;
 
     &:hover {
-      background: rgba(var(--primary-color), 50%);
+      background: var(--primary-color-dark);
     }
   }
 

src/renderer/components/WorkspaceExploreBarMiscFolderContext.vue

@@ -3,6 +3,30 @@
       :context-event="props.contextEvent"
       @close-context="closeContext"
    >
+      <div
+         v-if="props.selectedMisc === 'view'"
+         class="context-element"
+         @click="emit('open-create-view-tab')"
+      >
+         <span class="d-flex">
+            <BaseIcon
+               class="text-light mt-1 mr-1"
+               icon-name="mdiTableCog"
+               :size="18"
+            /> {{ t('database.createNewView') }}</span>
+      </div>
+      <div
+         v-if="props.selectedMisc === 'materializedview'"
+         class="context-element"
+         @click="emit('open-create-materializedview-tab')"
+      >
+         <span class="d-flex">
+            <BaseIcon
+               class="text-light mt-1 mr-1"
+               icon-name="mdiTableCog"
+               :size="18"
+            /> {{ t('database.createNewMaterializedView') }}</span>
+      </div>
       <div
          v-if="props.selectedMisc === 'trigger'"
          class="context-element"
@@ -81,6 +105,8 @@ const props = defineProps({
 });
 
 const emit = defineEmits([
+   'open-create-view-tab',
+   'open-create-materializedview-tab',
    'open-create-trigger-tab',
    'open-create-routine-tab',
    'open-create-function-tab',

src/renderer/components/WorkspaceExploreBarSchema.vue

@@ -67,6 +67,104 @@
             </ul>
          </div>
 
+         <div v-if="filteredViews.length" class="database-misc">
+            <details class="accordion">
+               <summary
+                  class="accordion-header misc-name"
+                  :class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.trigger}"
+                  @contextmenu.prevent="showMiscFolderContext($event, 'view')"
+               >
+                  <BaseIcon
+                     class="misc-icon mr-1"
+                     icon-name="mdiFolderEye"
+                     :size="18"
+                  />
+                  <BaseIcon
+                     class="misc-icon open-folder mr-1"
+                     icon-name="mdiFolderOpen"
+                     :size="18"
+                  />
+                  {{ t('database.view', 2) }}
+               </summary>
+               <div class="accordion-body">
+                  <div>
+                     <ul class="menu menu-nav pt-0">
+                        <li
+                           v-for="view of filteredViews"
+                           :key="view.name"
+                           class="menu-item"
+                           :class="{'selected': breadcrumbs.schema === database.name && breadcrumbs.view === view.name}"
+                           @mousedown.left="selectTable({schema: database.name, table: view})"
+                           @dblclick="openDataTab({schema: database.name, table: view})"
+                           @contextmenu.prevent="showTableContext($event, view)"
+                        >
+                           <a class="table-name">
+                              <div v-if="checkLoadingStatus(view.name, 'table')" class="icon loading mr-1" />
+                              <BaseIcon
+                                 v-else
+                                 class="table-icon mr-1"
+                                 icon-name="mdiTableEye"
+                                 :size="18"
+                                 :style="`min-width: 18px`"
+                              />
+                              <span v-html="highlightWord(view.name)" />
+                           </a>
+                        </li>
+                     </ul>
+                  </div>
+               </div>
+            </details>
+         </div>
+
+         <div v-if="filteredMatViews.length && customizations.materializedViews" class="database-misc">
+            <details class="accordion">
+               <summary
+                  class="accordion-header misc-name"
+                  :class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.trigger}"
+                  @contextmenu.prevent="showMiscFolderContext($event, 'materializedview')"
+               >
+                  <BaseIcon
+                     class="misc-icon mr-1"
+                     icon-name="mdiFolderEye"
+                     :size="18"
+                  />
+                  <BaseIcon
+                     class="misc-icon open-folder mr-1"
+                     icon-name="mdiFolderOpen"
+                     :size="18"
+                  />
+                  {{ t('database.materializedview', 2) }}
+               </summary>
+               <div class="accordion-body">
+                  <div>
+                     <ul class="menu menu-nav pt-0">
+                        <li
+                           v-for="view of filteredMatViews"
+                           :key="view.name"
+                           class="menu-item"
+                           :class="{'selected': breadcrumbs.schema === database.name && breadcrumbs.view === view.name}"
+                           @mousedown.left="selectTable({schema: database.name, table: view})"
+                           @dblclick="openDataTab({schema: database.name, table: view})"
+                           @contextmenu.prevent="showTableContext($event, view)"
+                        >
+                           <a class="table-name">
+                              <div v-if="checkLoadingStatus(view.name, 'table')" class="icon loading mr-1" />
+                              <BaseIcon
+                                 v-else
+                                 class="table-icon mr-1"
+                                 icon-name="mdiTableEye"
+                                 :size="18"
+                                 :style="`min-width: 18px`"
+                              />
+                              <span v-html="highlightWord(view.name)" />
+                           </a>
+                        </li>
+                     </ul>
+                  </div>
+               </div>
+            </details>
+         </div>
+
          <div v-if="filteredTriggers.length && customizations.triggers" class="database-misc">
             <details class="accordion">
                <summary
@@ -380,11 +478,25 @@ const searchTerm = computed(() => {
 
 const filteredTables = computed(() => {
    if (props.searchMethod === 'elements')
-      return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0);
+      return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'table');
    else
       return props.database.tables;
 });
 
+const filteredViews = computed(() => {
+   if (props.searchMethod === 'elements')
+      return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'view');
+   else
+      return props.database.tables.filter(table => table.type === 'view');
+});
+
+const filteredMatViews = computed(() => {
+   if (props.searchMethod === 'elements')
+      return props.database.tables.filter(table => table.name.search(searchTerm.value) >= 0 && table.type === 'materializedview');
+   else
+      return props.database.tables.filter(table => table.type === 'materializedview');
+});
+
 const filteredTriggers = computed(() => {
    if (props.searchMethod === 'elements')
       return props.database.triggers.filter(trigger => trigger.name.search(searchTerm.value) >= 0);

src/renderer/components/WorkspaceExploreBarSchemaContext.vue

@@ -40,6 +40,18 @@
                      :size="18"
                   /> {{ t('database.view') }}</span>
             </div>
+            <div
+               v-if="workspace.customizations.materializedViewAdd"
+               class="context-element"
+               @click="openCreateMaterializedViewTab"
+            >
+               <span class="d-flex">
+                  <BaseIcon
+                     class="text-light mt-1 mr-1"
+                     icon-name="mdiTableEye"
+                     :size="18"
+                  /> {{ t('database.materializedview') }}</span>
+            </div>
             <div
                v-if="workspace.customizations.triggerAdd"
                class="context-element"
@@ -221,6 +233,7 @@ const props = defineProps({
 const emit = defineEmits([
    'open-create-table-tab',
    'open-create-view-tab',
+   'open-create-materialized-view-tab',
    'open-create-trigger-tab',
    'open-create-routine-tab',
    'open-create-function-tab',
@@ -257,6 +270,10 @@ const openCreateViewTab = () => {
    emit('open-create-view-tab');
 };
 
+const openCreateMaterializedViewTab = () => {
+   emit('open-create-materialized-view-tab');
+};
+
 const openCreateTriggerTab = () => {
    emit('open-create-trigger-tab');
 };

src/renderer/components/WorkspaceExploreBarTableContext.vue

@@ -47,6 +47,18 @@
                :size="18"
             /> {{ t('application.settings') }}</span>
       </div>
+      <div
+         v-if="selectedTable && selectedTable.type === 'materializedview' && customizations.materializedViewSettings"
+         class="context-element"
+         @click="openMaterializedViewSettingTab"
+      >
+         <span class="d-flex">
+            <BaseIcon
+               class="text-light mt-1 mr-1"
+               icon-name="mdiWrenchCog"
+               :size="18"
+            /> {{ t('application.settings') }}</span>
+      </div>
       <div
          v-if="selectedTable && selectedTable.type === 'table' && customizations.tableDuplicate"
          class="context-element"
@@ -238,6 +250,23 @@ const openViewSettingTab = () => {
    closeContext();
 };
 
+const openMaterializedViewSettingTab = () => {
+   newTab({
+      uid: selectedWorkspace.value,
+      elementType: 'table',
+      elementName: props.selectedTable.name,
+      schema: props.selectedSchema,
+      type: 'materialized-view-props'
+   });
+
+   changeBreadcrumbs({
+      schema: props.selectedSchema,
+      view: props.selectedTable.name
+   });
+
+   closeContext();
+};
+
 const duplicateTable = () => {
    emit('duplicate-table', { schema: props.selectedSchema, table: props.selectedTable });
 };

src/renderer/components/WorkspaceQueryConsole.vue

@@ -145,7 +145,7 @@ onMounted(() => {
     transition: background 0.2s;
 
     &:hover {
-      background: rgba(var(--primary-color), 50%);
+      background: var(--primary-color-dark);
     }
   }
 

src/renderer/components/WorkspaceTabNewMaterializedView.vue

@@ -0,0 +1,293 @@
+<template>
+   <div v-show="isSelected" class="workspace-query-tab column col-12 columns col-gapless">
+      <div class="workspace-query-runner column col-12">
+         <div class="workspace-query-runner-footer">
+            <div class="workspace-query-buttons">
+               <button
+                  class="btn btn-primary btn-sm"
+                  :disabled="!isChanged"
+                  :class="{'loading':isSaving}"
+                  @click="saveChanges"
+               >
+                  <BaseIcon
+                     class="mr-1"
+                     icon-name="mdiContentSave"
+                     :size="24"
+                  />
+                  <span>{{ t('general.save') }}</span>
+               </button>
+               <button
+                  :disabled="!isChanged"
+                  class="btn btn-link btn-sm mr-0"
+                  :title="t('database.clearChanges')"
+                  @click="clearChanges"
+               >
+                  <BaseIcon
+                     class="mr-1"
+                     icon-name="mdiDeleteSweep"
+                     :size="24"
+                  />
+                  <span>{{ t('general.clear') }}</span>
+               </button>
+            </div>
+            <div class="workspace-query-info">
+               <div class="d-flex" :title="t('database.schema')">
+                  <BaseIcon
+                     class="mt-1 mr-1"
+                     icon-name="mdiDatabase"
+                     :size="18"
+                  /><b>{{ schema }}</b>
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="container">
+         <div class="columns">
+            <div class="column col-auto">
+               <div class="form-group">
+                  <label class="form-label">{{ t('general.name') }}</label>
+                  <input
+                     ref="firstInput"
+                     v-model="localView.name"
+                     class="form-input"
+                     type="text"
+                  >
+               </div>
+            </div>
+            <div class="column col-auto">
+               <div v-if="workspace.customizations.definer" class="form-group">
+                  <label class="form-label">{{ t('database.definer') }}</label>
+                  <BaseSelect
+                     v-model="localView.definer"
+                     :options="users"
+                     :option-label="(user: any) => user.value === '' ? t('database.currentUser') : `${user.name}@${user.host}`"
+                     :option-track-by="(user: any) => user.value === '' ? '' : `\`${user.name}\`@\`${user.host}\``"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div class="column col-auto mr-2">
+               <div v-if="workspace.customizations.viewSqlSecurity" class="form-group">
+                  <label class="form-label">{{ t('database.sqlSecurity') }}</label>
+                  <BaseSelect
+                     v-model="localView.security"
+                     :options="['DEFINER', 'INVOKER']"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div class="column col-auto mr-2">
+               <div v-if="workspace.customizations.viewAlgorithm" class="form-group">
+                  <label class="form-label">{{ t('database.algorithm') }}</label>
+                  <BaseSelect
+                     v-model="localView.algorithm"
+                     :options="['UNDEFINED', 'MERGE', 'TEMPTABLE']"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2">
+               <div class="form-group">
+                  <label class="form-label">{{ t('database.updateOption') }}</label>
+                  <BaseSelect
+                     v-model="localView.updateOption"
+                     :option-track-by="(user: any) => user.value"
+                     :options="[{label: 'None', value: ''}, {label: 'CASCADED', value: 'CASCADED'}, {label: 'LOCAL', value: 'LOCAL'}]"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="workspace-query-results column col-12 mt-2 p-relative">
+         <BaseLoader v-if="isLoading" />
+         <label class="form-label ml-2">{{ t('database.selectStatement') }}</label>
+         <QueryEditor
+            v-show="isSelected"
+            ref="queryEditor"
+            v-model="localView.sql"
+            :workspace="workspace"
+            :schema="schema"
+            :height="editorHeight"
+         />
+      </div>
+   </div>
+</template>
+
+<script setup lang="ts">
+import { Ace } from 'ace-builds';
+import { ipcRenderer } from 'electron';
+import { storeToRefs } from 'pinia';
+import { Component, computed, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import BaseIcon from '@/components/BaseIcon.vue';
+import BaseLoader from '@/components/BaseLoader.vue';
+import BaseSelect from '@/components/BaseSelect.vue';
+import QueryEditor from '@/components/QueryEditor.vue';
+import Views from '@/ipc-api/Views';
+import { useConsoleStore } from '@/stores/console';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useWorkspacesStore } from '@/stores/workspaces';
+
+const { t } = useI18n();
+
+const props = defineProps({
+   tabUid: String,
+   connection: Object,
+   tab: Object,
+   isSelected: Boolean,
+   schema: String
+});
+
+const { addNotification } = useNotificationsStore();
+const workspacesStore = useWorkspacesStore();
+const { consoleHeight } = storeToRefs(useConsoleStore());
+
+const {
+   getWorkspace,
+   refreshStructure,
+   setUnsavedChanges,
+   changeBreadcrumbs,
+   newTab,
+   removeTab
+} = workspacesStore;
+
+const queryEditor: Ref<Component & {editor: Ace.Editor; $el: HTMLElement}> = ref(null);
+const firstInput: Ref<HTMLInputElement> = ref(null);
+const isLoading = ref(false);
+const isSaving = ref(false);
+const originalView = ref(null);
+const localView = ref(null);
+const editorHeight = ref(300);
+
+const workspace = computed(() => getWorkspace(props.connection.uid));
+const isChanged = computed(() => JSON.stringify(originalView.value) !== JSON.stringify(localView.value));
+const isDefinerInUsers = computed(() => originalView.value ? workspace.value.users.some(user => originalView.value.definer === `\`${user.name}\`@\`${user.host}\``) : true);
+
+const users = computed(() => {
+   const users = [{ value: '' }, ...workspace.value.users];
+   if (!isDefinerInUsers.value) {
+      const [name, host] = originalView.value.definer.replaceAll('`', '').split('@');
+      users.unshift({ name, host });
+   }
+
+   return users;
+});
+
+const saveChanges = async () => {
+   if (isSaving.value) return;
+   isSaving.value = true;
+
+   const params = {
+      uid: props.connection.uid,
+      schema: props.schema,
+      ...localView.value
+   };
+
+   try {
+      const { status, response } = await Views.createMaterializedView(params);
+
+      if (status === 'success') {
+         await refreshStructure(props.connection.uid);
+
+         newTab({
+            uid: props.connection.uid,
+            schema: props.schema,
+            elementName: localView.value.name,
+            elementType: 'materializedview',
+            type: 'materialized-view-props'
+         });
+
+         removeTab({ uid: props.connection.uid, tab: props.tab.uid });
+         changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
+      }
+      else
+         addNotification({ status: 'error', message: response });
+   }
+   catch (err) {
+      addNotification({ status: 'error', message: err.stack });
+   }
+
+   isSaving.value = false;
+};
+
+const clearChanges = () => {
+   localView.value = JSON.parse(JSON.stringify(originalView.value));
+   queryEditor.value.editor.session.setValue(localView.value.sql);
+};
+
+const resizeQueryEditor = () => {
+   if (queryEditor.value) {
+      let sizeToSubtract = 0;
+      const footer = document.getElementById('footer');
+      if (footer) sizeToSubtract += footer.offsetHeight;
+      sizeToSubtract += consoleHeight.value;
+
+      const size = window.innerHeight - queryEditor.value.$el.getBoundingClientRect().top - sizeToSubtract;
+      editorHeight.value = size;
+      queryEditor.value.editor.resize();
+   }
+};
+
+const saveContentListener = () => {
+   const hasModalOpen = !!document.querySelectorAll('.modal.active').length;
+   if (props.isSelected && !hasModalOpen && isChanged.value)
+      saveChanges();
+};
+
+watch(() => props.isSelected, (val) => {
+   if (val) {
+      changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
+
+      setTimeout(() => {
+         resizeQueryEditor();
+      }, 50);
+   }
+});
+
+watch(isChanged, (val) => {
+   setUnsavedChanges({ uid: props.connection.uid, tUid: props.tabUid, isChanged: val });
+});
+
+watch(consoleHeight, () => {
+   resizeQueryEditor();
+});
+
+originalView.value = {
+   algorithm: 'UNDEFINED',
+   definer: '',
+   security: 'DEFINER',
+   updateOption: '',
+   sql: '',
+   name: ''
+};
+
+localView.value = JSON.parse(JSON.stringify(originalView.value));
+
+setTimeout(() => {
+   resizeQueryEditor();
+}, 50);
+
+onMounted(() => {
+   if (props.isSelected)
+      changeBreadcrumbs({ schema: props.schema });
+
+   ipcRenderer.on('save-content', saveContentListener);
+
+   setTimeout(() => {
+      firstInput.value.focus();
+   }, 100);
+
+   window.addEventListener('resize', resizeQueryEditor);
+});
+
+onUnmounted(() => {
+   window.removeEventListener('resize', resizeQueryEditor);
+});
+
+onBeforeUnmount(() => {
+   ipcRenderer.removeListener('save-content', saveContentListener);
+});
+
+</script>

src/renderer/components/WorkspaceTabPropsMaterializedView.vue

@@ -0,0 +1,316 @@
+<template>
+   <div v-show="isSelected" class="workspace-query-tab column col-12 columns col-gapless">
+      <div class="workspace-query-runner column col-12">
+         <div class="workspace-query-runner-footer">
+            <div class="workspace-query-buttons">
+               <button
+                  class="btn btn-primary btn-sm"
+                  :disabled="!isChanged"
+                  :class="{'loading':isSaving}"
+                  @click="saveChanges"
+               >
+                  <BaseIcon
+                     class="mr-1"
+                     icon-name="mdiContentSave"
+                     :size="24"
+                  />
+                  <span>{{ t('general.save') }}</span>
+               </button>
+               <button
+                  :disabled="!isChanged"
+                  class="btn btn-link btn-sm mr-0"
+                  :title="t('database.clearChanges')"
+                  @click="clearChanges"
+               >
+                  <BaseIcon
+                     class="mr-1"
+                     icon-name="mdiDeleteSweep"
+                     :size="24"
+                  />
+                  <span>{{ t('general.clear') }}</span>
+               </button>
+            </div>
+            <div class="workspace-query-info">
+               <div class="d-flex" :title="t('database.schema')">
+                  <BaseIcon
+                     class="mt-1 mr-1"
+                     icon-name="mdiDatabase"
+                     :size="18"
+                  /><b>{{ schema }}</b>
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="container">
+         <div class="columns">
+            <div class="column col-auto">
+               <div class="form-group">
+                  <label class="form-label">{{ t('general.name') }}</label>
+                  <input
+                     v-model="localView.name"
+                     class="form-input"
+                     type="text"
+                  >
+               </div>
+            </div>
+            <div class="column col-auto">
+               <div v-if="workspace.customizations.definer" class="form-group">
+                  <label class="form-label">{{ t('database.definer') }}</label>
+                  <BaseSelect
+                     v-model="localView.definer"
+                     :options="users"
+                     :option-label="(user: any) => user.value === '' ? t('database.currentUser') : `${user.name}@${user.host}`"
+                     :option-track-by="(user: any) => user.value === '' ? '' : `\`${user.name}\`@\`${user.host}\``"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div class="column col-auto mr-2">
+               <div v-if="workspace.customizations.viewSqlSecurity" class="form-group">
+                  <label class="form-label">{{ t('database.sqlSecurity') }}</label>
+                  <BaseSelect
+                     v-model="localView.security"
+                     :options="['DEFINER', 'INVOKER']"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div class="column col-auto mr-2">
+               <div v-if="workspace.customizations.viewAlgorithm" class="form-group">
+                  <label class="form-label">{{ t('database.algorithm') }}</label>
+                  <BaseSelect
+                     v-model="localView.algorithm"
+                     :options="['UNDEFINED', 'MERGE', 'TEMPTABLE']"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+            <div v-if="workspace.customizations.viewUpdateOption" class="column col-auto mr-2">
+               <div class="form-group">
+                  <label class="form-label">{{ t('database.updateOption') }}</label>
+                  <BaseSelect
+                     v-model="localView.updateOption"
+                     :option-track-by="(user: any) => user.value"
+                     :options="[{label: 'None', value: ''}, {label: 'CASCADED', value: 'CASCADED'}, {label: 'LOCAL', value: 'LOCAL'}]"
+                     class="form-select"
+                  />
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="workspace-query-results column col-12 mt-2 p-relative">
+         <BaseLoader v-if="isLoading" />
+         <label class="form-label ml-2">{{ t('database.selectStatement') }}</label>
+         <QueryEditor
+            v-show="isSelected"
+            ref="queryEditor"
+            v-model="localView.sql"
+            :workspace="workspace"
+            :schema="schema"
+            :height="editorHeight"
+         />
+      </div>
+   </div>
+</template>
+
+<script setup lang="ts">
+import { Ace } from 'ace-builds';
+import { ipcRenderer } from 'electron';
+import { Component, computed, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import BaseIcon from '@/components/BaseIcon.vue';
+import BaseLoader from '@/components/BaseLoader.vue';
+import BaseSelect from '@/components/BaseSelect.vue';
+import QueryEditor from '@/components/QueryEditor.vue';
+import Views from '@/ipc-api/Views';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useWorkspacesStore } from '@/stores/workspaces';
+
+const { t } = useI18n();
+
+const props = defineProps({
+   tabUid: String,
+   connection: Object,
+   isSelected: Boolean,
+   schema: String,
+   view: String
+});
+
+const { addNotification } = useNotificationsStore();
+const workspacesStore = useWorkspacesStore();
+
+const {
+   getWorkspace,
+   refreshStructure,
+   renameTabs,
+   changeBreadcrumbs,
+   setUnsavedChanges
+} = workspacesStore;
+
+const queryEditor: Ref<Component & {editor: Ace.Editor; $el: HTMLElement}> = ref(null);
+const isLoading = ref(false);
+const isSaving = ref(false);
+const originalView = ref(null);
+const localView = ref(null);
+const editorHeight = ref(300);
+const lastView = ref(null);
+const sqlProxy = ref('');
+
+const workspace = computed(() => getWorkspace(props.connection.uid));
+const isChanged = computed(() => JSON.stringify(originalView.value) !== JSON.stringify(localView.value));
+const isDefinerInUsers = computed(() => originalView.value ? workspace.value.users.some(user => originalView.value.definer === `\`${user.name}\`@\`${user.host}\``) : true);
+
+const users = computed(() => {
+   const users = [{ value: '' }, ...workspace.value.users];
+   if (!isDefinerInUsers.value) {
+      const [name, host] = originalView.value.definer.replaceAll('`', '').split('@');
+      users.unshift({ name, host });
+   }
+
+   return users;
+});
+
+const getViewData = async () => {
+   if (!props.view) return;
+   isLoading.value = true;
+   localView.value = { sql: '' };
+   lastView.value = props.view;
+
+   const params = {
+      uid: props.connection.uid,
+      schema: props.schema,
+      view: props.view
+   };
+
+   try {
+      const { status, response } = await Views.getMaterializedViewInformations(params);
+      if (status === 'success') {
+         originalView.value = response;
+         localView.value = JSON.parse(JSON.stringify(originalView.value));
+         sqlProxy.value = localView.value.sql;
+      }
+      else
+         addNotification({ status: 'error', message: response });
+   }
+   catch (err) {
+      addNotification({ status: 'error', message: err.stack });
+   }
+
+   resizeQueryEditor();
+   isLoading.value = false;
+};
+
+const saveChanges = async () => {
+   if (isSaving.value) return;
+   isSaving.value = true;
+   const params = {
+      uid: props.connection.uid,
+      view: {
+         ...localView.value,
+         schema: props.schema,
+         oldName: originalView.value.name
+      }
+   };
+
+   try {
+      const { status, response } = await Views.alterMaterializedView(params);
+
+      if (status === 'success') {
+         const oldName = originalView.value.name;
+
+         await refreshStructure(props.connection.uid);
+
+         if (oldName !== localView.value.name) {
+            renameTabs({
+               uid: props.connection.uid,
+               schema: props.schema,
+               elementName: oldName,
+               elementNewName: localView.value.name,
+               elementType: 'materializedview'
+            });
+
+            changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
+         }
+         else
+            getViewData();
+      }
+      else
+         addNotification({ status: 'error', message: response });
+   }
+   catch (err) {
+      addNotification({ status: 'error', message: err.stack });
+   }
+
+   isSaving.value = false;
+};
+
+const clearChanges = () => {
+   localView.value = JSON.parse(JSON.stringify(originalView.value));
+   queryEditor.value.editor.session.setValue(localView.value.sql);
+};
+
+const resizeQueryEditor = () => {
+   if (queryEditor.value) {
+      const footer = document.getElementById('footer');
+      const size = window.innerHeight - queryEditor.value.$el.getBoundingClientRect().top - footer.offsetHeight;
+      editorHeight.value = size;
+      queryEditor.value.editor.resize();
+   }
+};
+
+const saveContentListener = () => {
+   const hasModalOpen = !!document.querySelectorAll('.modal.active').length;
+   if (props.isSelected && !hasModalOpen && isChanged.value)
+      saveChanges();
+};
+
+watch(() => props.schema, async () => {
+   if (props.isSelected) {
+      await getViewData();
+      queryEditor.value.editor.session.setValue(localView.value.sql);
+      lastView.value = props.view;
+   }
+});
+
+watch(() => props.view, async () => {
+   if (props.isSelected) {
+      await getViewData();
+      queryEditor.value.editor.session.setValue(localView.value.sql);
+      lastView.value = props.view;
+   }
+});
+
+watch(() => props.isSelected, (val) => {
+   if (val) {
+      changeBreadcrumbs({ schema: props.schema, view: localView.value.name });
+
+      setTimeout(() => {
+         resizeQueryEditor();
+      }, 50);
+   }
+});
+
+watch(isChanged, (val) => {
+   setUnsavedChanges({ uid: props.connection.uid, tUid: props.tabUid, isChanged: val });
+});
+
+(async () => {
+   await getViewData();
+   queryEditor.value.editor.session.setValue(localView.value.sql);
+})();
+
+onMounted(() => {
+   window.addEventListener('resize', resizeQueryEditor);
+
+   ipcRenderer.on('save-content', saveContentListener);
+});
+
+onUnmounted(() => {
+   window.removeEventListener('resize', resizeQueryEditor);
+});
+
+onBeforeUnmount(() => {
+   ipcRenderer.removeListener('save-content', saveContentListener);
+});
+</script>

src/renderer/components/WorkspaceTabQuery.vue

@@ -821,7 +821,7 @@ onBeforeUnmount(() => {
       transition: background 0.2s;
 
       &:hover {
-        background: rgba(var(--primary-color), 50%);
+         background: var(--primary-color-dark);
       }
     }
 

src/renderer/components/WorkspaceTabTable.vue

@@ -305,7 +305,7 @@ const customizations = computed(() => {
 });
 
 const isTable = computed(() => {
-   return !workspace.value.breadcrumbs.view;
+   return props.elementType === 'table';
 });
 
 const fields = computed(() => {
@@ -441,6 +441,25 @@ const resizeScroller = () => {
 const updateFilters = (clausoles: TableFilterClausole[]) => {
    filters.value = clausoles;
    results.value = [];
+
+   const permanentTabs = {
+      table: 'data',
+      view: 'data',
+      trigger: 'trigger-props',
+      triggerFunction: 'trigger-function-props',
+      function: 'function-props',
+      routine: 'routine-props',
+      procedure: 'routine-props',
+      scheduler: 'scheduler-props'
+   } as Record<string, string>;
+
+   newTab({
+      uid: props.connection.uid,
+      schema: props.schema,
+      elementName: props.table,
+      type: permanentTabs[props.elementType],
+      elementType: props.elementType
+   });
    getTableData();
 };
 
@@ -480,8 +499,8 @@ const openTableSettingTab = () => {
       uid: workspace.value.uid,
       elementName: props.table,
       schema: props.schema,
-      type: isTable.value ? 'table-props' : 'view-props',
+      type: isTable.value ? 'table-props' : props.elementType === 'view' ? 'view-props' : 'materialized-view-props',
-      elementType: isTable.value ? 'table' : 'view'
+      elementType: props.elementType
    });
 
    changeBreadcrumbs({

src/renderer/i18n/en-US.ts

@@ -140,6 +140,7 @@ export const enUS = {
       total: 'Total',
       table: 'Table | Tables',
       view: 'View | Views',
+      materializedview: 'Materialized view | Materialized views',
       definer: 'Definer',
       algorithm: 'Algorithm',
       trigger: 'Trigger | Triggers',
@@ -216,6 +217,7 @@ export const enUS = {
       updateOption: 'Update option',
       deleteView: 'Delete view',
       createNewView: 'Create new view',
+      createNewMaterializedView: 'Create new materialized view',
       deleteTrigger: 'Delete trigger',
       createNewTrigger: 'Create new trigger',
       currentUser: 'Current user',
@@ -248,6 +250,7 @@ export const enUS = {
       thereAreNoTableFields: 'There are no table fields',
       newTable: 'New table',
       newView: 'New view',
+      newMaterializedView: 'New materialized view',
       newTrigger: 'New trigger',
       newRoutine: 'New routine',
       newFunction: 'New function',

src/renderer/i18n/ja-JP.ts

@@ -4,106 +4,145 @@ export const jaJP = {
       save: '保存',
       close: '閉じる',
       delete: '削除',
-      confirm: '確認',
+      confirm: '確定',
       cancel: 'キャンセル',
       send: '送信',
       refresh: 'リフレッシュ',
-      autoRefresh: 'オートリフレシュ',
+      autoRefresh: '自動リフレッシュ',
       version: 'バージョン',
-      donate: '寄付する',
+      donate: '寄付',
       run: '実行',
       results: '結果',
       size: 'サイズ',
-      mimeType: 'マイムタイプ',
+      mimeType: 'MIME タイプ',
       download: 'ダウンロード',
       add: '追加',
       data: 'データ',
       properties: 'プロパティ',
-      insert: '挿入',
+      name: '名前',
-      name: '名称',
       clear: 'クリア',
-      seconds: '秒数',
       options: 'オプション',
+      insert: '挿入',
       discard: '破棄',
-      stay: 'ステイ',
+      stay: '留まる',
-      author: '作者',
+      author: '作成者',
       upload: 'アップロード',
-      browse: '閲覧',
+      browse: '参照',
-      content: 'コンテンツ',
+      content: '内容',
-      cut: 'カット',
+      cut: '切り取り',
       copy: 'コピー',
       paste: '貼り付け',
+      duplicate: '複製',
       tools: 'ツール',
-      format: 'フォーマット',
+      seconds: '秒',
       all: 'すべて',
-      duplicate: 'デュプリケート',
+      new: '新規',
-      history: '履歴',
       select: '選択',
-      deleteConfirm: 'のキャンセルを確認しますか？',
+      change: '変更',
+      include: '含める',
+      includes: '含める',
+      completed: '完了しました',
+      aborted: '中断しました',
+      disabled: '無効',
+      enable: '有効化',
+      disable: '無効化',
+      contributors: 'コントリビューター',
+      pin: '固定',
+      unpin: '固定を解除',
+      folder: 'フォルダー | フォルダー',
+      none: 'なし',
+      singleQuote: 'シングルクォート',
+      doubleQuote: 'ダブルクォート',
+      deleteConfirm: '次の要素を抹消します。確定しますか？',
       uploadFile: 'ファイルのアップロード',
+      format: 'フォーマット',
+      history: '履歴',
+      filter: 'フィルタ',
       manualValue: 'マニュアル値',
-      selectAll: 'すべてを選択する',
+      selectAll: 'すべて選択',
-      pageNumber: 'ページ番号'
+      pageNumber: 'ページ番号',
+      directoryPath: 'ディレクトリパス',
+      actionSuccessful: '{action} 成功',
+      outputFormat: '出力フォーマット',
+      singleFile: '単一の {ext} ファイル',
+      zipCompressedFile: 'ZIP 圧縮済の {ext} ファイル',
+      copyName: '名前をコピー',
+      search: '検索',
+      title: 'タイトル',
+      archive: 'アーカイブ',
+      undo: '元に戻す',
+      moveTo: '移動'
    },
    connection: {
+      connection: '接続',
       connectionName: '接続名',
-      client: 'クライアント',
       hostName: 'ホスト名',
+      client: 'クライアント',
       port: 'ポート',
       user: 'ユーザー名',
       password: 'パスワード',
       credentials: '認証情報',
       connect: '接続',
-      connected: '接続中',
+      connected: '接続済',
-      disconnect: '接続解除',
+      disconnect: '切断',
-      disconnected: '接続解除',
+      disconnected: '切断済',
       ssl: 'SSL',
+      enableSsl: 'SSL を有効化',
       privateKey: '秘密鍵',
       certificate: '証明書',
       caCertificate: 'CA 証明書',
-      ciphers: '暗号',
+      ciphers: '暗号化アルゴリズム',
+      untrustedConnection: '信頼できない接続',
+      passphrase: 'パスフレーズ',
       sshTunnel: 'SSH トンネル',
-      addConnection: '接続の追加',
+      enableSsh: 'SSH を有効化',
-      createConnection: '接続の作成',
+      connectionString: '接続文字列',
-      createNewConnection: '新しい接続の作成',
+      addConnection: '接続を追加',
-      askCredentials: '認証情報の入力',
+      createConnection: '接続を作成',
-      testConnection: '接続のテスト',
+      createNewConnection: '新規接続の作成',
-      editConnection: '接続の編集',
+      askCredentials: '認証情報を接続時に尋ねる',
-      deleteConnection: '接続の削除',
+      testConnection: '接続をテスト',
+      editConnection: '接続を編集',
+      deleteConnection: '接続を削除',
       connectionSuccessfullyMade: '接続に成功しました。',
-      enableSsl: 'SSL 対応',
+      readOnlyMode: '読み取り専用モード',
-      enableSsh: 'SSH を有効にする'
+      allConnections: 'すべての接続',
+      searchForConnections: '接続を検索',
+      keepAliveInterval: 'Keep alive 間隔',
+      singleConnection: '単一接続'
    },
    database: {
       schema: 'スキーマ',
-      type: 'タイプ',
+      type: '型',
+      insert: '挿入',
+      indexes: 'インデックス',
       foreignKeys: '外部キー',
       length: '長さ',
       unsigned: '符号なし',
-      default: 'デフォルト',
+      default: 'デフォルト値',
       comment: 'コメント',
-      collation: '照合',
       key: 'キー | キー',
       order: '順序',
-      expression: '表現',
+      expression: '式',
-      autoIncrement: 'オートインクリメント',
+      autoIncrement: '自動インクリメント',
       engine: 'エンジン',
       field: 'フィールド | フィールド',
       approximately: '約',
       total: '合計',
       table: 'テーブル',
       view: 'ビュー',
-      indexes: 'インデックス',
       definer: 'デファイナー',
       algorithm: 'アルゴリズム',
       trigger: 'トリガー | トリガー',
       storedRoutine: 'ストアド・ルーチン | ストアド・ルーチン',
       scheduler: 'スケジューラー | スケジューラー',
       event: 'イベント',
-      parameters: 'パラメータ',
+      parameters: 'パラメーター',
       function: '関数 | 関数',
+      deterministic: '決定論的',
       context: 'コンテキスト',
       export: 'エクスポート',
+      import: 'インポート',
       returns: '戻り値',
       timing: 'タイミング',
       state: '状態',
@@ -115,128 +154,249 @@ export const jaJP = {
       database: 'データベース',
       array: '配列',
       structure: '構造',
-      row: 'ロウ | ロウ',
+      row: '行 | 行',
       cell: 'セル | セル',
       triggerFunction: 'トリガー関数 | トリガー関数',
       routine: 'ルーチン',
-      unableEditFieldWithoutPrimary: '主キーのないフィールドを結果セットで編集できない',
+      drop: 'ドロップ',
-      editCell: 'セルの編集',
+      commit: 'コミット',
-      deleteRows: '行の削除 | {count} 行の削除',
+      rollback: 'ロールバック',
-      confirmToDeleteRows: '1つの行を削除することを確認しますか？ | {count} 行を削除することを確認しますか？',
+      ddl: 'DDL',
-      addNewRow: '新しい行の追加',
+      collation: '照合',
-      numberOfInserts: 'インサート数',
+      resultsTable: '結果テーブル',
+      unableEditFieldWithoutPrimary: '結果セットでは主キーのないフィールドを編集できません',
+      editCell: 'セルを編集',
+      deleteRows: '行を削除 | {count} 行を削除',
+      confirmToDeleteRows: '行を削除します。確定しますか？ | {count} 行を削除します。確定しますか？',
+      addNewRow: '行を新規追加',
+      numberOfInserts: '挿入レコード数',
       affectedRows: '影響を受ける行',
       createNewDatabase: '新規データベースの作成',
       databaseName: 'データベース名',
       serverDefault: 'サーバーのデフォルト',
-      deleteDatabase: 'データベースの削除',
+      deleteDatabase: 'データベースを削除',
-      editDatabase: 'データベースの編集',
+      editDatabase: 'データベースを編集',
-      clearChanges: '変更の消去',
+      clearChanges: '変更をクリア',
-      addNewField: '新しいフィールドの追加',
+      addNewField: '新規フィールドを追加',
       manageIndexes: 'インデックスの管理',
       manageForeignKeys: '外部キーの管理',
-      allowNull: 'NULL を許可する',
+      allowNull: 'NULL を許可',
-      zeroFill: 'ゼロフィル',
+      zeroFill: 'ゼロ埋め',
       customValue: 'カスタム値',
-      onUpdate: '更新時',
+      onUpdate: 'ON UPDATE',
-      deleteField: 'フィールドの削除',
+      deleteField: 'フィールドを削除',
-      createNewIndex: '新しいインデックスの作成',
+      createNewIndex: '新規インデックスの作成',
-      addToIndex: 'インデックスへの追加',
+      addToIndex: 'インデックスに追加',
-      createNewTable: '新しいテーブルの作成',
+      createNewTable: '新規テーブルの作成',
-      emptyTable: '空のテーブル',
+      emptyTable: 'テーブルを空にする',
-      deleteTable: 'テーブルの削除',
+      duplicateTable: 'テーブルを複製',
-      emptyConfirm: '空にすることを確認しますか？',
+      deleteTable: 'テーブルを削除',
-      thereAreNoIndexes: 'インデックスがありません',
+      exportTable: 'テーブルをエクスポート',
+      emptyConfirm: 'テーブルを空にします。確定しますか？',
+      thereAreNoIndexes: 'インデックスがありません。',
       thereAreNoForeign: '外部キーがありません。',
-      createNewForeign: '新しい外部キーの作成',
+      createNewForeign: '新規外部キーの作成',
       referenceTable: '参照テーブル',
       referenceField: '参照フィールド',
       foreignFields: '外部フィールド',
-      invalidDefault: '無効なデフォルト',
+      invalidDefault: '無効なデフォルト値',
-      onDelete: '削除時',
+      onDelete: 'ON DELETE',
-      selectStatement: '選択文',
+      selectStatement: 'SELECT 文',
       triggerStatement: 'トリガー文',
       sqlSecurity: 'SQL セキュリティ',
       updateOption: '更新オプション',
       deleteView: 'ビューの削除',
       createNewView: '新規ビューの作成',
-      deleteTrigger: 'トリガーの削除',
+      deleteTrigger: 'トリガーを削除',
-      createNewTrigger: '新しいトリガの作成',
+      createNewTrigger: '新規トリガーの作成',
       currentUser: '現在のユーザー',
-      routineBody: 'ルーチン本体',
+      routineBody: 'ルーチンの本体',
       dataAccess: 'データアクセス',
-      thereAreNoParameters: 'パラメータはありません',
+      thereAreNoParameters: 'パラメーターがありません',
-      createNewParameter: '新しいパラメータの作成',
+      createNewParameter: '新規パラメータの作成',
-      createNewRoutine: 'ストアド・ルーチンの新規作成',
+      createNewRoutine: '新規ストアド・ルーチンの作成',
       deleteRoutine: 'ストアド・ルーチンの削除',
-      functionBody: '関数本体',
+      functionBody: '関数の本体',
-      createNewFunction: '新しい関数の作成',
+      createNewFunction: '新規関数の作成',
-      deleteFunction: '関数の削除',
+      deleteFunction: '関数を削除',
-      schedulerBody: 'スケジューラ本体',
+      schedulerBody: 'スケジューラの本体',
-      createNewScheduler: 'スケジューラの新規作成',
+      createNewScheduler: '新規スケジューラの作成',
-      deleteScheduler: 'スケジューラの削除',
+      deleteScheduler: 'スケジューラを削除',
       preserveOnCompletion: '完了時に保存する',
       tableFiller: 'テーブルフィラー',
       fakeDataLanguage: 'フェイクデータの言語',
-      queryDuration: '問い合わせ期間',
+      queryDuration: 'クエリ実行時間',
       setNull: 'NULL の設定',
       processesList: 'プロセス一覧',
       processInfo: 'プロセス情報',
       manageUsers: 'ユーザーの管理',
-      createNewSchema: '新しいスキーマの作成',
+      createNewSchema: '新規スキーマの作成',
       schemaName: 'スキーマ名',
-      editSchema: 'スキーマの編集',
+      editSchema: 'スキーマを編集',
-      deleteSchema: 'スキーマの削除',
+      deleteSchema: 'スキーマを削除',
-      duplicateTable: 'テーブルを複製する',
       noSchema: 'スキーマなし',
-      runQuery: 'クエリの実行',
+      runQuery: 'クエリを実行',
-      thereAreNoTableFields: 'テーブルのフィールドがありません',
+      thereAreNoTableFields: 'テーブルにフィールドがありません。',
-      newTable: '新しいテーブル',
+      newTable: '新規テーブル',
-      newView: '新しいビュー',
+      newView: '新規ビュー',
-      newTrigger: '新しいトリガー',
+      newTrigger: '新規トリガー',
-      newRoutine: '新しいルーチン',
+      newRoutine: '新規ルーチン',
-      newFunction: '新しい関数',
+      newFunction: '新規関数',
       newScheduler: '新規スケジューラ',
-      newTriggerFunction: '新しいトリガー機能',
+      newTriggerFunction: '新規トリガー機能',
-      thereAreNoQueriesYet: 'まだ問い合わせはありません',
+      thereAreNoQueriesYet: 'クエリはまだありません。',
       searchForQueries: 'クエリの検索',
-      killProcess: 'プロセスの停止'
+      killProcess: 'プロセスの停止',
+      exportSchema: 'スキーマをエクスポート',
+      importSchema: 'スキーマをインポート',
+      newInsertStmtEvery: 'それぞれに新しい INSERT 文',
+      processingTableExport: '{table} を処理中',
+      fetchingTableExport: '{table} のデータを取得中',
+      writingTableExport: '{table} のデータを書き込み中',
+      checkAllTables: 'すべてのテーブルを選択',
+      uncheckAllTables: 'すべてのテーブルの選択を解除',
+      killQuery: 'クエリを終了',
+      insertRow: '行を挿入 | 行を挿入',
+      commitMode: 'コミットモード',
+      autoCommit: '自動コミット',
+      manualCommit: '手動コミット',
+      importQueryErrors: '警告: {n} 個のエラーが発生しました。 | 警告: {n} 個のエラーが発生しました。',
+      executedQueries: '{n} 個のクエリを実行しました。 | {n} 個のクエリを実行しました。',
+      disableFKChecks: '外部キーのチェックを無効化',
+      formatQuery: 'クエリをフォーマット',
+      queryHistory: 'クエリ履歴',
+      clearQuery: 'クエリをクリア',
+      fillCell: 'セルを埋める',
+      executeSelectedQuery: '選択されたクエリを実行',
+      noResultsPresent: '結果がありません。',
+      sqlExportOptions: 'SQL エクスポートオプション',
+      targetTable: '対象テーブル',
+      switchDatabase: 'データベースを切り替え',
+      searchForElements: '要素を検索',
+      searchForSchemas: 'スキーマを検索',
+      savedQueries: '保存済のクエリ'
    },
    application: {
       settings: '設定',
+      console: 'コンソール',
       general: '一般',
       themes: 'テーマ',
-      update: '更新情報',
+      update: '更新',
+      about: 'About',
       language: '言語',
+      shortcuts: 'ショートカット',
+      key: 'キー | キー', // キーボードのキー
+      event: 'イベント',
       light: 'ライト',
       dark: 'ダーク',
       autoCompletion: 'オートコンプリート',
       application: 'アプリケーション',
       editor: 'エディター',
-      scratchpad: 'スクラッチパッド',
       changelog: '変更履歴',
-      madeWithJS: '💛 と JavaScript で作られています。',
+      small: '小',
-      checkForUpdates: '更新情報の確認',
+      medium: '中',
-      noUpdatesAvailable: 'アップデートがありません',
+      large: '大',
-      checkingForUpdate: 'アップデートを確認中',
+      appearance: '外観',
-      checkFailure: 'チェックに失敗しました、後で試してください',
+      color: '色',
-      updateAvailable: 'アップデートが利用可能です',
+      label: 'ラベル',
-      downloadingUpdate: 'アップデートのダウンロード',
+      icon: 'アイコン',
-      updateDownloaded: 'アップデートのダウンロード',
+      fileName: 'ファイル名',
-      restartToInstall: 'Antares を再起動してインストールしてください',
+      choseFile: 'ファイルを選択',
+      data: 'データ',
+      password: 'パスワード',
+      required: '必須',
+      madeWithJS: '💛 と JavaScript で作られています！',
+      checkForUpdates: '更新を確認',
+      noUpdatesAvailable: '更新はありません。',
+      checkingForUpdate: '更新を確認中',
+      checkFailure: 'チェックに失敗しました、後で試してください。',
+      updateAvailable: '更新が利用可能です。',
+      downloadingUpdate: '更新をダウンロード中',
+      updateDownloaded: '更新をダウンロード済',
+      restartToInstall: 'Antares を再起動してインストールしてください。',
+      includeBetaUpdates: 'ベータ版アップデートを含む',
       notificationsTimeout: '通知のタイムアウト',
       openNewTab: '新しいタブを開く',
       unsavedChanges: '保存されていない変更',
       discardUnsavedChanges: '保存されていない変更があります。このタブを閉じると、これらの変更は破棄されます。',
-      applicationTheme: 'アプリケーションテーマ',
+      applicationTheme: 'アプリケーションのテーマ',
-      editorTheme: 'エディターテーマ',
+      editorTheme: 'エディターのテーマ',
-      wrapLongLines: '長い行の折り返し',
+      wrapLongLines: '長い行を折り返す',
-      includeBetaUpdates: 'ベータ版アップデートを含む',
+      markdownSupported: 'Markdown をサポートしています。',
-      markdownSupported: 'マークダウン対応',
+      plantATree: '木を植える',
       dataTabPageSize: 'DATA タブのページサイズ',
-      noOpenTabs: '開いているタブがありません。左のバーでナビゲートするか',
+      noOpenTabs: '開いているタブがありません。',
       restorePreviousSession: '前のセッションに戻す',
-      searchForElements: '要素の検索'
+      closeTab: 'タブを閉じる',
+      goToDownloadPage: 'ダウンロードページへ移動',
+      disableBlur: 'ぼかしを無効化',
+      missingOrIncompleteTranslation: '翻訳が不足しているか、または不完全ですか？',
+      findOutHowToContribute: 'コントリビュートの方法を調べる',
+      reportABug: 'バグを報告',
+      nextTab: '次のタブ',
+      previousTab: '前のタブ',
+      selectTabNumber: 'タブ番号を選択 {param}',
+      toggleConsole: 'コンソールを切り替え',
+      addShortcut: 'ショートカットを追加',
+      editShortcut: 'ショートカットを編集',
+      deleteShortcut: 'ショートカットを削除',
+      restoreDefaults: 'デフォルトに戻す',
+      restoreDefaultsQuestion: 'デフォルト値に戻します。確定しますか？',
+      registerAShortcut: 'ショートカットを登録',
+      invalidShortcutMessage: '無効な組み合わせです、続けて入力してください。',
+      shortcutAlreadyExists: 'ショートカットが既に存在します。',
+      saveContent: '内容を保存',
+      openAllConnections: 'すべての接続を開く',
+      openSettings: '設定を開く',
+      runOrReload: '実行またはリロード',
+      openFilter: 'フィルタを開く',
+      nextResultsPage: '次の結果ページ',
+      previousResultsPage: '前の結果ページ',
+      editFolder: 'フォルダーを編集',
+      folderName: 'フォルダー名',
+      deleteFolder: 'フォルダーを削除',
+      newFolder: '新規フォルダー',
+      outOfFolder: 'フォルダーの外',
+      editConnectionAppearance: '接続の外観を編集',
+      defaultCopyType: 'デフォルトのコピータイプ',
+      showTableSize: 'サイドバーにテーブルのサイズを表示',
+      showTableSizeDescription: 'MySQL/MariaDB のみ。このオプションを有効にすると、多数のテーブルを持つスキーマのパフォーマンスに影響を与える可能性があります。',
+      switchSearchMethod: '検索方法を切り替え',
+      phpArray: 'PHP 配列',
+      closeAllTabs: 'すべてのタブを閉じる',
+      closeOtherTabs: '他のタブを閉じる',
+      closeTabsToLeft: '左のタブを閉じる',
+      closeTabsToRight: '右のタブを閉じる',
+      csvFieldDelimiter: 'フィールドの区切り文字',
+      csvLinesTerminator: '行の終端',
+      csvStringDelimiter: '文字列の区切り文字',
+      csvIncludeHeader: 'ヘッダを含める',
+      csvExportOptions: 'CSV エクスポートオプション',
+      exportData: 'データをエクスポート',
+      exportDataExplanation: 'Anteras に保存された接続をエクスポートします。エクスポートされたファイルを暗号化するためのパスワードが要求されます。',
+      importData: 'データをインポート',
+      importDataExplanation: '接続を含む .antares ファイルをインポートします。エクスポート時に定義したパスワードを入力する必要があります。',
+      includeConnectionPasswords: '接続パスワードを含める',
+      includeFolders: 'フォルダーを含める',
+      encryptionPassword: '暗号化パスワード',
+      encryptionPasswordError: '暗号化パスワードは8文字以上でなければなりません。',
+      ignoreDuplicates: '重複を無視',
+      wrongImportPassword: 'インポートパスワードが誤っています。',
+      wrongFileFormat: 'ファイルフォーマットが誤っています。',
+      dataImportSuccess: 'データのインポートに成功しました。',
+      note: 'ノート | ノート',
+      thereAreNoNotesYet: 'ノートはまだありません。',
+      addNote: 'ノートを追加',
+      editNote: 'ノートを編集',
+      saveAsNote: 'ノートとして保存',
+      showArchivedNotes: 'アーカイブ済のノートを表示',
+      hideArchivedNotes: 'アーカイブ済のノートを非表示',
+      tag: 'タグ', // ノートのタグ
+      saveFile: 'ファイルを保存',
+      saveFileAs: 'ファイルを別名で保存',
+      openFile: 'ファイルを開く',
+      openNotes: 'ノートを開く'
+
    },
    faker: {
       address: '住所',
@@ -245,42 +405,42 @@ export const jaJP = {
       database: 'データベース',
       date: '日付',
       finance: 'ファイナンス',
-      // git: 'ギット',
+      git: 'Git',
       hacker: 'ハッカー',
       internet: 'インターネット',
-      // lorem: 'ローレム',
+      lorem: 'Lorem',
       name: '名前',
       music: '音楽',
       phone: '電話',
       random: 'ランダム',
       system: 'システム',
       time: '時間',
-      vehicle: '車',
+      vehicle: '車両',
       zipCode: '郵便番号',
       zipCodeByState: '都道府県別郵便番号',
       city: '都市名',
-      cityPrefix: '市のプレフィックス',
+      cityPrefix: '都市のプレフィックス',
-      citySuffix: '市の接尾辞',
+      citySuffix: '都市のサフィックス',
       streetName: '通りの名前',
-      streetAddress: 'ストリートアドレス',
+      streetAddress: '通りの住所',
-      streetSuffix: '通りの接尾辞',
+      streetSuffix: '通りのサフィックス',
-      streetPrefix: 'ストリートプレフィックス',
+      streetPrefix: '通りのプレフィックス',
       secondaryAddress: '副住所',
       county: '郡',
       country: '国名',
       countryCode: '国コード',
       state: '州',
-      stateAbbr: '州の略語',
+      stateAbbr: '州の略称',
       latitude: '緯度',
       longitude: '経度',
       direction: '方向',
-      cardinalDirection: '枢機卿の方向',
+      cardinalDirection: '4方位',
-      ordinalDirection: '序列方向',
+      ordinalDirection: '8方位',
       nearbyGPSCoordinate: '近くのGPS座標',
       timeZone: 'タイムゾーン',
       color: '色',
       department: '部門',
-      productName: '商品名',
+      productName: '製品名',
       price: '価格',
       productAdjective: '製品の形容詞',
       productMaterial: '製品の素材',
@@ -288,29 +448,30 @@ export const jaJP = {
       productDescription: '製品の説明',
       suffixes: 'サフィックス',
       companyName: '会社名',
-      companySuffix: '会社のサフィックス',
+      companySuffix: '会社名のサフィックス',
       catchPhrase: 'キャッチフレーズ',
-      // bs: 'BS',
+      bs: 'BS',
       catchPhraseAdjective: 'キャッチフレーズ形容詞',
       catchPhraseDescriptor: 'キャッチフレーズの説明文',
       catchPhraseNoun: 'キャッチフレーズの名詞',
       bsAdjective: 'BS 形容詞',
       bsBuzz: 'BS の話題',
       bsNoun: 'BS の名詞',
-      column: 'コラム',
+      column: 'カラム',
       type: 'タイプ',
       collation: '照合',
       engine: 'エンジン',
       past: '過去',
+      now: '現在',
       future: '未来',
       between: '間',
       recent: '最近',
-      soon: 'すぐ',
+      soon: 'まもなく',
       month: '月',
       weekday: '曜日',
-      account: 'アカウント',
+      account: '口座',
       accountName: '口座名',
-      routingNumber: 'ルーティング番号',
+      routingNumber: 'ルーティングナンバー',
       mask: 'マスク',
       amount: '金額',
       transactionType: '取引の種類',
@@ -318,19 +479,19 @@ export const jaJP = {
       currencyName: '通貨名',
       currencySymbol: '通貨記号',
       bitcoinAddress: 'Bitcoin アドレス',
-      litecoinAddress: 'ライトコインのアドレス',
+      litecoinAddress: 'Litecoin アドレス',
       creditCardNumber: 'クレジットカード番号',
       creditCardCVV: 'クレジットカードの CVV',
-      ethereumAddress: 'イーサリアムのアドレス',
+      ethereumAddress: 'Ethereum アドレス',
-      iban: 'アイバン',
+      iban: 'IBAN',
-      bic: 'ビック',
+      bic: 'BIC',
-      transactionDescription: '取引内容',
+      transactionDescription: '取引の説明',
       branch: 'ブランチ',
       commitEntry: 'コミットエントリ',
       commitMessage: 'コミットメッセージ',
       commitSha: 'コミット SHA',
       shortSha: 'ショート SHA',
-      abbreviation: '省略形',
+      abbreviation: '略称',
       adjective: '形容詞',
       noun: '名詞',
       verb: '動詞',
@@ -345,23 +506,23 @@ export const jaJP = {
       domainName: 'ドメイン名',
       domainSuffix: 'ドメインのサフィックス',
       domainWord: 'ドメイン名',
-      ip: 'Ip',
+      ip: 'IP',
-      ipv6: 'Ipv6',
+      ipv6: 'IPv6',
-      userAgent: 'ユーザーエージェント',
+      userAgent: 'User-Agent',
-      // mac: 'Mac',
+      mac: 'MAC',
       password: 'パスワード',
-      word: 'ワード',
+      word: '単語',
       words: '単語',
       sentence: '文章',
-      slug: 'スラッグ',
+      slug: 'Slug',
-      sentences: 'センテンス',
+      sentences: '文章',
-      paragraph: 'パラグラフ',
+      paragraph: '段落',
-      paragraphs: 'パラグラフ',
+      paragraphs: '段落',
       text: 'テキスト',
       lines: '行',
       genre: 'ジャンル',
-      firstName: 'ファーストネーム',
+      firstName: '姓',
-      lastName: '苗字',
+      lastName: '名',
       middleName: 'ミドルネーム',
       findName: 'フルネーム',
       jobTitle: '役職名',
@@ -371,35 +532,35 @@ export const jaJP = {
       title: '役職名',
       jobDescriptor: '職務記述書',
       jobArea: '職務領域',
-      jobType: '仕事の種類',
+      jobType: '職種',
       phoneNumber: '電話番号',
       phoneNumberFormat: '電話番号のフォーマット',
       phoneFormats: '電話番号のフォーマット',
-      // number: '番号',
+      number: '数字',
-      // float: 'フロート',
+      float: '浮動小数点数',
       arrayElement: '配列要素',
       arrayElements: '配列要素',
       objectElement: 'オブジェクトの要素',
-      // uuid: 'Uuid',
+      uuid: 'UUID',
-      // boolean: 'ブール',
+      boolean: 'ブール値',
       image: '画像',
       locale: 'ロケール',
       alpha: '英字',
       alphaNumeric: '英数字',
-      hexaDecimal: '16進法',
+      hexaDecimal: '16進数',
       fileName: 'ファイル名',
       commonFileName: '一般的なファイル名',
-      mimeType: 'Mimeタイプ',
+      mimeType: 'MIME タイプ',
       commonFileType: '共通のファイルタイプ',
       commonFileExt: '共通のファイル拡張子',
       fileType: 'ファイルタイプ',
       fileExt: 'ファイル拡張子',
       directoryPath: 'ディレクトリパス',
       filePath: 'ファイルパス',
-      // semver: 'セムバー',
+      semver: 'セマンティックバージョニング',
-      manufacturer: 'メーカー名',
+      manufacturer: 'メーカー',
       model: 'モデル',
-      fuel: '燃料'
+      fuel: '燃料',
-      // vin: 'Vin'
+      vin: '車両識別番号'
    }
 };

src/renderer/ipc-api/Views.ts

@@ -19,4 +19,20 @@ export default class {
    static createView (params: CreateViewParams & { uid: string }): Promise<IpcResponse> {
       return ipcRenderer.invoke('create-view', unproxify(params));
    }
+
+   static createMaterializedView (params: CreateViewParams & { uid: string }): Promise<IpcResponse> {
+      return ipcRenderer.invoke('create-materialized-view', unproxify(params));
+   }
+
+   static getMaterializedViewInformations (params: { uid: string; schema: string; view: string }): Promise<IpcResponse> {
+      return ipcRenderer.invoke('get-materialized-view-informations', unproxify(params));
+   }
+
+   static dropMaterializedView (params: { uid: string; schema: string; view: string }): Promise<IpcResponse> {
+      return ipcRenderer.invoke('drop-materialized-view', unproxify(params));
+   }
+
+   static alterMaterializedView (params: { view: AlterViewParams & { uid: string }}): Promise<IpcResponse> {
+      return ipcRenderer.invoke('alter-materialized-view', unproxify(params));
+   }
 }

src/renderer/stores/workspaces.ts

@@ -558,6 +558,8 @@ export const useWorkspacesStore = defineStore('workspaces', {
 
          switch (type) {
             case 'new-table':
+            case 'new-view':
+            case 'new-materialized-view':
             case 'new-trigger':
             case 'new-trigger-function':
             case 'new-function':
@@ -659,6 +661,8 @@ export const useWorkspacesStore = defineStore('workspaces', {
                break;
             case 'data':
             case 'table-props':
+            case 'view-props':
+            case 'materialized-view-props':
             case 'trigger-props':
             case 'trigger-function-props':
             case 'function-props':