diff --git a/core/imageroot/usr/local/agent/actions/set-note/50set_note b/core/imageroot/usr/local/agent/actions/set-note/50set_note
new file mode 100755
index 000000000..6c274ee4c
--- /dev/null
+++ b/core/imageroot/usr/local/agent/actions/set-note/50set_note
@@ -0,0 +1,18 @@
+#!/usr/bin/env python3
+
+#
+# Copyright (C) 2025 Nethesis S.r.l.
+# SPDX-License-Identifier: GPL-3.0-or-later
+#
+
+import json
+import sys
+import agent
+import os
+
+agent_id = os.environ['AGENT_ID']
+
+request = json.load(sys.stdin)
+
+rdb = agent.redis_connect(privileged=True)
+rdb.set(agent_id + '/ui_note', request['note'])
diff --git a/core/imageroot/usr/local/agent/actions/set-note/validate-input.json b/core/imageroot/usr/local/agent/actions/set-note/validate-input.json
new file mode 100644
index 000000000..225ccb2cc
--- /dev/null
+++ b/core/imageroot/usr/local/agent/actions/set-note/validate-input.json
@@ -0,0 +1,21 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "title": "set-note input",
+    "$id": "http://schema.nethserver.org/agent/set-note-input.json",
+    "description": "A short note to help identify or describe a module instance. The note is visible in Applications Center.",
+    "examples": [
+        {
+            "note": "this module is for my personal use"
+        }
+    ],
+    "type": "object",
+    "required": [
+        "note"
+    ],
+    "properties": {
+        "note": {
+            "type": "string",
+            "maxLength": 100
+        }
+    }
+}
diff --git a/core/imageroot/usr/local/agent/pypkg/cluster/modules.py b/core/imageroot/usr/local/agent/pypkg/cluster/modules.py
index 96d2fa889..123a292ff 100644
--- a/core/imageroot/usr/local/agent/pypkg/cluster/modules.py
+++ b/core/imageroot/usr/local/agent/pypkg/cluster/modules.py
@@ -387,6 +387,7 @@ def list_installed(rdb, skip_core_modules = False):
                 'version': mtag,
                 'module': msource.rsplit("/", 1)[1],
                 'ui_name': rdb.get(f'module/{module_id}/ui_name') or "",
+                'ui_note': rdb.get(f'module/{module_id}/ui_note') or "",
                 'node': mnode_id,
                 'node_ui_name': hnode_names[mnode_id],
                 'logo': logos.get(module_id, ""),
diff --git a/core/ui/package.json b/core/ui/package.json
index 01e5b9b80..65fd6b089 100644
--- a/core/ui/package.json
+++ b/core/ui/package.json
@@ -16,7 +16,7 @@
     "@carbon/icons-vue": "^10.37.0",
     "@carbon/themes": "^10.34.0",
     "@carbon/vue": "^2.40.0",
-    "@nethserver/ns8-ui-lib": "^1.5.0",
+    "@nethserver/ns8-ui-lib": "^1.6.0",
     "await-to-js": "^3.0.0",
     "axios": "^0.30.2",
     "carbon-components": "^10.41.0",
diff --git a/core/ui/public/i18n/en/translation.json b/core/ui/public/i18n/en/translation.json
index 509c8ff73..86c01638e 100644
--- a/core/ui/public/i18n/en/translation.json
+++ b/core/ui/public/i18n/en/translation.json
@@ -92,7 +92,9 @@
         "not_available": "Not available",
         "release_notes": "Release notes",
         "plus_others": "+{num} other | +{num} others",
-        "choose_a_node": "Choose a node"
+        "choose_a_node": "Choose a node",
+        "type": "Type",
+        "any": "Any"
     },
     "error": {
         "error": "Error",
@@ -425,7 +427,8 @@
         "get-metrics-id": "Get metrics ID",
         "restart-module": "Restart instance",
         "list-alerts": "List alerts",
-        "list-nodes": "List nodes"
+        "list-nodes": "List nodes",
+        "set-note": "Set note"
     },
     "network": {
         "title": "Network"
@@ -951,6 +954,8 @@
     },
     "software_center": {
         "title": "Software center",
+        "title_tooltip": "Discover, install and update applications in your cluster. To manage installed applications, go to {applications} page",
+        "go_to_applications_center": "Go to applications center",
         "search_placeholder": "Search apps",
         "software_updates": "Updates",
         "you_have_updates": "You have {numUpdates} app to update | You have {numUpdates} apps to update",
@@ -1004,7 +1009,7 @@
         "no_instance_installed": "No instance installed",
         "instance": "Instance",
         "instance_label": "App instance label",
-        "instance_label_tooltip": "You can assign the app instance an easy to remember name",
+        "instance_label_tooltip": "You can give the application a memorable label to help recall its name.",
         "edit_instance_label": "Edit instance label",
         "app_managed_in": "This app is managed in",
         "reload_software_repositories": "Reload repositories",
@@ -1099,7 +1104,9 @@
             "rootfull_certification_level_too_low": "Apps with administrative privileges must have a minimum certification level of {certification_min}/5 to be installed"
         },
         "migrating_app_title": "This app instance is undergoing migration",
-        "migrating_app_description": "You'll be able to use {name} again once the migration from NethServer 7 is complete."
+        "migrating_app_description": "You'll be able to use {name} again once the migration from NethServer 7 is complete.",
+        "instance_label_too_long": "Application label must be 24 characters or less",
+        "instance_label_alphanum_only": "Application label can only contain alphanumeric characters and spaces"
     },
     "system_logs": {
         "title": "System logs",
@@ -1199,6 +1206,7 @@
         "title": "Cluster status",
         "go_to_nodes": "Go to Nodes",
         "go_to_software_center": "Go to Software center",
+        "go_to_applications": "Go to Applications",
         "go_to_backup": "Go to Backup",
         "backups_failed_c": "{num} app backup failed | {num} app backups failed",
         "backup_disabled_c": "{num} backup disabled | {num} backups disabled",
@@ -1676,5 +1684,40 @@
         "available_with_subscription_title": "Activate subscription to enable this feature",
         "available_with_subscription": "Send a stream of security logs from applications and nodes of this cluster to Cloud Log Manager, where you can store, archive, and search them in a central place.",
         "cluster_id_notification": "Security logs from this cluster are available in the Cloud Log Manager UI under the host '{clusterId}'."
+    },
+    "applications": {
+        "title": "Applications",
+        "title_tooltip": "This page displays all the applications installed on the cluster and lets you manage them easily. To install a new application, go to {software} page.",
+        "go_to_software_center": "Go to Software center",
+        "no_application": "No application installed",
+        "no_application_description": "You can find and install applications in the Software center.",
+        "name": "Name",
+        "version": "Version",
+        "type": "Type",
+        "node": "Node",
+        "status": "Status",
+        "update_available": "Update available",
+        "edit_label": "Edit label",
+        "restart": "Restart",
+        "open": "Open",
+        "clone": "Clone",
+        "move": "Move",
+        "uninstall": "Uninstall",
+        "instance_uninstallation": "Uninstall {instance}",
+        "uninstalling": "Uninstalling",
+        "restart_instance_name": "Restart {instance}",
+        "update": "Update",
+        "app_uninstallation": "Uninstall {app}",
+        "uninstall_app": "Uninstall {name}? App data will be deleted too. This action is NOT reversible",
+        "restarting": "Restarting",
+        "add_note": "Add note",
+        "edit_note": "Edit note",
+        "note": "Note",
+        "enter_note": "Enter note (max 100 characters)",
+        "note_too_long": "Note must be 100 characters or less",
+        "note_description": "A short note to help identify or describe this application.",
+        "note_alphanum_only": "Note can only contain alphanumeric characters and spaces",
+        "note_helper_text": "Only alphanumeric characters and spaces are allowed",
+        "filter_applications": "Filter applications"
     }
 }
