diff --git a/.github/workflows/common-config.yml b/.github/workflows/common-config.yml
index 8ffb56c..5f33489 100644
--- a/.github/workflows/common-config.yml
+++ b/.github/workflows/common-config.yml
@@ -69,7 +69,7 @@ jobs:
       - run: yarn install --no-frozen-lockfile
 
       - name: Build
-        run: yarn ${{ inputs.PACKAGE_BUILD_SCRIPT }}
+        run: ${{ inputs.PACKAGE_BUILD_SCRIPT }}
 
       - name: Check if version has been updated
         id: check
diff --git a/.github/workflows/release-controlhub-demo.yml b/.github/workflows/release-controlhub-demo.yml
new file mode 100644
index 0000000..e449743
--- /dev/null
+++ b/.github/workflows/release-controlhub-demo.yml
@@ -0,0 +1,36 @@
+name: Update AdminConsole Frontend
+
+on:
+  workflow_dispatch:
+
+  pull_request:
+    types:
+      - opened
+    branches:
+      - 'main'
+      - 'bug/fix-0729_beta'
+    paths:
+      - 'apps/adminConsole/package.json'
+  push:
+    branches:
+      - 'main'
+      - 'chore/apps'
+    paths:
+      - 'apps/adminConsole/**'
+      - 'apps/common/**'
+      - .github/workflows/update-admin-console.yml
+      - .github/workflows/common-config.yml
+      - nginx.conf
+
+jobs:
+  call-nodes-ci:
+    uses: ./.github/workflows/common-config.yml
+    with:
+      NODE_VERSION: '16.14'
+      PACKAGE_NAME: controlhub-demo
+      PACKAGE_PATH: apps/adminConsole/package.json
+      DIR_PATH: apps/adminConsole
+      DOCKERFILE_PATH: Dockerfile-admin-console-client
+      PACKAGE_BUILD_SCRIPT: DEMO=true yarn build:console
+      DEFAULT_VERSION: latest
+    secrets: inherit
diff --git a/.github/workflows/update-admin-console.yml b/.github/workflows/update-admin-console.yml
index 7e7061e..2917f22 100644
--- a/.github/workflows/update-admin-console.yml
+++ b/.github/workflows/update-admin-console.yml
@@ -3,14 +3,6 @@ name: Update AdminConsole Frontend
 on:
   workflow_dispatch:
 
-  pull_request:
-    types:
-      - opened
-    branches:
-      - 'main'
-      - 'bug/fix-0729_beta'
-    paths:
-      - 'apps/adminConsole/package.json'
   push:
     branches:
       - 'main'
@@ -31,6 +23,6 @@ jobs:
       PACKAGE_PATH: apps/adminConsole/package.json
       DIR_PATH: apps/adminConsole
       DOCKERFILE_PATH: Dockerfile-admin-console-client
-      PACKAGE_BUILD_SCRIPT: build:console
+      PACKAGE_BUILD_SCRIPT: yarn build:console
       DEFAULT_VERSION: latest
     secrets: inherit
diff --git a/.github/workflows/update-monitoring.yml b/.github/workflows/update-monitoring.yml
index 3560313..9f3953c 100644
--- a/.github/workflows/update-monitoring.yml
+++ b/.github/workflows/update-monitoring.yml
@@ -25,6 +25,6 @@ jobs:
       PACKAGE_PATH: apps/monitoring/package.json
       DIR_PATH: apps/monitoring
       DOCKERFILE_PATH: Dockerfile-monitoring-client
-      PACKAGE_BUILD_SCRIPT: build:monitoring
+      PACKAGE_BUILD_SCRIPT: yarn build:monitoring
       DEFAULT_VERSION: latest
     secrets: inherit
diff --git a/.github/workflows/update-server.yml b/.github/workflows/update-server.yml
index 6ecb38a..6555a00 100644
--- a/.github/workflows/update-server.yml
+++ b/.github/workflows/update-server.yml
@@ -3,13 +3,6 @@ name: Update Server
 on:
   workflow_dispatch:
 
