优化了本地存储和一些组件细分，完成了复制图片、适配可以直接发送的功能

src/components/RecordingIndicator.vue

@@ -1,12 +1,17 @@
 <template>
-    <div class="fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50">
-        <div class="bg-white rounded-lg p-6 flex items-center gap-4 shadow-xl">
-            <div class="w-4 h-4 bg-red-500 rounded-full animate-pulse"></div>
-            <span class="text-lg font-medium">正在录音... 松开发送</span>
-        </div>
+  <div
+      v-if="isRecording"
+      class="fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50"
+  >
+    <div class="bg-white dark:bg-gray-800 rounded-lg p-6 flex items-center gap-4 shadow-xl">
+      <div class="w-4 h-4 bg-red-500 rounded-full animate-pulse"></div>
+      <span class="text-lg font-medium text-gray-800 dark:text-gray-200">正在录音... 松开发送</span>
     </div>
+  </div>
 </template>
 
 <script setup>
-// 录音状态指示器组件
+import { inject } from 'vue';
+
+const isRecording = inject('isRecording');
 </script>