diff --git a/components/i/Create.vue b/components/i/Create.vue
index d5c69ce6c93332c40f674458b3a1971f52f21479..f86d062ce3608ca3c5759875c67f1ead92a7531a 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -12,6 +12,7 @@
                 :rows="5"
                 variant="none"
                 :padded="false"
+                maxlength="2000"
             />
             <div class="flex justify-between">
                 <USelectMenu
diff --git a/components/i/library/select.vue b/components/i/library/select.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e363c1893dd821c809b46464d9861e33fe73cc6e
--- /dev/null
+++ b/components/i/library/select.vue
@@ -0,0 +1,53 @@
+<template>
+    <UModal v-model="isOpenSelect" :ui="{ width: 'w-96 sm:max-w-screen-md' }">
+        <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
+            <template #header>
+                <div class="flex items-center justify-between">
+                    <div class="text-xl">选择集合</div>
+                    <UButton
+                        leading-icon="i-heroicons-x-mark-20-solid"
+                        color="gray"
+                        variant="ghost"
+                        @click="handleClose"
+                    />
+                </div>
+            </template>
+            <div class="flex flex-col gap-4">
+                <UButton
+                    leading-icon="i-heroicons-plus-20-solid"
+                    label="创建新集合"
+                    color="gray"
+                    @click="handleOpenCreate"
+                />
+                <div class="flex flex-col gap-2">
+                    <UButton color="white" size="md" class="flex">
+                        <div class="flex flex-grow justify-between items-center">
+                            <div>前端开发</div>
+                            <UIcon name="i-heroicons-check-circle-20-solid" class="text-primary text-lg" />
+                        </div>
+                    </UButton>
+                    <UButton color="white" size="md" class="flex">
+                        <div class="flex flex-grow justify-between items-center">
+                            <div>后端开发</div>
+                        </div>
+                    </UButton>
+                </div>
+            </div>
+        </UCard>
+    </UModal>
+</template>
+<script setup>
+const Library = inject('Library')
+const isOpenSelect = ref(false)
+function handleClose () {
+    isOpenSelect.value = false
+}
+function handleOpen (id) {
+    isOpenSelect.value = true
+}
+defineExpose({ handleOpen })
+function handleOpenCreate () {
+    handleClose()
+    Library.handleOpenCreateLibrary()
+}
+</script>
diff --git a/components/i/library/thread.vue b/components/i/library/thread.vue
index 677eb3a4cd439dfc35954b9e12f6e4c48dbf446a..14d30d6b8b974e6c608a0bfc5e5e8ab21b78b19e 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,12 +56,23 @@
     <UDivider />
 </template>
 <script setup>
+const Library = inject('Library')
 const textColor = 'text-gray-500 dark:text-gray-400'
 const actionItems = [
     [
+        {
+            label: '添加到收藏',
+            icon: 'i-heroicons-plus',
+            click: () => {
+                handleOpenSelect()
+            }
+        },
         {
             label: '更改集合',
-            icon: 'i-heroicons-squares-plus'
+            icon: 'i-heroicons-squares-plus',
+            click: () => {
+                handleOpenSelect()
+            }
         },
         {
             label: '从收藏中移除',
@@ -72,4 +84,7 @@ const actionItems = [
         }
     ]
 ]
+function handleOpenSelect (id) {
+    Library.handleOpenSelect(id)
+}
 </script>
\ No newline at end of file
diff --git a/components/i/search/Ask.vue b/components/i/search/Ask.vue
index 6ee6d4d388623a68aeb60d9742a9686c208ea183..faefb51310ab2941b493d5b1c58cb5b1a32b9f29 100644
--- a/components/i/search/Ask.vue
+++ b/components/i/search/Ask.vue
@@ -16,6 +16,7 @@
                 size="xl"
                 :padded="false"
                 variant="none"
+                maxlength="2000"
             />
             <div class="flex flex-shrink-0 gap-2">
                 <UButton
diff --git a/pages/library.vue b/pages/library.vue
index 93e29e1d66de5ad3cb0d95e1483fa54fb11b8d5d..4cd5c86a1730cc4c220ffe88dde9ee8c33f951c9 100644
--- a/pages/library.vue
+++ b/pages/library.vue
@@ -53,6 +53,7 @@
         </div>
     </div>
     <ILibraryCreate ref="refCreate" />
+    <ILibrarySelect ref="refSelect" />
 </template>
 <script setup>
 const searchQuery = ref('')
@@ -60,4 +61,12 @@ const refCreate = ref(null)
 function handleOpenCreateLibrary () {
     refCreate.value.handleOpen()
 }
+const refSelect = ref(null)
+function handleOpenSelect (id) {
+    refSelect.value.handleOpen(id)
+}
+provide('Library', {
+    handleOpenSelect,
+    handleOpenCreateLibrary
+})
 </script>