-  pull_request:
-    types:
-      - opened
-    branches:
-      - 'main'
-    paths:
-      - 'apps/server/package.json'
   push:
     branches:
       - 'main'
diff --git a/apps/adminConsole/quasar.config.js b/apps/adminConsole/quasar.config.js
index 34d0cf6..045176f 100644
--- a/apps/adminConsole/quasar.config.js
+++ b/apps/adminConsole/quasar.config.js
@@ -58,7 +58,8 @@ module.exports = configure(function (ctx) {
 				LOGIN_USERNAME: process.env.LOGIN_USERNAME,
 				LOGIN_PASSWORD: process.env.LOGIN_PASSWORD,
 				AUTH_TOKEN: process.env.AUTH_TOKEN,
-				ACCOUNT: process.env.ACCOUNT
+				ACCOUNT: process.env.ACCOUNT,
+				DEMO: process.env.DEMO
 			},
 
 			// Add dependencies for transpiling with Babel (Array of string/regex)
diff --git a/apps/adminConsole/src/layouts/MainLayout.vue b/apps/adminConsole/src/layouts/MainLayout.vue
index 66db932..cfb71a3 100644
--- a/apps/adminConsole/src/layouts/MainLayout.vue
+++ b/apps/adminConsole/src/layouts/MainLayout.vue
@@ -25,6 +25,7 @@ import { onMounted, computed } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { useSplitMenu } from '@packages/ui/src/stores/menu';
 import { useI18n } from 'vue-i18n';
+import { useAppDetailStore } from 'src/stores/AppDetail';
 import {
 	updateBreadcrumbs,
 	options,
@@ -34,26 +35,32 @@ import {
 	options3
 } from './breadcrumbs';
 const { t } = useI18n();
-
+const appDetailStore = useAppDetailStore();
 const splitMenu = useSplitMenu();
 
-const items = computed(() => [
-	{
-		key: 'terminus',
-		label: t('TERMINUS'),
-		children: options.value
-	},
-	{
-		key: 'resource',
-		label: t('RESOURCE'),
-		children: options2.value
-	},
-	{
-		key: 'middleware',
-		label: t('MIDDLEWARE'),
-		children: options3.value
-	}
-]);
+const items = computed(() => {
+	const item1 = [
+		{
+			key: 'terminus',
+			label: t('TERMINUS'),
+			children: options.value
+		},
+		{
+			key: 'resource',
+			label: t('RESOURCE'),
+			children: options2.value
+		}
+	];
+	const item2 = [
+		{
+			key: 'middleware',
+			label: t('MIDDLEWARE'),
+			children: options3.value
+		}
+	];
+
+	return appDetailStore.isDemo ? item1 : item1.concat(item2);
+});
 
 const optionsAll = [...options.value, ...options2.value, ...options3.value];
 
diff --git a/apps/adminConsole/src/layouts/breadcrumbs.ts b/apps/adminConsole/src/layouts/breadcrumbs.ts
index 21c8819..285702d 100644
--- a/apps/adminConsole/src/layouts/breadcrumbs.ts
+++ b/apps/adminConsole/src/layouts/breadcrumbs.ts
@@ -1,5 +1,6 @@
 import { ref, computed } from 'vue';
 import { t } from 'src/boot/i18n';
+import { useAppDetailStore } from 'src/stores/AppDetail';
 export interface Breadcrumb {
 	title: string;
 	icon?: string;
@@ -83,11 +84,13 @@ export const options3 = computed(() => [
 	}
 ]);
 
-const optionAll = computed(() => [
-	...options.value,
-	...options2.value,
-	...options3.value
-]);
+const optionAll = computed(() => {
+	const appDetailsStore = useAppDetailStore();
+
+	return appDetailsStore.isDemo
+		? [...options.value, ...options2.value]
+		: [...options.value, ...options2.value, ...options3.value];
+});
 export const active = ref(optionAll.value[0].key);
 export const currentItem = computed(() =>
 	optionAll.value.find((item) => item.key === active.value)
diff --git a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Configmaps.vue b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Configmaps.vue
index e24016f..a118e95 100644
--- a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Configmaps.vue
+++ b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Configmaps.vue
@@ -2,7 +2,7 @@
 	<MyContentPage>
 		<template #extra>
 			<div class="col-auto">
-				<QButtonStyle>
+				<QButtonStyle v-permission>
 					<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler">
 						<q-tooltip>
 							<div style="white-space: nowrap">
diff --git a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Secrets.vue b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Secrets.vue
index 8e183e2..b31fcd6 100644
--- a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Secrets.vue
+++ b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/Secrets.vue
@@ -2,7 +2,7 @@
 	<MyContentPage>
 		<template #extra>
 			<div class="col-auto">
-				<QButtonStyle>
+				<QButtonStyle v-permission>
 					<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler">
 						<q-tooltip>
 							<div style="white-space: nowrap">
diff --git a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/ServiceAccounts.vue b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/ServiceAccounts.vue
index 3f5a3eb..c5d37bb 100644
--- a/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/ServiceAccounts.vue
+++ b/apps/adminConsole/src/pages/ApplicationSpaces/Configurations/ServiceAccounts.vue
@@ -2,7 +2,7 @@
 	<MyContentPage>
 		<template #extra>
 			<div class="col-auto">
-				<QButtonStyle>
+				<QButtonStyle v-permission>
 					<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler">
 						<q-tooltip>
 							<div style="white-space: nowrap">
diff --git a/apps/adminConsole/src/pages/ApplicationSpaces/Services/Detail.vue b/apps/adminConsole/src/pages/ApplicationSpaces/Services/Detail.vue
index 0869596..0b32e41 100644
--- a/apps/adminConsole/src/pages/ApplicationSpaces/Services/Detail.vue
+++ b/apps/adminConsole/src/pages/ApplicationSpaces/Services/Detail.vue
@@ -3,7 +3,7 @@
 		<MyContentPage>
 			<template #extra>
 				<div class="col-auto">
-					<QButtonStyle>
+					<QButtonStyle v-permission>
 						<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler">
 							<q-tooltip>
 								<div style="white-space: nowrap">
@@ -12,7 +12,7 @@
 							</q-tooltip>
 						</q-btn>
 					</QButtonStyle>
-					<QButtonStyle>
+					<QButtonStyle v-permission>
 						<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler2">
 							<q-tooltip>
 								<div style="white-space: nowrap">
diff --git a/apps/adminConsole/src/pages/ApplicationSpaces/Workloads/Detail.vue b/apps/adminConsole/src/pages/ApplicationSpaces/Workloads/Detail.vue
index baff13f..c29cf5a 100644
--- a/apps/adminConsole/src/pages/ApplicationSpaces/Workloads/Detail.vue
+++ b/apps/adminConsole/src/pages/ApplicationSpaces/Workloads/Detail.vue
@@ -11,7 +11,11 @@
 						</q-tooltip>
 					</q-btn>
 				</QButtonStyle>
-				<MoreSelection :options="options" size="md"></MoreSelection>
+				<MoreSelection
+					:options="options"
+					size="md"
+					v-permission
+				></MoreSelection>
 			</div>
 		</template>
 		<EnvironmentVariables ref="envRef"> </EnvironmentVariables>
diff --git a/apps/adminConsole/src/pages/Customresources/Detail.vue b/apps/adminConsole/src/pages/Customresources/Detail.vue
index c3c6370..7029c33 100644
--- a/apps/adminConsole/src/pages/Customresources/Detail.vue
+++ b/apps/adminConsole/src/pages/Customresources/Detail.vue
@@ -170,7 +170,10 @@ const columns: any = computed(() => {
 			label: t('CREATED_TIME'),
 			align: 'left',
 			field: 'createTime'
-		},
+		}
+	];
+
+	const data2 = [
 		{
 			name: 'Operations',
 			label: t('OPERATIONS'),
@@ -181,7 +184,7 @@ const columns: any = computed(() => {
 	if (module === 'applications') {
 		data.splice(1, 1);
 	}
-	return data;
+	return appDetailStore.isDemo ? data : data.concat(data2);
 });
 
 const currentYamlData = ref<any>({});
diff --git a/apps/adminConsole/src/pages/Jobs/CronJobsDetails.vue b/apps/adminConsole/src/pages/Jobs/CronJobsDetails.vue
index 94da824..7e94e10 100644
--- a/apps/adminConsole/src/pages/Jobs/CronJobsDetails.vue
+++ b/apps/adminConsole/src/pages/Jobs/CronJobsDetails.vue
@@ -1,7 +1,7 @@
 <template>
 	<MyContentPage>
 		<template #extra>
-			<div class="col-auto">
+			<div class="col-auto" v-permission>
 				<QButtonStyle v-for="item in options" :key="item.value">
 					<q-btn dense flat :icon="item.icon" @click="item.onClick">
 						<q-tooltip>
diff --git a/apps/adminConsole/src/pages/Jobs/JobsDetails.vue b/apps/adminConsole/src/pages/Jobs/JobsDetails.vue
index 065fb89..ed1eb6f 100644
--- a/apps/adminConsole/src/pages/Jobs/JobsDetails.vue
+++ b/apps/adminConsole/src/pages/Jobs/JobsDetails.vue
@@ -2,7 +2,7 @@
 	<div class="absolute-position">
 		<MyContentPage>
 			<template #extra>
-				<div class="col-auto">
+				<div class="col-auto" v-permission>
 					<QButtonStyle v-for="item in options" :key="item.value">
 						<q-btn dense flat :icon="item.icon" @click="item.onClick">
 							<q-tooltip>
diff --git a/apps/adminConsole/src/pages/NetworkPolicies/PoliciesDetail.vue b/apps/adminConsole/src/pages/NetworkPolicies/PoliciesDetail.vue
index 20d0129..d465d9b 100644
--- a/apps/adminConsole/src/pages/NetworkPolicies/PoliciesDetail.vue
+++ b/apps/adminConsole/src/pages/NetworkPolicies/PoliciesDetail.vue
@@ -2,7 +2,7 @@
 	<MyContentPage>
 		<template #extra>
 			<div class="col-auto">
-				<QButtonStyle>
+				<QButtonStyle v-permission>
 					<q-btn dense flat icon="sym_r_edit_square" @click="clickHandler">
 						<q-tooltip>
 							<div style="white-space: nowrap">
diff --git a/apps/adminConsole/src/pages/Pods/PodList.vue b/apps/adminConsole/src/pages/Pods/PodList.vue
index ea12848..a2524bc 100644
--- a/apps/adminConsole/src/pages/Pods/PodList.vue
+++ b/apps/adminConsole/src/pages/Pods/PodList.vue
@@ -150,28 +150,36 @@ import MyLoading2 from '@packages/ui/src/components/MyLoading2.vue';
 import { useI18n } from 'vue-i18n';
 import QSectionStyle from '@packages/ui/src/components/QSectionStyle.vue';
 import BtSelect from '@packages/ui/src/components/Select.vue';
+import { useAppDetailStore } from 'stores/AppDetail';
 
+const appDetailStore = useAppDetailStore();
 const $q = useQuasar();
 const { t } = useI18n();
-const options = [
-	{
-		label: t('VIEW_YAML'),
-		value: 'yaml',
-		icon: 'sym_r_preview',
-		onClick: () => {
-			yamlRef.value.show();
+const options = computed(() => {
+	const option1 = [
+		{
+			label: t('VIEW_YAML'),
+			value: 'yaml',
+			icon: 'sym_r_preview',
+			onClick: () => {
+				yamlRef.value.show();
+			}
 		}
-	},
-	{
-		label: t('DELETE'),
-		value: 'delete',
-		icon: 'sym_r_delete',
-		onClick: () => {
-			console.log('delete');
-			deleteDialogRef.value?.show();
+	];
+	const option2 = [
+		{
+			label: t('DELETE'),
+			value: 'delete',
+			icon: 'sym_r_delete',
+			onClick: () => {
+				console.log('delete');
+				deleteDialogRef.value?.show();
+			}
 		}
-	}
-];
+	];
+
+	return appDetailStore.isDemo ? option1 : option1.concat(option2);
+});
 
 const columns: any = [
 	{
diff --git a/apps/adminConsole/src/pages/Storages/PersistentVolumeClaim.vue b/apps/adminConsole/src/pages/Storages/PersistentVolumeClaim.vue
index fc8e75a..415d42c 100644
--- a/apps/adminConsole/src/pages/Storages/PersistentVolumeClaim.vue
+++ b/apps/adminConsole/src/pages/Storages/PersistentVolumeClaim.vue
@@ -184,7 +184,7 @@ import {
 	patchPersistentvolumeclaims
 } from 'src/network';
 import volumesDataIcon from '@packages/ui/src/assets/volumes-data.svg';
-import { onMounted, ref, h } from 'vue';
+import { onMounted, ref, h, computed } from 'vue';
 import { ObjectMapper } from '@packages/ui/src/utils/object.mapper';
 import Status from '@packages/ui/src/components/Status.vue';
 import { getLocalTime, map_accessModes } from 'src/utils';
@@ -201,6 +201,9 @@ import { useI18n } from 'vue-i18n';
 import { set } from 'lodash';
 import { useColor } from '@bytetrade/ui';
 import BtSelect from '@packages/ui/src/components/Select.vue';
+import { useAppDetailStore } from 'stores/AppDetail';
+
+const appDetailStore = useAppDetailStore();
 const { color: blueDefault } = useColor('blue-default');
 const { color: inkOnBrand } = useColor('ink-on-brand');
 
@@ -214,48 +217,55 @@ const VOLUME_STATUS = [
 	{ text: 'VOLUME_STATUS_PENDING', value: 'pending' }
 ];
 
-const columns = [
-	{
-		name: 'name',
-		required: true,
-		label: t('NAME'),
-		align: 'left',
-		field: 'name',
-		sortable: true
-	},
-	{
-		name: 'status',
-		align: 'left',
-		label: t('STATUS'),
-		field: 'status'
-	},
-	{
-		name: 'accessModes',
-		align: 'left',
-		label: t('ACCESS_MODE_TCAP'),
-		field: 'accessModes'
-	},
-	{
-		name: 'inUse',
-		label: t('MOUNT_STATUS'),
-		align: 'left',
-		field: 'inUse'
-	},
-	{
-		name: 'createTime',
-		label: t('CREATION_TIME_TCAP'),
-		align: 'left',
-		field: 'createTime',
-		sortable: true
-	},
-	{
-		name: 'operations',
-		label: t('OPERATIONS'),
-		align: 'center',
-		field: 'name',
-		sortable: true
-	}
-];
+const columns = computed(() => {
+	const list = [
+		{
+			name: 'name',
+			required: true,
+			label: t('NAME'),
+			align: 'left',
+			field: 'name',
+			sortable: true
+		},
+		{
+			name: 'status',
+			align: 'left',
+			label: t('STATUS'),
+			field: 'status'
+		},
+		{
+			name: 'accessModes',
+			align: 'left',
+			label: t('ACCESS_MODE_TCAP'),
+			field: 'accessModes'
+		},
+		{
+			name: 'inUse',
+			label: t('MOUNT_STATUS'),
+			align: 'left',
+			field: 'inUse'
+		},
+		{
+			name: 'createTime',
+			label: t('CREATION_TIME_TCAP'),
+			align: 'left',
+			field: 'createTime',
+			sortable: true
+		}
+	];
+
+	const list2 = [
+		{
+			name: 'operations',
+			label: t('OPERATIONS'),
+			align: 'center',
+			field: 'name',
+			sortable: true
+		}
+	];
+
+	return appDetailStore.isDemo ? list : list.concat(list2);
+});
 
 const options = [
 	{
diff --git a/apps/adminConsole/src/stores/AppDetail.ts b/apps/adminConsole/src/stores/AppDetail.ts
index e425a36..c38621e 100644
--- a/apps/adminConsole/src/stores/AppDetail.ts
+++ b/apps/adminConsole/src/stores/AppDetail.ts
@@ -2,6 +2,7 @@ import { AppDetailResponse } from '@packages/ui/src/network/network';
 import { defineStore } from 'pinia';
 import { getAppDetail } from 'src/network';
 import { GLOBAL_ROLE } from '@packages/ui/src/constant/user';
+import { isArray } from 'lodash';
 
 const initData = {
 	clusterRole: '',
@@ -28,7 +29,9 @@ export const useAppDetailStore = defineStore('appDetail', {
 
 	getters: {
 		user: (state): AppDetailResponse['user'] => state.data.user,
-		isAdmin: (state): boolean => state.data.user.globalrole === GLOBAL_ROLE
+		isAdmin: (state): boolean => state.data.user.globalrole === GLOBAL_ROLE,
+		isDemo: (state): boolean =>
+			!!process.env.DEMO && !(state.data.user.globalrole === GLOBAL_ROLE)
 	},
 	actions: {
 		async init() {
@@ -40,10 +43,21 @@ export const useAppDetailStore = defineStore('appDetail', {
 		async setData(data: any) {
 			this.data = data;
 		},
-		hasPermission(value: string) {
-			return this.isAdmin
-				? value.includes(this.data.user.username) || value.includes('system')
-				: value.includes(this.data.user.username);
+		hasPermission(data: string | string[]) {
+			const value = isArray(data) ? data[0] : data;
+
+			// Some permissions of demo station are higher than ordinary users
+			const hasHigherDemoPrivileges = isArray(data) ? data[1] : false;
+
+			if (!value) {
+				return !this.isDemo;
+			} else {
+				return this.isAdmin
+					? value.includes(this.data.user.username) || value.includes('system')
+					: !!process.env.DEMO && !hasHigherDemoPrivileges
+					? false
+					: value.includes(this.data.user.username);
+			}
 		}
 	}
 });
diff --git a/apps/adminConsole/yarn.lock b/apps/adminConsole/yarn.lock
index e15dbcb..a6eb709 100644
--- a/apps/adminConsole/yarn.lock
+++ b/apps/adminConsole/yarn.lock
@@ -11,7 +11,7 @@
     "@jridgewell/trace-mapping" "^0.3.24"
 
 "@apps/monitoring@../monitoring":
-  version "0.4.7"
+  version "0.4.8"
   dependencies:
     "@apps/nodes" "../nodes"
     "@bytetrade/core" "0.3.67"
diff --git a/apps/common/src/containers/ContainersList/ContainersItem.vue b/apps/common/src/containers/ContainersList/ContainersItem.vue
index 2f4b84e..e0736dc 100644
--- a/apps/common/src/containers/ContainersList/ContainersItem.vue
+++ b/apps/common/src/containers/ContainersList/ContainersItem.vue
@@ -29,7 +29,7 @@
 								{{ container.name }}
 							</div>
 							<q-icon
-								v-permission="route.params.namespace"
+								v-permission="[route.params.namespace, true]"
 								v-if="!hideLog"
 								color="blue-default"
 								name="sym_r_article"