diff --git a/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue b/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
index 3efceba..ec4343d 100644
--- a/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
+++ b/easyflow-ui-admin/app/src/views/config/apikey/SysApiKey.vue
@@ -14,6 +14,7 @@ const dialogVisible = ref(false);
     <EasyFlowPanelModal
       v-model:open="dialogVisible"
       :centered="true"
+      title=""
       width="xl"
       :show-footer="false"
     >
diff --git a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
index 28b3c80..d70d54d 100644
--- a/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
+++ b/easyflow-ui-admin/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { StyleValue } from 'vue';
+
 import { computed, inject, useAttrs } from 'vue';
 
 import { useScrollLock } from '@easyflow-core/composables';
@@ -19,11 +21,12 @@ const overlayClass = computed(() => {
     customClass,
   );
 });
+const overlayStyle = computed(() => attrs.style as StyleValue);
 </script>
 <template>
   <div
     :data-dismissable-modal="id"
     :class="overlayClass"
-    :style="$attrs.style"
+    :style="overlayStyle"
   ></div>
 </template>
diff --git a/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts b/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
index bec66d4..7d2a17c 100644
--- a/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
+++ b/easyflow-ui-admin/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
@@ -4,8 +4,6 @@ import type { ComponentPublicInstance } from 'vue';
 
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
-import { EasyFlowScrollbar } from '@easyflow-core/shadcn-ui';
-
 import { useDebounceFn } from '@vueuse/core';
 
 type DomElement = Element | null | undefined;
diff --git a/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue b/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
index 463e031..d83c8ac 100644
--- a/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
+++ b/easyflow-ui-admin/packages/effects/common-ui/src/ui/panel-modal/panel-modal.vue
@@ -100,7 +100,7 @@ const modalClass = computed(() => {
   return cn(
     'w-[calc(100vw-24px)] max-w-[calc(100vw-24px)] sm:max-w-[min(calc(100vw-48px),1120px)]',
     widthClassMap[widthKey] || widthClassMap.lg,
-    attrs.class,
+    attrs.class as string | undefined,
   );
 });
 
diff --git a/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue b/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
index b08552f..4bf581a 100644
--- a/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
+++ b/easyflow-ui-admin/packages/effects/layouts/src/widgets/global-search/search-panel.vue
@@ -237,11 +237,11 @@ onMounted(() => {
               class="block truncate text-sm font-medium leading-6 text-[hsl(var(--text-strong))]"
             >
               <template
-                v-for="(chunk, chunkIndex) in getHighlightedChunks(
+                v-for="chunk in getHighlightedChunks(
                   item.name || '',
                   keyword,
                 )"
-                :key="`${item.path}-${chunkIndex}`"
+                :key="`${item.path}-${chunk.text}-${chunk.matched}`"
               >
                 <span
                   :class="