diff --git a/components/i/library/select.vue b/components/i/library/select.vue
index bca0d0a7d08a19af602de91ae1bf670ca92cf156..541540d5471b7f8099cd1f90733c880f58ace4b3 100644
--- a/components/i/library/select.vue
+++ b/components/i/library/select.vue
@@ -40,7 +40,8 @@ const isOpenSelect = ref(false)
 function handleClose () {
     isOpenSelect.value = false
 }
-function handleOpen () {
+function handleOpen (id) {
     isOpenSelect.value = true
 }
+defineExpose({ handleOpen })
 </script>
diff --git a/components/i/library/thread.vue b/components/i/library/thread.vue
index 677eb3a4cd439dfc35954b9e12f6e4c48dbf446a..a5ff7e787c1106613b1d16b0876538548bee4856 100644
--- a/components/i/library/thread.vue
+++ b/components/i/library/thread.vue
@@ -40,6 +40,7 @@
                     variant="ghost"
                     size="2xs"
                     icon="i-heroicons-plus"
+                    @click="handleOpenSelect"
                 />
             </UTooltip>
             <UDropdown class="flex flex-grow" :items="actionItems">
@@ -55,6 +56,7 @@
     <UDivider />
 </template>
 <script setup>
+const Library = inject('Library')
 const textColor = 'text-gray-500 dark:text-gray-400'
 const actionItems = [
     [
@@ -72,4 +74,7 @@ const actionItems = [
         }
     ]
 ]
+function handleOpenSelect (id) {
+    Library.handleOpenSelect(id)
+}
 </script>
\ No newline at end of file
diff --git a/pages/library.vue b/pages/library.vue
index f89a559f9d18a83ed3dabe3b4fdf44333ecdbe9f..52ec1dd9191add529b256ea397cb50520f44ac03 100644
--- a/pages/library.vue
+++ b/pages/library.vue
@@ -58,8 +58,14 @@
 <script setup>
 const searchQuery = ref('')
 const refCreate = ref(null)
-const refSelect = ref(null)
 function handleOpenCreateLibrary () {
     refCreate.value.handleOpen()
 }
+const refSelect = ref(null)
+function handleOpenSelect (id) {
+    refSelect.value.handleOpen(id)
+}
+provide('Library', {
+    handleOpenSelect
+})
 </script>