diff --git a/frontend/src/components/complex-table/index.vue b/frontend/src/components/complex-table/index.vue
index adfaaa596c14..896621c54999 100644
--- a/frontend/src/components/complex-table/index.vue
+++ b/frontend/src/components/complex-table/index.vue
@@ -123,6 +123,25 @@ const rightClick = ref({
 });
 const selectedRows = ref<any[]>([]);
 const handleRightClick = (row, column, event) => {
+    if (!tableRef.value) return;
+
+    try {
+        const selectionColumn = tableRef.value.refElTable.columns.find((col) => col.type === 'selection');
+        const isSelectable = selectionColumn?.selectable ? selectionColumn.selectable(row) : true;
+        if (!isSelectable) {
+            if (!props.rightButtons) return;
+            event.preventDefault();
+            rightClick.value = {
+                visible: true,
+                left: event.clientX + 5,
+                top: event.clientY,
+                currentRow: row,
+            };
+            document.addEventListener('click', closeRightClick);
+            return;
+        }
+    } catch {}
+
     if (!selectedRows.value.includes(row)) {
         clearSelects();
         tableRef.value.refElTable.toggleRowSelection(row);
diff --git a/frontend/src/components/fu/FuDropdownItem.vue b/frontend/src/components/fu/FuDropdownItem.vue
index a7c7cd7a882d..0b6020681f0b 100644
--- a/frontend/src/components/fu/FuDropdownItem.vue
+++ b/frontend/src/components/fu/FuDropdownItem.vue
@@ -1,12 +1,37 @@
 <template>
-    <el-dropdown-item v-bind="$attrs" :disabled="computedDisabled">
-        <slot></slot>
-    </el-dropdown-item>
+    <li
+        ref="itemRef"
+        v-bind="itemAttrs"
+        data-el-collection-item
+        :aria-disabled="computedDisabled"
+        :class="itemClass"
+        :style="attrs.style"
+        :tabindex="tabIndex"
+        :role="role"
+        @click="handleClick"
+        @focus="handleFocus"
+        @keydown.self="handleKeydown"
+        @mousedown="handleMousedown"
+        @pointermove="handlePointerMove"
+        @pointerleave="handlePointerLeave"
+    >
+        <el-icon v-if="icon || $slots.icon">
+            <slot name="icon">
+                <component :is="icon" />
+            </slot>
+        </el-icon>
+        <slot />
+    </li>
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue';
-import { hasManagePermissionAccess, type PermissionBindingValue } from '@/utils/permission';
+import { DROPDOWN_INJECTION_KEY, EVENT_CODE } from 'element-plus';
+import { COLLECTION_ITEM_SIGN } from 'element-plus/es/components/collection/index.mjs';
+import {
+    ROVING_FOCUS_COLLECTION_INJECTION_KEY,
+    ROVING_FOCUS_GROUP_INJECTION_KEY,
+} from 'element-plus/es/components/roving-focus-group/index.mjs';
+import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, ref, useAttrs } from 'vue';
 
 defineOptions({
     name: 'FuDropdownItem',
@@ -14,21 +39,153 @@ defineOptions({
 });
 
 const props = defineProps({
+    command: {
+        type: [Object, String, Number],
+        default: () => ({}),
+    },
     disabled: {
         type: Boolean,
         default: false,
     },
-    permission: {
-        type: [String, Array],
-        default: undefined,
+    divided: {
+        type: Boolean,
+        default: false,
+    },
+    textValue: String,
+    icon: {
+        type: [String, Object, Function],
     },
 });
 
+const emit = defineEmits(['click', 'pointermove', 'pointerleave']);
+
+const attrs = useAttrs();
+const itemRef = ref<HTMLElement>();
 const permissionDisabled = ref(false);
+const instance = getCurrentInstance();
+const itemId = `fu-dropdown-item-${instance?.uid ?? Math.random().toString(36).slice(2)}`;
+
+const dropdownContext = inject<any>(DROPDOWN_INJECTION_KEY, undefined);
+const collectionContext = inject<any>(ROVING_FOCUS_COLLECTION_INJECTION_KEY, undefined);
+const rovingFocusContext = inject<any>(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined);
+
+const computedDisabled = computed(() => props.disabled || permissionDisabled.value);
+
+const itemAttrs = computed(() => {
+    return Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== 'class' && key !== 'style'));
+});
+
+const itemClass = computed(() => [
+    attrs.class,
+    'el-dropdown-menu__item',
+    {
+        'el-dropdown-menu__item--divided': props.divided,
+        'is-disabled': computedDisabled.value,
+        'fu-dropdown-item--permission-disabled': computedDisabled.value,
+    },
+]);
+
+const tabIndex = computed(() => (rovingFocusContext?.currentTabbedId?.value === itemId ? 0 : -1));
+
+const role = computed(() => {
+    const menuRole = dropdownContext?.role?.value;
+    if (menuRole === 'menu') {
+        return 'menuitem';
+    }
+    if (menuRole === 'navigation') {
+        return 'link';
+    }
+    return 'button';
+});
 
-const hasPermission = computed(() => hasManagePermissionAccess(props.permission as PermissionBindingValue));
+const handleMousedown = (event: MouseEvent) => {
+    if (computedDisabled.value) {
+        event.preventDefault();
+        return;
+    }
+    rovingFocusContext?.onItemFocus?.(itemId);
+};
 
-const computedDisabled = computed(() => props.disabled || permissionDisabled.value || !hasPermission.value);
+const handleFocus = () => {
+    rovingFocusContext?.onItemFocus?.(itemId);
+};
+
+const handleKeydown = (event: KeyboardEvent) => {
+    if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(event.code)) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        handleClick(event);
+        return;
+    }
+
+    if (event.code === EVENT_CODE.tab && event.shiftKey) {
+        rovingFocusContext?.onItemShiftTab?.();
+        return;
+    }
+    rovingFocusContext?.onKeydown?.(event);
+};
+
+const handleClick = (event: Event) => {
+    if (computedDisabled.value) {
+        event.stopImmediatePropagation();
+        return;
+    }
+
+    emit('click', event);
+    if (event.type !== 'keydown' && event.defaultPrevented) {
+        return;
+    }
+
+    if (dropdownContext?.hideOnClick?.value) {
+        dropdownContext.handleClick?.();
+    }
+    dropdownContext?.commandHandler?.(props.command, instance, event);
+};
+
+const handlePointerMove = (event: PointerEvent) => {
+    emit('pointermove', event);
+    if (event.pointerType !== 'mouse') {
+        return;
+    }
+    if (computedDisabled.value) {
+        dropdownContext?.onItemLeave?.(event);
+        return;
+    }
+
+    const target = event.currentTarget as HTMLElement;
+    if (target === document.activeElement || target.contains(document.activeElement)) {
+        return;
+    }
+
+    dropdownContext?.onItemEnter?.(event);
+    if (!event.defaultPrevented) {
+        target.focus({ preventScroll: true });
+    }
+};
+
+const handlePointerLeave = (event: PointerEvent) => {
+    emit('pointerleave', event);
+    if (event.pointerType === 'mouse') {
+        dropdownContext?.onItemLeave?.(event);
+    }
+};
+
+onMounted(() => {
+    if (!itemRef.value) {
+        return;
+    }
+    collectionContext?.itemMap?.set(itemRef.value, {
+        ref: itemRef.value,
+        ...attrs,
+        [COLLECTION_ITEM_SIGN]: '',
+    });
+});
+
+onBeforeUnmount(() => {
+    if (itemRef.value) {
+        collectionContext?.itemMap?.delete(itemRef.value);
+    }
+});
 
 defineExpose({
     setPermissionDisabled: (disabled: boolean) => {
@@ -36,3 +193,10 @@ defineExpose({
     },
 });
 </script>
+
+<style scoped>
+.fu-dropdown-item--permission-disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+</style>
diff --git a/frontend/src/views/ai/agents/agent/config/tabs/channels/components/channel-bots.vue b/frontend/src/views/ai/agents/agent/config/tabs/channels/components/channel-bots.vue
index 6614b4cf7bfd..a7dfa955164b 100644
--- a/frontend/src/views/ai/agents/agent/config/tabs/channels/components/channel-bots.vue
+++ b/frontend/src/views/ai/agents/agent/config/tabs/channels/components/channel-bots.vue
@@ -74,7 +74,7 @@
                             trigger="hover"
                             @command="handleMoreCommand(row, $index, $event)"
                         >
-                            <el-button v-permission link type="primary" :disabled="disabled">
+                            <el-button link type="primary" :disabled="disabled">
                                 {{ t('tabs.more') }}
                             </el-button>
                             <template #dropdown>
diff --git a/frontend/src/views/ai/agents/agent/index.vue b/frontend/src/views/ai/agents/agent/index.vue
index 410fdd49148f..0ae829b9d04c 100644
--- a/frontend/src/views/ai/agents/agent/index.vue
+++ b/frontend/src/views/ai/agents/agent/index.vue
@@ -39,27 +39,24 @@
                                 <Status v-permission :status="row.status" :operate="true" />
                                 <template #dropdown>
                                     <el-dropdown-menu>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        <el-dropdown-item
                                             :disabled="checkStatus('start', row)"
                                             @click="onOperate(row, 'start')"
                                         >
                                             {{ $t('commons.operate.start') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('stop', row)"
                                             @click="onOperate(row, 'stop')"
                                         >
                                             {{ $t('commons.operate.stop') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('restart', row)"
                                             @click="onOperate(row, 'restart')"
                                         >
                                             {{ $t('commons.button.restart') }}
-                                        </fu-dropdown-item>
+                                        </el-dropdown-item>
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index bc3fa75478ee..1162ff6a9bf5 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -87,8 +87,7 @@
                                                     />
                                                     <template #dropdown>
                                                         <el-dropdown-menu>
-                                                            <fu-dropdown-item
-                                                                v-permission
+                                                            <el-dropdown-item
                                                                 :disabled="
                                                                     row.containerCount === row.runningCount &&
                                                                     row.runningCount > 0
@@ -96,20 +95,18 @@
                                                                 @click="handleComposeOperate('up', row)"
                                                             >
                                                                 {{ $t('commons.operate.start') }}
-                                                            </fu-dropdown-item>
-                                                            <fu-dropdown-item
-                                                                v-permission
+                                                            </el-dropdown-item>
+                                                            <el-dropdown-item
                                                                 :disabled="row.runningCount === 0"
                                                                 @click="handleComposeOperate('stop', row)"
                                                             >
                                                                 {{ $t('commons.operate.stop') }}
-                                                            </fu-dropdown-item>
-                                                            <fu-dropdown-item
-                                                                v-permission
+                                                            </el-dropdown-item>
+                                                            <el-dropdown-item
                                                                 @click="handleComposeOperate('restart', row)"
                                                             >
                                                                 {{ $t('commons.button.restart') }}
-                                                            </fu-dropdown-item>
+                                                            </el-dropdown-item>
                                                         </el-dropdown-menu>
                                                     </template>
                                                 </el-dropdown>
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index acabe86f9799..aa91ccaffdcf 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -149,48 +149,42 @@
                                 <Status v-permission :status="row.state" :operate="true" />
                                 <template #dropdown>
                                     <el-dropdown-menu v-if="activeDropdownContainerId === row.containerID">
-                                        <fu-dropdown-item
-                                            v-permission
+                                        <el-dropdown-item
                                             :disabled="checkStatus('start', row)"
                                             @click="onOperate('start', row)"
                                         >
                                             {{ $t('commons.operate.start') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('stop', row)"
                                             @click="onOperate('stop', row)"
                                         >
                                             {{ $t('commons.operate.stop') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('restart', row)"
                                             @click="onOperate('restart', row)"
                                         >
                                             {{ $t('commons.button.restart') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('kill', row)"
                                             @click="onOperate('kill', row)"
                                         >
                                             {{ $t('container.kill') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('pause', row)"
                                             @click="onOperate('pause', row)"
                                         >
                                             {{ $t('container.pause') }}
-                                        </fu-dropdown-item>
-                                        <fu-dropdown-item
-                                            v-permission
+                                        </el-dropdown-item>
+                                        <el-dropdown-item
                                             :disabled="checkStatus('unpause', row)"
                                             @click="onOperate('unpause', row)"
                                         >
                                             {{ $t('container.unpause') }}
-                                        </fu-dropdown-item>
+                                        </el-dropdown-item>
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
diff --git a/frontend/src/views/cronjob/library/index.vue b/frontend/src/views/cronjob/library/index.vue
index 0483e61bd3fb..fad04716c067 100644
--- a/frontend/src/views/cronjob/library/index.vue
+++ b/frontend/src/views/cronjob/library/index.vue
@@ -15,10 +15,10 @@
                             <fu-dropdown-item v-permission command="sync">
                                 {{ $t('cronjob.library.syncNow') }}
                             </fu-dropdown-item>
-                            <fu-dropdown-item v-permission v-if="scriptSync === 'Disable'" command="turnOnSync">
+                            <fu-dropdown-item v-if="scriptSync === 'Disable'" v-permission command="turnOnSync">
                                 {{ $t('cronjob.library.turnOnSync') }}
                             </fu-dropdown-item>
-                            <fu-dropdown-item v-permission v-if="scriptSync === 'Enable'" command="turnOffSync">
+                            <fu-dropdown-item v-if="scriptSync === 'Enable'" v-permission command="turnOffSync">
                                 {{ $t('cronjob.library.turnOffSync') }}
                             </fu-dropdown-item>
                         </el-dropdown-menu>
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 0fc7b4b3d404..fa97fac0ecf5 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -204,29 +204,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="flex w-full flex-wrap items-center justify-start gap-2 xl:w-auto xl:flex-nowrap">
-                        <div class="w-full min-w-0 sm:w-[300px]">
-                            <el-input
-                                v-model="req.search"
-                                clearable
-                                @clear="search()"
-                                @keydown.enter="search()"
-                                :placeholder="$t('file.search')"
-                            >
-                                <template #prepend>
-                                    <el-checkbox v-model="req.containSub">
-                                        {{ $t('file.sub') }}
-                                    </el-checkbox>
-                                </template>
-                                <template #append>
-                                    <el-button icon="Search" @click="search" round />
-                                </template>
-                            </el-input>
-                        </div>
-                        <el-button class="max-w-20" plain type="primary" @click="openAiSearchDrawer">
-                            {{ $t('file.aiSearch') }}
-                        </el-button>
-                    </div>
                 </div>
                 <LayoutContent class="file-layout" :title="$t('menu.files')" v-loading="loading">
                     <template #prompt>