From 56ee61a16bb68594a98c95f5a4ba9f11015508fb Mon Sep 17 00:00:00 2001
From: ssongliu <sloooop1x@gmail.com>
Date: Fri, 31 Jul 2026 17:58:29 +0800
Subject: [PATCH 1/2] feat: support filtering app store composes

---
 agent/app/dto/common_req.go                   |  3 ++-
 agent/app/service/container_compose.go        | 11 ++++++++
 frontend/src/api/interface/index.ts           |  1 +
 .../src/views/container/compose/index.vue     | 25 ++++++++++++++++++-
 4 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/agent/app/dto/common_req.go b/agent/app/dto/common_req.go
index 156368ea3a2d..d12afbe2e4b3 100644
--- a/agent/app/dto/common_req.go
+++ b/agent/app/dto/common_req.go
@@ -2,7 +2,8 @@ package dto
 
 type SearchWithPage struct {
 	PageInfo
-	Info string `json:"info"`
+	Info            string `json:"info"`
+	ExcludeAppStore bool   `json:"excludeAppStore"`
 }
 
 type SearchPageWithType struct {
diff --git a/agent/app/service/container_compose.go b/agent/app/service/container_compose.go
index d5c0cd6b6675..84b0ed9d3a41 100644
--- a/agent/app/service/container_compose.go
+++ b/agent/app/service/container_compose.go
@@ -158,6 +158,17 @@ func (u *ContainerService) PageCompose(req dto.SearchWithPage) (int64, interface
 			}
 		}
 	}
