重构: df-miniapp移入apps/(monorepo分层 crates=Rust库/apps=前端应用)

- df-miniapp/ -> apps/df-miniapp/(uni-app 工程归集前端应用层,与 crates/ Rust 库分层)
- 删冗余 apps/df-miniapp/.gitignore(根已覆盖 node_modules/dist/.DS_Store 等)
- 根 .gitignore 加 unpackage/(uni-app 编译产物,唯一根未覆盖项)
- vue-tsc 零错(移动不改代码,类型不变)

apps/df-miniapp/src/pages/conversations/index.vue

@@ -0,0 +1,159 @@
+<script setup lang="ts">
+import { onPullDownRefresh } from '@dcloudio/uni-app'
+import { useAiChat } from '@/composables/useAiChat'
+
+const ai = useAiChat()
+
+/** 点击会话项切换 */
+function handleSelect(convId: string): void {
+  ai.switchConversation(convId)
+  // 切换后跳回对话页
+  uni.switchTab({ url: '/pages/chat/index' })
+}
+
+/** 新建会话 */
+function handleNew(): void {
+  ai.newConversation()
+  uni.switchTab({ url: '/pages/chat/index' })
+}
+
+/** 下拉刷新(后续接 device 同步会话列表的 Command) */
+onPullDownRefresh(() => {
+  // MVP:会话列表来自本地缓存,刷新空动作占位
+  // 后续批:发 list_conversations Command → device 返回列表 → 更新 ai.conversations
+  setTimeout(() => {
+    uni.stopPullDownRefresh()
+  }, 500)
+})
+
+/** 格式化时间戳为可读字符串 */
+function formatTime(ts?: number): string {
+  if (!ts) return ''
+  const d = new Date(ts)
+  const mm = String(d.getMonth() + 1).padStart(2, '0')
+  const dd = String(d.getDate()).padStart(2, '0')
+  const hh = String(d.getHours()).padStart(2, '0')
+  const mi = String(d.getMinutes()).padStart(2, '0')
+  return `${mm}-${dd} ${hh}:${mi}`
+}
+</script>
+
+<template>
+  <view class="conv-page">
+    <!-- 顶部新建按钮 -->
+    <view class="new-bar" @click="handleNew">
+      <text class="new-icon">+</text>
+      <text class="new-text">新建会话</text>
+    </view>
+
+    <!-- 会话列表 -->
+    <scroll-view class="conv-list" scroll-y>
+      <view v-if="ai.conversations.length === 0" class="empty-hint">
+        <text>暂无历史会话</text>
+        <text class="empty-sub">在桌面端创建后,此处同步</text>
+      </view>
+
+      <view
+        v-for="conv in ai.conversations"
+        :key="conv.id"
+        class="conv-item"
+        :class="{ active: conv.id === ai.activeConversationId.value }"
+        @click="handleSelect(conv.id)"
+      >
+        <view class="conv-main">
+          <text class="conv-title">{{ conv.title || '(未命名会话)' }}</text>
+          <text v-if="conv.lastMessage" class="conv-last">{{ conv.lastMessage }}</text>
+        </view>
+        <text v-if="conv.updatedAt" class="conv-time">{{ formatTime(conv.updatedAt) }}</text>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.conv-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: $uni-bg-color;
+}
+
+.new-bar {
+  display: flex;
+  align-items: center;
+  padding: 24rpx;
+  background-color: $uni-bg-color-dark;
+  border-bottom: 1rpx solid $uni-border-color;
+}
+
+.new-icon {
+  font-size: 40rpx;
+  color: $uni-color-primary;
+  margin-right: 16rpx;
+}
+
+.new-text {
+  font-size: $uni-font-size-base;
+  color: $uni-color-primary;
+}
+
+.conv-list {
+  flex: 1;
+}
+
+.empty-hint {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 200rpx 24rpx;
+  text {
+    color: $uni-text-color-disable;
+    font-size: $uni-font-size-base;
+  }
+  .empty-sub {
+    margin-top: 12rpx;
+    font-size: $uni-font-size-sm;
+  }
+}
+
+.conv-item {
+  display: flex;
+  align-items: center;
+  padding: 24rpx;
+  border-bottom: 1rpx solid $uni-border-color;
+  &.active {
+    background-color: $uni-bg-color-light;
+    border-left: 6rpx solid $uni-color-primary;
+  }
+}
+
+.conv-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.conv-title {
+  font-size: $uni-font-size-base;
+  color: $uni-text-color;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.conv-last {
+  margin-top: 8rpx;
+  font-size: $uni-font-size-sm;
+  color: $uni-text-color-grey;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.conv-time {
+  font-size: $uni-font-size-sm;
+  color: $uni-text-color-disable;
+  margin-left: 16rpx;
+}
+</style>