diff --git a/core/ui/src/components/applications-center/AddNoteModal.vue b/core/ui/src/components/applications-center/AddNoteModal.vue
new file mode 100644
index 000000000..7ff76d204
--- /dev/null
+++ b/core/ui/src/components/applications-center/AddNoteModal.vue
@@ -0,0 +1,164 @@
+<template>
+  <NsModal
+    :visible="visible"
+    :isLoading="loading.saveNote"
+    @primary-click="saveNote"
+    :primary-button-disabled="invalidNoteAlphanum ? true : false"
+    @modal-hidden="onModalHidden"
+    size="default"
+  >
+    <template slot="title">{{
+      isEdit ? $t("applications.edit_note") : $t("applications.add_note")
+    }}</template>
+    <template slot="content">
+      <div class="mg-bottom-md">{{ $t("applications.note_description") }}</div>
+      <div class="flex flex-col">
+        <div class="flex items-center justify-between">
+          <div class="bx--label no-mg-bottom">
+            {{ $t("applications.note") }}
+          </div>
+          <div class="bx--label no-mg-bottom text-right">
+            {{ note.length }}/100
+          </div>
+        </div>
+        <cv-text-area
+          v-model="note"
+          :placeholder="$t('applications.enter_note')"
+          :maxLength="100"
+          :rows="4"
+          :disabled="loading.saveNote"
+          :invalid-message="invalidNoteAlphanum || invalidNoteLength"
+          :helper-text="$t('applications.note_helper_text')"
+          data-modal-primary-focus
+        />
+        <cv-inline-notification
+          v-if="error.saveNote"
+          kind="error"
+          :title="$t('action.set-note')"
+          :description="error"
+          :showCloseButton="false"
+        />
+      </div>
+    </template>
+    <template slot="secondary-button">{{ $t("common.cancel") }}</template>
+    <template slot="primary-button">{{
+      isEdit ? $t("common.save") : $t("applications.add_note")
+    }}</template>
+  </NsModal>
+</template>
+
+<script>
+import { UtilService, TaskService, IconService } from "@nethserver/ns8-ui-lib";
+import to from "await-to-js";
+export default {
+  name: "saveNoteModal",
+  mixins: [UtilService, TaskService, IconService],
+  props: {
+    visible: {
+      type: Boolean,
+      required: true,
+    },
+    isEdit: {
+      type: Boolean,
+      default: false,
+    },
+    currentNote: {
+      type: String,
+      default: "",
+    },
+    noteInstance: Object,
+  },
+  data() {
+    return {
+      note: this.currentNote,
+      error: { saveNote: "" },
+      loading: { saveNote: false },
+    };
+  },
+  watch: {
+    currentNote(newVal) {
+      this.note = newVal;
+    },
+    visible(newVal) {
+      if (newVal) {
+        this.note = this.currentNote;
+      }
+    },
+  },
+  computed: {
+    invalidNoteAlphanum() {
+      const alphanumRegex = /^[a-zA-Z0-9 ]*$/;
+      if (!alphanumRegex.test(this.note)) {
+        return this.$t("applications.note_alphanum_only");
+      }
+      return "";
+    },
+    invalidNoteLength() {
+      if (this.note.length == 100) {
+        return this.$t("applications.note_too_long");
+      }
+      return "";
+    },
+  },
+  methods: {
+    onModalHidden() {
+      this.clearErrors();
+      this.$emit("hide");
+    },
+    async saveNote() {
+      this.error.saveNote = "";
+      this.loading.saveNote = true;
+      const taskAction = "set-note";
+      const eventId = this.getUuid();
+
+      // register to task completion
+      this.$root.$once(
+        `${taskAction}-completed-${eventId}`,
+        this.saveNoteCompleted
+      );
+      // register to task error
+      this.$root.$once(
+        `${taskAction}-aborted-${eventId}`,
+        this.saveNoteAborted
+      );
+
+      const res = await to(
+        this.createModuleTaskForApp(this.noteInstance.id, {
+          action: taskAction,
+          data: {
+            note: this.note,
+          },
+          extra: {
+            title: this.$t("action." + taskAction),
+            isNotificationHidden: true,
+            eventId,
+          },
+        })
+      );
+      const err = res[0];
+
+      if (err) {
+        console.error(`error creating task ${taskAction}`, err);
+        this.error.saveNote = this.getErrorMessage(err);
+        this.loading.saveNote = false;
+        return;
+      }
+      // emit event to close modal
+      this.$emit("hide");
+    },
+    saveNoteAborted(taskResult, taskContext) {
+      console.error(`${taskContext.action} aborted`, taskResult);
+      this.error.saveNote = this.$t("error.generic_error");
+      this.loading.saveNote = false;
+    },
+    saveNoteCompleted() {
+      this.loading.saveNote = false;
+      this.$emit("hide");
+      this.$emit("saveNoteCompleted");
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+@import "../../styles/carbon-utils";
+</style>
diff --git a/core/ui/src/components/nodes/NodeCard.vue b/core/ui/src/components/nodes/NodeCard.vue
index f011ee7b3..e5ae9eeff 100644
--- a/core/ui/src/components/nodes/NodeCard.vue
+++ b/core/ui/src/components/nodes/NodeCard.vue
@@ -98,10 +98,9 @@
         <div class="tr">
           <div class="td label">{{ $t("nodes.applications") }}</div>
           <div class="td">
-            <!-- <cv-link v-if="applications" @click.prevent="goToApplications"> -->
-            {{ applications }}
-            <!-- </cv-link> -->
-            <!-- <span v-else>-</span> -->
+            <cv-link v-if="applications" @click.prevent="goToApplications">
+              {{ applications }}
+            </cv-link>
           </div>
         </div>
       </div>
@@ -245,8 +244,8 @@ export default {
   methods: {
     goToApplications() {
       this.$router.push({
-        name: "applications",
-        params: { nodeId: this.nodeId },
+        path: "/applications-center",
+        query: { selectedNodeId: this.nodeId },
       });
     },
   },
diff --git a/core/ui/src/components/shell/SideMenuContent.vue b/core/ui/src/components/shell/SideMenuContent.vue
index 48cdc51f5..1ea38a70a 100644
--- a/core/ui/src/components/shell/SideMenuContent.vue
+++ b/core/ui/src/components/shell/SideMenuContent.vue
@@ -36,9 +36,17 @@
         @click="goTo('/software-center')"
         :active="isLinkActive('/software-center')"
       >
-        <template v-slot:nav-icon><Application20 /></template>
+        <template v-slot:nav-icon><ShoppingCatalog20 /></template>
         <span>{{ $t("software_center.title") }}</span>
       </cv-side-nav-link>
+      <!-- Applications -->
+      <cv-side-nav-link
+        @click="goTo('/applications-center')"
+        :active="isLinkActive('/applications-center')"
+      >
+        <template v-slot:nav-icon><Application20 /></template>
+        <span>{{ $t("applications.title") }}</span>
+      </cv-side-nav-link>
       <!-- backup -->
       <cv-side-nav-link
         @click="goTo('/backup')"
@@ -93,6 +101,7 @@ import Activity20 from "@carbon/icons-vue/es/activity/20";
 import Chip20 from "@carbon/icons-vue/es/chip/20";
 import Information20 from "@carbon/icons-vue/es/information/20";
 import Police20 from "@carbon/icons-vue/es/police/20";
+import ShoppingCatalog20 from "@carbon/icons-vue/es/shopping--catalog/20";
 import { mapActions } from "vuex";
 import CvSideNavDivider from "@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue";
 
@@ -109,6 +118,7 @@ export default {
     Information20,
     CvSideNavDivider,
     Police20,
+    ShoppingCatalog20,
   },
   data() {
     return {};
diff --git a/core/ui/src/components/software-center/RestartModuleModal.vue b/core/ui/src/components/software-center/RestartModuleModal.vue
new file mode 100644
index 000000000..b1ee4296e
--- /dev/null
+++ b/core/ui/src/components/software-center/RestartModuleModal.vue
@@ -0,0 +1,128 @@
+<template>
+  <NsModal
+    size="default"
+    :visible="visible"
+    :isLoading="loading.restartModule"
+    @modal-hidden="onModalHidden"
+    @primary-click="restartModule"
+    :primary-button-disabled="loading.restartModule ? true : false"
+  >
+    <template slot="title">
+      {{
+        $t("software_center.app_restart", {
+          app: instanceToRestart ? instanceToRestart.id : "",
+        })
+      }}
+    </template>
+    <template slot="content">
+      <NsInlineNotification
+        kind="warning"
+        :title="$t('common.please_read_carefully')"
+        :description="$t('software_center.restart_module_warning')"
+        :showCloseButton="false"
+      />
+      <div>
+        {{
+          $t("software_center.restart_app", {
+            name: instanceToRestart ? instanceToRestart.id : "",
+          })
+        }}
+      </div>
+      <div v-if="error.restartModule">
+        <NsInlineNotification
+          kind="error"
+          :title="$t('action.restart-module')"
+          :description="error.restartModule"
+          :showCloseButton="false"
+        />
+      </div>
+    </template>
+    <template slot="secondary-button">{{ $t("common.cancel") }}</template>
+    <template slot="primary-button">{{
+      $t("software_center.restart_instance")
+    }}</template>
+  </NsModal>
+</template>
+
+<script>
+import { UtilService, TaskService, IconService } from "@nethserver/ns8-ui-lib";
+import to from "await-to-js";
+export default {
+  name: "RestartModuleModal",
+  mixins: [UtilService, TaskService, IconService],
+  props: {
+    visible: {
+      type: Boolean,
+      required: true,
+    },
+    instanceToRestart: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return { error: { restartModule: "" }, loading: { restartModule: false } };
+  },
+  methods: {
+    async restartModule() {
+      this.error.restartModule = "";
+      this.loading.restartModule = true;
+      const taskAction = "restart-module";
+      const eventId = this.getUuid();
+
+      // register to task error
+      this.$root.$once(
+        `${taskAction}-aborted-${eventId}`,
+        this.restartModuleAborted
+      );
+
+      // register to task completion
+      this.$root.$once(
+        `${taskAction}-completed-${eventId}`,
+        this.restartModuleCompleted
+      );
+
+      const res = await to(
+        this.createNodeTask(this.instanceToRestart.node, {
+          action: taskAction,
+          data: {
+            module_id: this.instanceToRestart.id,
+          },
+          extra: {
+            title: this.$t("applications.restart_instance_name", {
+              instance: this.instanceToRestart.ui_name
+                ? this.instanceToRestart.ui_name
+                : this.instanceToRestart.id,
+            }),
+            description: this.$t("applications.restarting"),
+            eventId,
+          },
+        })
+      );
+      const err = res[0];
+
+      if (err) {
+        console.error(`error creating task ${taskAction}`, err);
+        this.error.restartModule = this.getErrorMessage(err);
+        this.loading.restartModule = false;
+        return;
+      }
+      // emit event to close modal
+      this.$emit("hide");
+    },
+    restartModuleAborted(taskResult, taskContext) {
+      console.error(`${taskContext.action} aborted`, taskResult);
+      this.error.restartModule = this.$t("error.generic_error");
+      this.loading.restartModule = false;
+    },
+    restartModuleCompleted() {
+      this.loading.restartModule = false;
+      this.$emit("hide");
+    },
+    onModalHidden() {
+      this.clearErrors();
+      this.$emit("hide");
+    },
+  },
+};
+</script>
diff --git a/core/ui/src/components/software-center/SetInstanceLabelModal.vue b/core/ui/src/components/software-center/SetInstanceLabelModal.vue
new file mode 100644
index 000000000..ed3dc2c40
--- /dev/null
+++ b/core/ui/src/components/software-center/SetInstanceLabelModal.vue
@@ -0,0 +1,147 @@
+<template>
+  <NsModal
+    size="default"
+    :visible="visible"
+    :isLoading="loading"
+    @modal-hidden="onModalHidden"
+    @primary-click="setInstanceLabel"
+    :primary-button-disabled="inputLabelError ? true : false"
+  >
+    <template slot="title">
+      {{ $t("software_center.edit_instance_label") }}
+    </template>
+    <template slot="content">
+      <template v-if="currentInstance">
+        <NsTextInput
+          ref="inputLabel"
+          :label="
+            $t('software_center.instance_label') +
+            ' (' +
+            $t('common.optional') +
+            ')'
+          "
+          v-model="inputLabel"
+          :placeholder="$t('common.no_label')"
+          :helper-text="$t('software_center.instance_label_tooltip')"
+          :disabled="loading"
+          :invalid-message="$t(inputLabelError)"
+          data-modal-primary-focus
+        />
+        <div v-if="error.setInstanceLabel">
+          <NsInlineNotification
+            kind="error"
+            :title="$t('action.set-instance-label')"
+            :description="error.setInstanceLabel"
+            :showCloseButton="false"
+          />
+        </div>
+      </template>
+    </template>
+    <template slot="secondary-button">{{ $t("common.cancel") }}</template>
+    <template slot="primary-button">{{ $t("common.save") }}</template>
+  </NsModal>
+</template>
+<script>
+import { UtilService, TaskService, IconService } from "@nethserver/ns8-ui-lib";
+import to from "await-to-js";
+export default {
+  name: "SetInstanceLabelModal",
+  mixins: [UtilService, TaskService, IconService],
+  props: {
+    visible: Boolean,
+    currentInstance: Object,
+    newInstanceLabel: String,
+  },
+  data() {
+    return {
+      inputLabel: this.newInstanceLabel || "",
+      loading: false,
+      error: {
+        setInstanceLabel: "",
+      },
+    };
+  },
+  watch: {
+    newInstanceLabel(newVal) {
+      this.inputLabel = newVal || "";
+    },
+    visible(newVal) {
+      // When modal is opened, reset inputLabel to prop value
+      if (newVal) {
+        this.inputLabel = this.newInstanceLabel || "";
+      }
+    },
+  },
+  computed: {
+    inputLabelError() {
+      if (this.inputLabel.length > 24) {
+        return "software_center.instance_label_too_long";
+      }
+      const alphanumRegex = /^[a-zA-Z0-9 ]*$/;
+      if (!alphanumRegex.test(this.inputLabel)) {
+        return "software_center.instance_label_alphanum_only";
+      }
+      return "";
+    },
+  },
+  methods: {
+    async setInstanceLabel() {
+      this.error.setInstanceLabel = "";
+      this.loading = true;
+      const taskAction = "set-name";
+      const eventId = this.getUuid();
+
+      // register to task completion
+      this.$root.$once(
+        `${taskAction}-completed-${eventId}`,
+        this.setInstanceLabelCompleted
+      );
+      // register to task error
+      this.$root.$once(
+        `${taskAction}-aborted-${eventId}`,
+        this.setInstanceLabelAborted
+      );
+
+      const res = await to(
+        this.createModuleTaskForApp(this.currentInstance.id, {
+          action: taskAction,
+          data: {
+            name: this.inputLabel,
+          },
+          extra: {
+            title: this.$t("action." + taskAction),
+            isNotificationHidden: true,
+            eventId,
+          },
+        })
+      );
+      const err = res[0];
+
+      if (err) {
+        console.error(`error creating task ${taskAction}`, err);
+        this.error.setInstanceLabel = this.getErrorMessage(err);
+        return;
+      }
+      // emit event to close modal
+      this.$emit("hide");
+    },
+    setInstanceLabelAborted(taskResult, taskContext) {
+      console.error(`${taskContext.action} aborted`, taskResult);
+      this.error.setInstanceLabel = this.$t("error.generic_error");
+      this.loading = false;
+    },
+    setInstanceLabelCompleted() {
+      this.loading = false;
+      this.$emit("hide");
+      // update instance label in app drawer
+      this.$root.$emit("reloadAppDrawer");
+      // reload instances and highlight new instance
+      this.$emit("setInstanceLabelCompleted");
+    },
+    onModalHidden() {
+      this.clearErrors();
+      this.$emit("hide");
+    },
+  },
+};
+</script>
diff --git a/core/ui/src/router/index.js b/core/ui/src/router/index.js
index a4972a374..6b825fc70 100644
--- a/core/ui/src/router/index.js
+++ b/core/ui/src/router/index.js
@@ -153,6 +153,14 @@ const routes = [
         /* webpackChunkName: "software-center" */ "../views/SoftwareCenter.vue"
       ),
   },
+  {
+    path: "/applications-center",
+    name: "ApplicationsCenter",
+    component: () =>
+      import(
+        /* webpackChunkName: "applications-center" */ "../views/ApplicationsCenter.vue"
+      ),
+  },
   {
     path: "/software-center/core-apps",
     name: "SoftwareCenterCoreApps",
diff --git a/core/ui/src/views/ApplicationsCenter.vue b/core/ui/src/views/ApplicationsCenter.vue
new file mode 100644
index 000000000..5bb0e705f
--- /dev/null
+++ b/core/ui/src/views/ApplicationsCenter.vue
@@ -0,0 +1,892 @@
+<!--
+  Copyright (C) 2025 Nethesis S.r.l.
+  SPDX-License-Identifier: GPL-3.0-or-later
+-->
+<template>
+  <div>
+    <cv-grid fullWidth>
+      <cv-row>
+        <cv-column :md="4" :xlg="10" class="page-title">
+          <h2>
+            {{ $t("applications.title") }}
+            <cv-interactive-tooltip
+              alignment="start"
+              direction="right"
+              class="info"
+            >
+              <template slot="content">
+                <i18n path="applications.title_tooltip" tag="p">
+                  <template v-slot:software>
+                    <cv-link @click="goToSoftwareCenter">
+                      {{ $t("software_center.title") }}
+                    </cv-link>
+                  </template>
+                </i18n>
+              </template>
+            </cv-interactive-tooltip>
+          </h2>
+        </cv-column>
+        <cv-column :md="4" :xlg="6">
+          <div class="page-toolbar">
+            <NsButton
+              kind="tertiary"
+              size="field"
+              :icon="Application20"
+              @click="showSoftwareCenterCoreApps()"
+              class="page-toolbar-item"
+              >{{ $t("software_center.core_apps") }}</NsButton
+            >
+          </div>
+        </cv-column>
+      </cv-row>
+      <cv-row v-if="error.listModules">
+        <cv-column>
+          <NsInlineNotification
+            kind="error"
+            :title="$t('action.list-modules')"
+            :description="error.listModules"
+            :showCloseButton="false"
+          />
+        </cv-column>
+      </cv-row>
+    </cv-grid>
+    <cv-grid fullWidth>
+      <cv-row>
+        <cv-column>
+          <cv-tile light>
+            <div class="data-table-filters">
+              <cv-search
+                :label="$t('common.search')"
+                :placeholder="$t('applications.filter_applications')"
+                :clear-aria-label="$t('common.clear_search')"
+                v-model="filter.text"
+                :disabled="loading.listModules"
+                size="large"
+                ref="tableSearch"
+                class="self-end search-limited-width"
+              >
+              </cv-search>
+              <NsComboBox
+                v-model="filter.moduleType"
+                :label="$t('common.choose')"
+                :title="$t('applications.type')"
+                :auto-filter="true"
+                :auto-highlight="true"
+                :options="moduleTypeOptions"
+                :disabled="loading.listModules"
+              >
+              </NsComboBox>
+              <NsComboBox
+                v-model="q.selectedNodeId"
+                :label="$t('common.choose')"
+                :title="$t('common.node')"
+                :auto-filter="true"
+                :auto-highlight="true"
+                :options="nodesTypeOptions"
+                :disabled="loading.listModules"
+              >
+              </NsComboBox>
+              <cv-link @click="clearFilters()" class="self-end mb-3 shrink-0"
+                >{{ $t("common.clear_filters") }}
+              </cv-link>
+            </div>
+
+            <NsDataTable
+              :allRows="filteredModules"
+              :columns="i18nTableColumns"
+              :rawColumns="tableColumns"
+              :sortable="true"
+              :pageSizes="[10, 25, 50, 100]"
+              :isSearchable="false"
+              :searchPlaceholder="$t('common.search')"
+              :searchClearLabel="$t('common.clear_search')"
+              :noSearchResultsLabel="$t('common.no_search_results')"
+              :noSearchResultsDescription="
+                $t('common.no_search_results_description')
+              "
+              :isLoading="loading.listModules"
+              :skeletonRows="5"
+              :isErrorShown="!!error.listModules"
+              :errorTitle="$t('action.list-modules')"
+              :errorDescription="error.listModules"
+              :itemsPerPageLabel="$t('pagination.items_per_page')"
+              :rangeOfTotalItemsLabel="$t('pagination.range_of_total_items')"
+              :ofTotalPagesLabel="$t('pagination.of_total_pages')"
+              :backwardText="$t('pagination.previous_page')"
+              :forwardText="$t('pagination.next_page')"
+              :pageNumberLabel="$t('pagination.page_number')"
+              @updatePage="tablePage = $event"
+            >
+              <template slot="empty-state">
+                <template v-if="hasActiveFilters && modules.length">
+                  <!-- no search results -->
+                  <NsEmptyState
+                    :title="$t('common.no_search_results')"
+                    key="no-results-empty-state"
+                  >
+                    <template #description>
+                      <div class="flex flex-col items-center text-center gap-2">
+                        <p>
+                          {{ $t("common.no_search_results_description") }}
+                        </p>
+                        <NsButton
+                          kind="ghost"
+                          size="field"
+                          @click="clearFilters()"
+                          >{{ $t("common.clear_filters") }}
+                        </NsButton>
+                      </div>
+                    </template>
+                  </NsEmptyState>
+                </template>
+                <template v-else>
+                  <!-- no applications installed -->
+                  <NsEmptyState :title="$t('applications.no_application')">
+                    <template #pictogram>
+                      <AppsPictogram />
+                    </template>
+                    <template #description>
+                      <div>
+                        {{ $t("applications.no_application_description") }}
+                      </div>
+                      <NsButton
+                        kind="primary"
+                        class="empty-state-button"
+                        :icon="ArrowRight20"
+                        @click="goToSoftwareCenter"
+                        :disabled="loading.listModules"
+                        >{{ $t("applications.go_to_software_center") }}
+                      </NsButton>
+                    </template>
+                  </NsEmptyState>
+                </template>
+              </template>
+              <template slot="data">
+                <cv-data-table-row
+                  v-for="(row, rowIndex) in tablePage"
+                  :key="`${rowIndex}`"
+                  :value="`${rowIndex}`"
+                >
+                  <cv-data-table-cell>
+                    <span>
+                      <a class="app-name" @click="openInstance(row)">
+                        {{
+                          row.ui_name
+                            ? row.ui_name + " (" + row.id + ")"
+                            : row.id
+                        }}
+                      </a>
+                    </span>
+                    <cv-interactive-tooltip
+                      v-if="row.ui_note"
+                      alignment="start"
+                      direction="right"
+                      class="info margin-left-sm"
+                    >
+                      <template slot="content">
+                        <span class="underline-tooltip">
+                          {{ row.ui_note }}
+                        </span>
+                      </template>
+                    </cv-interactive-tooltip>
+                  </cv-data-table-cell>
+                  <cv-data-table-cell>
+                    <a @click="showAppInfo(row.appInfoData)">
+                      <img
+                        :src="
+                          row.logo
+                            ? row.logo
+                            : require('@/assets/module_default_logo.png')
+                        "
+                        :alt="row.name + ' logo'"
+                        class="module-logo"
+                      />
+                      <span class="app-name">{{
+                        row.module.charAt(0).toUpperCase() + row.module.slice(1)
+                      }}</span>
+                    </a>
+                  </cv-data-table-cell>
+                  <cv-data-table-cell>
+                    <span>{{
+                      row.node_ui_name
+                        ? row.node_ui_name +
+                          " (" +
+                          $t("common.node") +
+                          " " +
+                          row.node +
+                          ")"
+                        : $t("common.node") + " " + row.node
+                    }}</span>
+                  </cv-data-table-cell>
+                  <cv-data-table-cell>
+                    <span>{{ row.version }}</span>
+                    <cv-tag
+                      v-if="row.update"
+                      class="mg-left-sm"
+                      kind="green"
+                      :label="$t('applications.update_available')"
+                    />
+                  </cv-data-table-cell>
+                  <cv-data-table-cell class="table-overflow-menu-cell">
+                    <cv-overflow-menu flip-menu class="table-overflow-menu">
+                      <cv-overflow-menu-item
+                        primary-focus
+                        @click="openInstance(row)"
+                      >
+                        <NsMenuItem
+                          :icon="Application20"
+                          :label="$t('applications.open')"
+                        />
+                      </cv-overflow-menu-item>
+                      <cv-overflow-menu-item
+                        @click="showSetInstanceLabelModal(row)"
+                      >
+                        <NsMenuItem
+                          :icon="Edit20"
+                          :label="$t('applications.edit_label')"
+                        />
+                      </cv-overflow-menu-item>
+                      <cv-overflow-menu-item @click="showAddNoteModal(row)">
+                        <NsMenuItem
+                          :label="
+                            row.ui_note
+                              ? $t('applications.edit_note')
+                              : $t('applications.add_note')
+                          "
+                        >
+                          <template slot="icon">
+                            <RequestQuote20 />
+                          </template>
+                        </NsMenuItem>
+                      </cv-overflow-menu-item>
+                      <!-- update to stable version -->
+                      <cv-overflow-menu-item
+                        v-if="row.update"
+                        :disabled="isUpdateInProgress"
+                        @click="updateInstance(row)"
+                      >
+                        <NsMenuItem
+                          :icon="Upgrade20"
+                          :label="$t('applications.update')"
+                        />
+                      </cv-overflow-menu-item>
+                      <cv-overflow-menu-item @click="showCloneAppModal(row)">
+                        <NsMenuItem
+                          :icon="Copy20"
+                          :label="$t('applications.clone')"
+                        />
+                      </cv-overflow-menu-item>
+                      <cv-overflow-menu-item
+                        @click="showMoveAppModal(row)"
+                        :disabled="clusterNodes.length < 2"
+                      >
+                        <NsMenuItem
+                          :icon="ArrowRight20"
+                          :label="$t('applications.move')"
+                        />
+                      </cv-overflow-menu-item>
+
+                      <cv-overflow-menu-item
+                        @click="showRestartModuleModal(row)"
+                      >
+                        <NsMenuItem
+                          :icon="Restart20"
+                          :label="$t('applications.restart')"
+                        />
+                      </cv-overflow-menu-item>
+
+                      <NsMenuDivider />
+                      <cv-overflow-menu-item
+                        danger
+                        @click="showUninstallModal(row)"
+                      >
+                        <NsMenuItem
+                          :icon="TrashCan20"
+                          :label="$t('applications.uninstall')"
+                        />
+                      </cv-overflow-menu-item>
+                    </cv-overflow-menu>
+                  </cv-data-table-cell>
+                </cv-data-table-row>
+              </template>
+            </NsDataTable>
+          </cv-tile>
+        </cv-column>
+      </cv-row>
+    </cv-grid>
+    <!-- set instance label modal -->
+    <SetInstanceLabelModal
+      :visible="isShownEditInstanceLabel"
+      :currentInstance="currentInstance"
+      :newInstanceLabel="newInstanceLabel"
+      @hide="hideSetInstanceLabelModal"
+      @setInstanceLabelCompleted="listModules"
+    />
+    <!-- uninstall instance modal -->
+    <NsDangerDeleteModal
+      :isShown="isShownUninstallModal"
+      :name="instanceToUninstall ? instanceToUninstall.id : ''"
+      :title="
+        $t('applications.app_uninstallation', {
+          app: instanceToUninstallLabel,
+        })
+      "
+      :warning="$t('common.please_read_carefully')"
+      :description="
+        $t('applications.uninstall_app', {
+          name: instanceToUninstallLabel,
+        })
+      "
+      :typeToConfirm="
+        $t('common.type_to_confirm', {
+          name: instanceToUninstall ? instanceToUninstall.id : '',
+        })
+      "
+      :isErrorShown="!!error.removeModule"
+      :errorTitle="$t('action.remove-module')"
+      :errorDescription="error.removeModule"
+      @hide="isShownUninstallModal = false"
+      @confirmDelete="uninstallInstance"
+    />
+    <!-- Restart instance modal -->
+    <RestartModuleModal
+      :visible="isShowRestartModuleModal"
+      :instanceToRestart="instanceToRestart"
+      @hide="hideRestartModuleModal"
+    />
+    <!-- Clone or Move instance modal -->
+    <CloneOrMoveAppModal
+      :isShown="cloneOrMove.isModalShown"
+      :isClone="cloneOrMove.isClone"
+      :instanceId="cloneOrMove.instanceId"
+      :instanceUiName="cloneOrMove.instanceUiName"
+      :installationNode="cloneOrMove.installationNode"
+      :app="appInfoData"
+      @hide="cloneOrMove.isModalShown = false"
+      @cloneOrMoveCompleted="listModules"
+    />
+    <!-- Update instance modal -->
+    <UpdateAppModal
+      :isShown="isShownUpdateModal"
+      :app="app"
+      :instance="instanceToUpdate"
+      :isUpdatingToTestingVersion="false"
+      @hide="isShownUpdateModal = false"
+      @updateCompleted="listModules"
+    />
+    <!-- Add note modal -->
+    <AddNoteModal
+      :visible="isShowNote"
+      :isEdit="noteText.length > 0"
+      :currentNote="noteText"
+      :noteInstance="noteInstance"
+      @hide="hideAddNoteModal"
+      @saveNoteCompleted="listModules"
+    />
+    <AppInfoModal
+      :app="appInfo.app"
+      :isShown="appInfo.isShown"
+      @close="onClose"
+    />
+  </div>
+</template>
+
+<script>
+import to from "await-to-js";
+import CloneOrMoveAppModal from "@/components/software-center/CloneOrMoveAppModal";
+import UpdateAppModal from "../components/software-center/UpdateAppModal";
+import SetInstanceLabelModal from "@/components/software-center/SetInstanceLabelModal.vue";
+import RestartModuleModal from "@/components/software-center/RestartModuleModal.vue";
+import AddNoteModal from "@/components/applications-center/AddNoteModal.vue";
+import RequestQuote20 from "@carbon/icons-vue/es/request-quote/20";
+import AppInfoModal from "@/components/software-center/AppInfoModal.vue";
+
+import {
+  QueryParamService,
+  UtilService,
+  TaskService,
+  IconService,
+  LottieService,
+  PageTitleService,
+} from "@nethserver/ns8-ui-lib";
+import { mapState, mapActions } from "vuex";
+
+export default {
+  name: "ApplicationsCenter",
+  components: {
+    CloneOrMoveAppModal,
+    UpdateAppModal,
+    SetInstanceLabelModal,
+    RestartModuleModal,
+    AddNoteModal,
+    RequestQuote20,
+    AppInfoModal,
+  },
+  mixins: [
+    IconService,
+    QueryParamService,
+    UtilService,
+    TaskService,
+    LottieService,
+    PageTitleService,
+  ],
+  pageTitle() {
+    return this.$t("applications.title");
+  },
+  data() {
+    return {
+      q: {
+        selectedNodeId: "",
+      },
+      isShownEditInstanceLabel: false,
+      currentInstance: null,
+      newInstanceLabel: "",
+      instanceToUninstall: null,
+      isShownUninstallModal: false,
+      isShowRestartModuleModal: false,
+      instanceToRestart: null,
+      cloneOrMove: {
+        isModalShown: false,
+        isClone: false,
+        instanceId: "",
+        instanceUiName: null,
+        installationNode: 1,
+      },
+      appInfoData: {
+        install_destinations: [],
+      },
+      instanceToUpdate: null,
+      isShownUpdateModal: false,
+      appUpdates: [],
+      app: null,
+      modules: [],
+      tableColumns: ["name", "type", "node", "version"],
+      tablePage: [],
+      filter: {
+        moduleType: "",
+        text: "",
+      },
+      moduleTypeOptions: [],
+      nodesTypeOptions: [],
+      loading: {
+        listModules: true,
+        addNote: false,
+      },
+      error: {
+        listModules: "",
+        removeModule: "",
+        addNote: "",
+      },
+      isShowNote: false,
+      noteInstance: null,
+      noteText: "",
+      appInfo: {
+        isShown: false,
+        app: null,
+      },
+    };
+  },
+  computed: {
+    ...mapState(["isUpdateInProgress", "clusterNodes", "isUpdateInProgress"]),
+    instanceToUninstallLabel() {
+      if (!this.instanceToUninstall) {
+        return "";
+      }
+
+      return this.instanceToUninstall.ui_name
+        ? `${this.instanceToUninstall.ui_name} (${this.instanceToUninstall.id})`
+        : this.instanceToUninstall.id;
+    },
+    i18nTableColumns() {
+      // Last column is for overflow menu, so header should be empty
+      return [
+        this.$t("applications.name"),
+        this.$t("applications.type"),
+        this.$t("applications.node"),
+        this.$t("applications.version"),
+        "",
+      ];
+    },
+    hasActiveFilters() {
+      return (
+        (this.filter.text && this.filter.text.trim() !== "") ||
+        (this.filter.moduleType && this.filter.moduleType !== "any") ||
+        (this.q.selectedNodeId && this.q.selectedNodeId !== "any")
+      );
+    },
+    filteredModules() {
+      let filteredModules = this.modules;
+
+      // filter by module type
+      if (
+        this.filter.moduleType &&
+        this.filter.moduleType !== "any" &&
+        this.filter.moduleType.length > 0
+      ) {
+        filteredModules = filteredModules.filter(
+          (module) => module.module === this.filter.moduleType
+        );
+      }
+
+      // filter by selected node id
+      if (
+        this.q.selectedNodeId &&
+        this.q.selectedNodeId !== "any" &&
+        this.q.selectedNodeId.length > 0
+      ) {
+        filteredModules = filteredModules.filter(
+          (module) => module.node === this.q.selectedNodeId
+        );
+      }
+      // filter by text
+      if (this.filter.text && this.filter.text.length > 0) {
+        const searchText = this.filter.text.toLowerCase();
+        filteredModules = filteredModules.filter((module) => {
+          return (
+            (module.ui_name &&
+              module.ui_name.toLowerCase().includes(searchText)) ||
+            module.id.toLowerCase().includes(searchText) ||
+            module.module.toLowerCase().includes(searchText) ||
+            (module.node_ui_name &&
+              module.node_ui_name.toLowerCase().includes(searchText)) ||
+            module.node.toLowerCase().includes(searchText) ||
+            module.version.toLowerCase().includes(searchText)
+          );
+        });
+      }
+
+      return filteredModules;
+    },
+  },
+  beforeRouteEnter(to, from, next) {
+    next((vm) => {
+      vm.watchQueryData(vm);
+      vm.queryParamsToDataForCore(vm, to.query);
+    });
+  },
+  beforeRouteUpdate(to, from, next) {
+    this.queryParamsToDataForCore(this, to.query);
+    next();
+  },
+  created() {
+    this.listModules();
+  },
+  methods: {
+    ...mapActions(["setUpdateInProgressInStore"]),
+    showAppInfo(app) {
+      this.appInfo.isShown = true;
+      this.appInfo.app = app;
+    },
+    onClose() {
+      const context = this;
+
+      // needed to reset modal scroll to top
+      setTimeout(() => {
+        context.appInfo.isShown = false;
+      }, 250);
+    },
+    clearFilters() {
+      this.q.selectedNodeId = "any";
+      this.filter.text = "";
+      this.filter.moduleType = "any";
+    },
+    updateInstance(instance) {
+      this.instanceToUpdate = instance;
+      this.app = this.appUpdates.find(
+        (app) => app.id.toLowerCase() === instance.module.toLowerCase()
+      );
+      this.isShownUpdateModal = true;
+    },
+    showCloneAppModal(instance) {
+      this.cloneOrMove.isClone = true;
+      this.cloneOrMove.instanceId = instance.id;
+      this.cloneOrMove.instanceUiName = instance.ui_name;
+      this.cloneOrMove.installationNode = parseInt(instance.node);
+      this.appInfoData = instance.appInfoData;
+      this.cloneOrMove.isModalShown = true;
+    },
+    showMoveAppModal(instance) {
+      this.cloneOrMove.isClone = false;
+      this.cloneOrMove.instanceId = instance.id;
+      this.cloneOrMove.instanceUiName = instance.ui_name;
+      this.cloneOrMove.installationNode = parseInt(instance.node);
+      this.appInfoData = instance.appInfoData;
+      this.cloneOrMove.isModalShown = true;
+    },
+    showRestartModuleModal(instance) {
+      this.instanceToRestart = instance;
+      this.isShowRestartModuleModal = true;
+    },
+    hideRestartModuleModal() {
+      this.isShowRestartModuleModal = false;
+    },
+    showUninstallModal(instance) {
+      this.instanceToUninstall = instance;
+      this.error.removeModule = "";
+      this.isShownUninstallModal = true;
+    },
+    async uninstallInstance() {
+      this.error.removeModule = "";
+      const taskAction = "remove-module";
+      const eventId = this.getUuid();
+
+      // register to task error
+      this.$root.$once(
+        `${taskAction}-aborted-${eventId}`,
+        this.removeModuleAborted
+      );
+
+      // register to task completion
+      this.$root.$once(
+        `${taskAction}-completed-${eventId}`,
+        this.removeModuleCompleted
+      );
+
+      const res = await to(
+        this.createClusterTask({
+          action: taskAction,
+          data: {
+            module_id: this.instanceToUninstall.id,
+            preserve_data: false,
+          },
+          extra: {
+            title: this.$t("applications.instance_uninstallation", {
+              instance: this.instanceToUninstall.ui_name
+                ? this.instanceToUninstall.ui_name
+                : this.instanceToUninstall.id,
+            }),
+            description: this.$t("applications.uninstalling"),
+            eventId,
+          },
+        })
+      );
+      const err = res[0];
+
+      if (err) {
+        console.error(`error creating task ${taskAction}`, err);
+        this.error.removeModule = this.getErrorMessage(err);
+        return;
+      }
+      this.isShownUninstallModal = false;
+    },
+    removeModuleAborted(taskResult, taskContext) {
+      console.error(`${taskContext.action} aborted`, taskResult);
+      this.error.removeModule = this.$t("error.generic_error");
+    },
+    removeModuleCompleted() {
+      this.listModules();
+    },
+    showSetInstanceLabelModal(instance) {
+      this.currentInstance = instance;
+      this.newInstanceLabel = instance.ui_name;
+      this.isShownEditInstanceLabel = true;
+    },
+    hideSetInstanceLabelModal() {
+      this.isShownEditInstanceLabel = false;
+    },
+    openInstance(instance) {
+      this.$router.push(`/apps/${instance.id}`);
+    },
+    goToSoftwareCenter() {
+      this.$router.push("/software-center");
+    },
+    async listModules() {
+      this.loading.listModules = true;
+      this.error.listModules = "";
+      const taskAction = "list-modules";
+      const eventId = this.getUuid();
+
+      // register to task completion
+      this.$root.$once(
+        `${taskAction}-completed-${eventId}`,
+        this.listModulesCompleted
+      );
+      // register to task error
+      this.$root.$once(
+        `${taskAction}-aborted-${eventId}`,
+        this.listModulesAborted
+      );
+      const res = await to(
+        this.createClusterTask({
+          action: taskAction,
+          extra: {
+            title: this.$t("action." + taskAction),
+            isNotificationHidden: true,
+            eventId,
+          },
+        })
+      );
+      const err = res[0];
+
+      if (err) {
+        console.error(`error creating task ${taskAction}`, err);
+        this.error.listModules = this.getErrorMessage(err);
+        this.loading.listModules = false;
+        return;
+      }
+    },
+    listModulesAborted(taskResult, taskContext) {
+      console.error(`${taskContext.action} aborted`, taskResult);
+      this.error.listModules = this.$t("error.generic_error");
+      this.loading.listModules = false;
+    },
+    listModulesCompleted(taskContext, taskResult) {
+      let modules = taskResult.output;
+      let appUpdates = [];
+
+      for (const module of modules) {
+        const hasStableUpdate = module.updates.some((update) => update.update);
+
+        if (hasStableUpdate) {
+          appUpdates.push(module);
+        }
+
+        // sort installed instances
+        module.installed.sort(this.sortModuleInstances());
+      }
+      this.appUpdates = appUpdates;
+
+      // extract installed modules
+      const extractedModules = [];
+      for (const obj of modules) {
+        const updates = obj.updates;
+        for (const item of obj.installed) {
+          // look for updates for this item
+          const updateEntry = updates.find((u) => u.id === item.id);
+          // if found, merge data from updateEntry into item
+          const source = updateEntry || item;
+          extractedModules.push({
+            id: source.id || "",
+            // Use module logo URL if available, else fallback to instance logo later in the template
+            logo: obj.logo && obj.logo.startsWith("http") ? obj.logo : "",
+            module: source.module || "",
+            node: source.node || "",
+            node_ui_name: source.node_ui_name || "",
+            ui_name: source.ui_name || "",
+            ui_note: source.ui_note || "",
+            version: source.version || "",
+            update: source.update || "",
+            appInfoData: obj, // needed for clone/move/info modals
+          });
+        }
+      }
+      // sort by id
+      extractedModules.sort(this.sortByProperty("id"));
+      this.modules = extractedModules;
+
+      // map module types for filter
+      const moduleTypes = [
+        {
+          name: "any",
+          label: this.$t("common.any"),
+          value: "any",
+        },
+        ...Array.from(
+          new Map(
+            this.modules.map((m) => [
+              m.module,
+              {
+                name: m.module,
+                value: m.module,
+                label: m.module.charAt(0).toUpperCase() + m.module.slice(1),
+              },
+            ])
+          ).values()
+        ),
+      ];
+      this.moduleTypeOptions = moduleTypes;
+
+      // Ensure unique node values for filter
+      const nodesForFilter = [
+        {
+          name: "any",
+          label: this.$t("common.any"),
+          value: "any",
+        },
+        ...Array.from(
+          new Map(
+            this.modules.map((m) => [
+              m.node,
+              {
+                name: m.node,
+                value: m.node,
+                label: m.node_ui_name
+                  ? `${m.node_ui_name} (${this.$t("common.node")} ${m.node})`
+                  : `${this.$t("common.node")} ${m.node}`,
+              },
+            ])
+          ).values()
+        ),
+      ];
+      this.nodesTypeOptions = nodesForFilter;
+
+      this.$nextTick(() => {
+        if (!this.q.selectedNodeId) {
+          this.q.selectedNodeId = "any";
+        } else {
+          const nodeId = this.q.selectedNodeId;
+          // workaround to update combo box
+          this.q.selectedNodeId = "";
+          this.$nextTick(() => {
+            this.q.selectedNodeId = nodeId;
+          });
+        }
+        if (!this.filter.moduleType) {
+          this.filter.moduleType = "any";
+        } else {
+          const moduleType = this.filter.moduleType;
+          // workaround to update combo box
+          this.filter.moduleType = "";
+          this.$nextTick(() => {
+            this.filter.moduleType = moduleType;
+          });
+        }
+      });
+
+      this.loading.listModules = false;
+    },
+    showSoftwareCenterCoreApps() {
+      this.$router.push("/software-center/core-apps");
+    },
+    hideAddNoteModal() {
+      this.isShowNote = false;
+    },
+    showAddNoteModal(instance) {
+      this.noteInstance = instance;
+      this.noteText = instance.ui_note || "";
+      this.isShowNote = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "../styles/carbon-utils";
+
+.app-search {
+  margin-bottom: $spacing-07;
+}
+
+.switcher {
+  margin-bottom: $spacing-05;
+}
+
+.search-results-title {
+  margin-top: $spacing-07;
+  margin-bottom: $spacing-03;
+}
+
+.search-limited-width {
+  max-width: 16.625rem; // 266px / 16
+  min-width: 11.25rem; // 180px / 16
+}
+
+.module-logo {
+  height: 32px;
+  vertical-align: middle;
+  margin-right: 8px;
+}
+.app-name {
+  font-weight: 600;
+}
+</style>
diff --git a/core/ui/src/views/ClusterStatus.vue b/core/ui/src/views/ClusterStatus.vue
index e84940a00..2aa61609e 100644
--- a/core/ui/src/views/ClusterStatus.vue
+++ b/core/ui/src/views/ClusterStatus.vue
@@ -129,9 +129,9 @@
               <NsButton
                 kind="ghost"
                 :icon="ArrowRight20"
-                @click="$router.push('/software-center?search=&view=installed')"
+                @click="$router.push('/applications-center')"
               >
-                {{ $t("cluster_status.go_to_software_center") }}
+                {{ $t("cluster_status.go_to_applications") }}
               </NsButton>
             </template>
           </NsInfoCard>
diff --git a/core/ui/src/views/NodeDetail.vue b/core/ui/src/views/NodeDetail.vue
index 24746beb0..ff33af636 100644
--- a/core/ui/src/views/NodeDetail.vue
+++ b/core/ui/src/views/NodeDetail.vue
@@ -119,9 +119,9 @@
                     <span class="label">{{
                       $t("node_detail.applications_count")
                     }}</span>
-                    <!-- <cv-link @click.prevent="goToApplications">  -->
-                    {{ nodeStatus.app_count }}
-                    <!-- </cv-link> -->
+                    <cv-link @click.prevent="goToApplications">
+                      {{ nodeStatus.app_count }}
+                    </cv-link>
                   </div>
                 </template>
                 <template
@@ -658,8 +658,8 @@ export default {
     },
     goToApplications() {
       this.$router.push({
-        name: "applications",
-        params: { nodeId: this.nodeId },
+        path: "/applications-center",
+        query: { node: this.nodeId },
       });
     },
     async listNodes() {
diff --git a/core/ui/src/views/SoftwareCenter.vue b/core/ui/src/views/SoftwareCenter.vue
index 9842eeb21..cee299a06 100644
--- a/core/ui/src/views/SoftwareCenter.vue
+++ b/core/ui/src/views/SoftwareCenter.vue
@@ -7,7 +7,24 @@
     <cv-grid fullWidth>
       <cv-row>
         <cv-column :md="4" :xlg="10" class="page-title">
-          <h2>{{ $t("software_center.title") }}</h2>
+          <h2>
+            {{ $t("software_center.title") }}
+            <cv-interactive-tooltip
+              alignment="start"
+              direction="right"
+              class="info"
+            >
+              <template slot="content">
+                <i18n path="software_center.title_tooltip" tag="p">
+                  <template v-slot:applications>
+                    <cv-link @click="goToApplicationsCenter">
+                      {{ $t("applications.title") }}
+                    </cv-link>
+                  </template>
+                </i18n>
+              </template>
+            </cv-interactive-tooltip>
+          </h2>
         </cv-column>
         <cv-column :md="4" :xlg="6">
           <div class="page-toolbar">
@@ -478,6 +495,9 @@ export default {
   },
   methods: {
     ...mapActions(["setUpdateInProgressInStore"]),
+    goToApplicationsCenter() {
+      this.$router.push("/applications-center");
+    },
     async listModules() {
       this.loading.listModules = true;
       this.error.listModules = "";
diff --git a/core/ui/src/views/SoftwareCenterAppInstances.vue b/core/ui/src/views/SoftwareCenterAppInstances.vue
index 73e1d7e4a..8c0b5471d 100644
--- a/core/ui/src/views/SoftwareCenterAppInstances.vue
+++ b/core/ui/src/views/SoftwareCenterAppInstances.vue
@@ -70,16 +70,6 @@
           />
         </cv-column>
       </cv-row>
-      <cv-row v-if="error.restartModule">
-        <cv-column>
-          <NsInlineNotification
-            kind="error"
-            :title="$t('action.restart-module')"
-            :description="error.restartModule"
-            :showCloseButton="false"
-          />
-        </cv-column>
-      </cv-row>
       <cv-row v-if="updateInstancesTimeout">
         <cv-column>
           <NsInlineNotification
@@ -401,37 +391,11 @@
       @updateCompleted="onUpdateCompleted"
     />
     <!-- Restart instance modal -->
-    <NsModal
-      size="default"
+    <RestartModuleModal
       :visible="isShowRestartModuleModal"
-      @modal-hidden="hideRestartModuleModal"
-      @primary-click="restartModule"
-    >
-      <template slot="title">{{
-        $t("software_center.app_restart", {
-          app: instanceToRestart ? instanceToRestart.id : "",
-        })
-      }}</template>
-      <template slot="content">
-        <NsInlineNotification
-          kind="warning"
-          :title="$t('common.please_read_carefully')"
-          :description="$t('software_center.restart_module_warning')"
-          :showCloseButton="false"
-        />
-        <div>
-          {{
-            $t("software_center.restart_app", {
-              name: instanceToRestart ? instanceToRestart.id : "",
-            })
-          }}
-        </div>
-      </template>
-      <template slot="secondary-button">{{ $t("common.cancel") }}</template>
-      <template slot="primary-button">{{
-        $t("software_center.restart_instance")
-      }}</template>
-    </NsModal>
+      :instanceToRestart="instanceToRestart"
+      @hide="hideRestartModuleModal"
+    />
 
     <!-- uninstall instance modal -->
     <NsDangerDeleteModal
@@ -460,48 +424,13 @@
       @confirmDelete="uninstallInstance"
     />
     <!-- set instance label modal -->
-    <NsModal
-      size="default"
+    <SetInstanceLabelModal
       :visible="isShownEditInstanceLabel"
-      @modal-hidden="hideSetInstanceLabelModal"
-      @primary-click="setInstanceLabel"
-    >
-      <template slot="title">{{
-        $t("software_center.edit_instance_label")
-      }}</template>
-      <template slot="content">
-        <template v-if="currentInstance">
-          <cv-form @submit.prevent="setInstanceLabel">
-            <cv-text-input
-              :label="
-                $t('software_center.instance_label') +
-                ' (' +
-                $t('common.optional') +
-                ')'
-              "
-              v-model.trim="newInstanceLabel"
-              :placeholder="$t('common.no_label')"
-              :helper-text="$t('software_center.instance_label_tooltip')"
-              maxlength="24"
-              ref="newInstanceLabel"
-              data-modal-primary-focus
-            >
-            </cv-text-input>
-            <NsInlineNotification
-              v-if="error.setInstanceLabel"
-              kind="error"
-              :title="$t('action.set-name')"
-              :description="error.setInstanceLabel"
-              :showCloseButton="false"
-            />
-          </cv-form>
-        </template>
-      </template>
-      <template slot="secondary-button">{{ $t("common.cancel") }}</template>
-      <template slot="primary-button">{{
-        $t("software_center.edit_instance_label")
-      }}</template>
-    </NsModal>
+      :currentInstance="currentInstance"
+      :newInstanceLabel="newInstanceLabel"
+      @hide="hideSetInstanceLabelModal"
+      @setInstanceLabelCompleted="listModules"
+    />
     <CloneOrMoveAppModal
       :isShown="cloneOrMove.isModalShown"
       :isClone="cloneOrMove.isClone"
@@ -528,6 +457,8 @@ import {
 import { mapState, mapActions } from "vuex";
 import CloneOrMoveAppModal from "@/components/software-center/CloneOrMoveAppModal";
 import UpdateAppModal from "../components/software-center/UpdateAppModal";
+import SetInstanceLabelModal from "@/components/software-center/SetInstanceLabelModal.vue";
+import RestartModuleModal from "@/components/software-center/RestartModuleModal.vue";
 import Information16 from "@carbon/icons-vue/es/information/16";
 
 export default {
@@ -537,6 +468,8 @@ export default {
     CloneOrMoveAppModal,
     UpdateAppModal,
     Information16,
+    SetInstanceLabelModal,
+    RestartModuleModal,
   },
   mixins: [
     TaskService,
@@ -578,7 +511,6 @@ export default {
       },
       loading: {
         modules: true,
-        setInstanceLabel: false,
         updateModule: false,
       },
       error: {
@@ -587,7 +519,6 @@ export default {
         addFavorite: "",
         removeFavorite: "",
         setNodeLabel: "",
-        setInstanceLabel: "",
         updateModule: "",
       },
     };
@@ -841,114 +772,22 @@ export default {
     },
     showRestartModuleModal(instance) {
       this.instanceToRestart = instance;
-      this.error.restartModule = "";
       this.isShowRestartModuleModal = true;
     },
     hideRestartModuleModal() {
       this.isShowRestartModuleModal = false;
     },
-    async restartModule() {
-      this.error.restartModule = "";
-      const taskAction = "restart-module";
-      const eventId = this.getUuid();
-
-      // register to task error
-      this.$root.$once(
-        `${taskAction}-aborted-${eventId}`,
-        this.restartModuleAborted
-      );
-
-      // register to task completion
-      this.$root.$once(
-        `${taskAction}-completed-${eventId}`,
-        this.restartModuleCompleted
-      );
-
-      const res = await to(
-        this.createNodeTask(this.instanceToRestart.node, {
-          action: taskAction,
-          data: {
-            module_id: this.instanceToRestart.id,
-          },
-          extra: {
-            title: this.$t("software_center.restart_instance_name", {
-              instance: this.instanceToRestart.ui_name
-                ? this.instanceToRestart.ui_name
-                : this.instanceToRestart.id,
-            }),
-            description: this.$t("software_center.restarting"),
-            eventId,
-          },
-        })
-      );
-      const err = res[0];
-
-      if (err) {
-        console.error(`error creating task ${taskAction}`, err);
-        this.error.restartModule = this.getErrorMessage(err);
-        return;
-      }
-      this.isShowRestartModuleModal = false;
-    },
-    restartModuleAborted(taskResult, taskContext) {
-      console.error(`${taskContext.action} aborted`, taskResult);
-      this.error.restartModule = this.$t("error.generic_error");
-    },
-    restartModuleCompleted() {
-      this.isShowRestartModuleModal = false;
-    },
     installInstance() {
       this.isShownInstallModal = true;
     },
     showSetInstanceLabelModal(instance) {
       this.currentInstance = instance;
       this.newInstanceLabel = instance.ui_name;
-      this.error.setInstanceLabel = "";
       this.isShownEditInstanceLabel = true;
     },
     hideSetInstanceLabelModal() {
       this.isShownEditInstanceLabel = false;
     },
-    async setInstanceLabel() {
-      this.error.setInstanceLabel = "";
-      this.loading.setInstanceLabel = true;
-      const taskAction = "set-name";
-
-      // register to task completion
-      this.$root.$once(
-        taskAction + "-completed",
-        this.setInstanceLabelCompleted
-      );
-
-      const res = await to(
-        this.createModuleTaskForApp(this.currentInstance.id, {
-          action: taskAction,
-          data: {
-            name: this.newInstanceLabel,
-          },
-          extra: {
-            title: this.$t("action." + taskAction),
-            isNotificationHidden: true,
-          },
-        })
-      );
-      const err = res[0];
-
-      if (err) {
-        console.error(`error creating task ${taskAction}`, err);
-        this.error.setInstanceLabel = this.getErrorMessage(err);
-        this.loading.setInstanceLabel = false;
-        return;
-      }
-    },
-    setInstanceLabelCompleted() {
-      this.loading.setInstanceLabel = false;
-      this.hideSetInstanceLabelModal();
-      this.listModules();
-
-      // update instance label in app drawer
-      this.$root.$emit("reloadAppDrawer");
-    },
     showCloneAppModal(instance) {
       this.cloneOrMove.isClone = true;
       this.cloneOrMove.instanceId = instance.id;
diff --git a/core/ui/yarn.lock b/core/ui/yarn.lock
index b212bdf6c..18bb4f5a7 100644
--- a/core/ui/yarn.lock
+++ b/core/ui/yarn.lock
@@ -2009,9 +2009,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nethserver/ns8-ui-lib@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "@nethserver/ns8-ui-lib@npm:1.5.0"
+"@nethserver/ns8-ui-lib@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "@nethserver/ns8-ui-lib@npm:1.6.0"
   dependencies:
     "@rollup/plugin-json": ^4.1.0
     core-js: ^3.15.2
@@ -2020,7 +2020,7 @@ __metadata:
     vue-date-fns: ^2.0.1
   peerDependencies:
     vue: ^2.6.12
-  checksum: 56cdadd11d2265885bd28903cc0681460491cd5cd1a954bbcc222dc40256c748e34c8da37806d40675ee8f4ad1a18a973dab22d4b24d8f2fb19d03a7aa06b7d5
+  checksum: 5c84f4838951beca28020666cb29e01f0dcb4c1474bd75e8d5826219d88dd9a9d7b0bb6c9424f547d4ca45b723c55522276e1a55fd497e06f0a749da694bbf88
   languageName: node
   linkType: hard
 
@@ -13285,7 +13285,7 @@ __metadata:
     "@carbon/icons-vue": ^10.37.0
     "@carbon/themes": ^10.34.0
     "@carbon/vue": ^2.40.0
-    "@nethserver/ns8-ui-lib": ^1.5.0
+    "@nethserver/ns8-ui-lib": ^1.6.0
     "@storybook/addon-actions": ^6.2.9
     "@storybook/addon-essentials": ^6.2.9
     "@storybook/addon-links": ^6.2.9