+	if req.ExcludeAppStore {
+		length, count := len(records), 0
+		for count < length {
+			if records[count].CreatedBy == "Apps" {
+				records = append(records[:count], records[(count+1):]...)
+				length--
+			} else {
+				count++
+			}
+		}
+	}
 	sort.Slice(records, func(i, j int) bool {
 		if records[i].IsPinned != records[j].IsPinned {
 			return records[i].IsPinned
diff --git a/frontend/src/api/interface/index.ts b/frontend/src/api/interface/index.ts
index 2ed1ebd4f62a..eddf2b8604ff 100644
--- a/frontend/src/api/interface/index.ts
+++ b/frontend/src/api/interface/index.ts
@@ -22,6 +22,7 @@ export interface SearchWithPage {
     info: string;
     page: number;
     pageSize: number;
+    excludeAppStore?: boolean;
     orderBy?: string;
     order?: string;
     name?: string;
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 52f4d89da909..085d784fa7ae 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -18,6 +18,15 @@
             </template>
             <template #rightToolBar>
                 <TableSearch @search="search()" v-model:searchName="searchName" />
+                <el-tooltip
+                    :content="includeAppStore ? $t('container.includeAppstore') : $t('container.excludeAppstore')"
+                >
+                    <el-button
+                        :type="includeAppStore ? '' : 'primary'"
+                        @click="searchWithAppShow(!includeAppStore)"
+                        :icon="includeAppStore ? 'View' : 'Hide'"
+                    />
+                </el-tooltip>
                 <TableRefresh @search="search()" />
                 <TableSetting title="container-refresh" @search="refresh()" />
             </template>
@@ -502,7 +511,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, h, ref } from 'vue';
+import { computed, h, onMounted, ref } from 'vue';
 import CodemirrorPro from '@/components/codemirror-pro/index.vue';
 import ContainerLog from '@/components/log/container/index.vue';
 import TaskLog from '@/components/log/task/index.vue';
@@ -556,6 +565,7 @@ const dialogBackupRef = ref();
 const uploadRef = ref();
 
 const searchName = ref('');
+const includeAppStore = ref(true);
 const showType = ref('compose');
 const containerStats = ref<any[]>([]);
 const env = ref();
@@ -646,6 +656,7 @@ const refresh = async () => {
         info: searchName.value,
         page: 1,
         pageSize: 100,
+        excludeAppStore: !includeAppStore.value,
     };
     await searchCompose(params).then((res) => {
         data.value = res.data.items || [];
@@ -656,10 +667,12 @@ const search = async (withRefreshDetail?: boolean) => {
     if (!isActive.value || !isExist.value) {
         return;
     }
+    localStorage.setItem('includeAppStore', includeAppStore.value ? 'true' : 'false');
     let params = {
         info: searchName.value,
         page: 1,
         pageSize: 100,
+        excludeAppStore: !includeAppStore.value,
     };
     loading.value = true;
     await searchCompose(params)
@@ -675,6 +688,11 @@ const search = async (withRefreshDetail?: boolean) => {
         });
 };
 
+const searchWithAppShow = (item: boolean) => {
+    includeAppStore.value = item;
+    search();
+};
+
 const changePinned = async (row: Container.ComposeInfo) => {
     await composePin({
         name: row.name,
@@ -981,6 +999,11 @@ const onOpenTerminal = (row: any) => {
 const onOpenLog = (row: any) => {
     containerLogDialogRef.value?.acceptParams({ container: row.name });
 };
+
+onMounted(() => {
+    const includeItem = localStorage.getItem('includeAppStore');
+    includeAppStore.value = !includeItem || includeItem === 'true';
+});
 </script>
 
 <style scoped lang="scss">

From d8ea1912c0b322058f37842f19904271cf564fa4 Mon Sep 17 00:00:00 2001
From: ssongliu <sloooop1x@gmail.com>
Date: Fri, 31 Jul 2026 18:25:16 +0800
Subject: [PATCH 2/2] fix: initialize app store filter during setup

---
 frontend/src/views/container/compose/index.vue   | 9 ++-------
 frontend/src/views/container/container/index.vue | 9 ++-------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 085d784fa7ae..febda6c6ae2d 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -511,7 +511,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, h, onMounted, ref } from 'vue';
+import { computed, h, ref } from 'vue';
 import CodemirrorPro from '@/components/codemirror-pro/index.vue';
 import ContainerLog from '@/components/log/container/index.vue';
 import TaskLog from '@/components/log/task/index.vue';
@@ -565,7 +565,7 @@ const dialogBackupRef = ref();
 const uploadRef = ref();
 
 const searchName = ref('');
-const includeAppStore = ref(true);
+const includeAppStore = ref(localStorage.getItem('includeAppStore') !== 'false');
 const showType = ref('compose');
 const containerStats = ref<any[]>([]);
 const env = ref();
@@ -999,11 +999,6 @@ const onOpenTerminal = (row: any) => {
 const onOpenLog = (row: any) => {
     containerLogDialogRef.value?.acceptParams({ container: row.name });
 };
-
-onMounted(() => {
-    const includeItem = localStorage.getItem('includeAppStore');
-    includeAppStore.value = !includeItem || includeItem === 'true';
-});
 </script>
 
 <style scoped lang="scss">
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 667c4d6d5145..ed5e0d08f85b 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -488,7 +488,7 @@ import Uploads from '@/components/upload/index.vue';
 import DockerStatus from '@/views/container/docker-status/index.vue';
 import ContainerLogDialog from '@/components/log/container-drawer/index.vue';
 import Status from '@/components/status/index.vue';
-import { computed, reactive, onMounted, ref } from 'vue';
+import { computed, reactive, ref } from 'vue';
 import {
     containerItemStats,
     containerListStats,
@@ -539,7 +539,7 @@ const dialogCommitRef = ref();
 const dialogPortJumpRef = ref();
 const dialogBackupRef = ref();
 const opRef = ref();
-const includeAppStore = ref(true);
+const includeAppStore = ref(localStorage.getItem('includeAppStore') !== 'false');
 const columns = ref([]);
 
 const batchNames = ref();
@@ -1019,11 +1019,6 @@ const buttons = [
         },
     },
 ];
-
-onMounted(() => {
-    let includeItem = localStorage.getItem('includeAppStore');
-    includeAppStore.value = !includeItem || includeItem === 'true';
-});
 </script>
 
 <style scoped lang="scss">