feat: selector rows as buttons (guaranteed click); pinyin preview line above candidates

src/pages/index/index.ux

@@ -3,39 +3,21 @@
     <swiper class="swiper" index="{{currentIndex}}" indicator="false" loop="false"
             previousmargin="0px" nextmargin="0px" onchange="onSwipeChange">
 
-      <!-- 最左页：选择对话 / 工作区（每条会话独立选择，选中高亮） -->
+      <!-- 最左页：选择对话 / 工作区（按钮行，必定可点） -->
       <div class="page-item left-page">
         <text class="page-title">选择对话</text>
         <input class="new-session" type="button" value="＋ 新会话" onclick="newSession" />
         <text class="page-title small">工作区</text>
         <text class="ws-name">📁 DeepSeek_Harness_Watch</text>
-        <div class="sel-conv {{active0 ? 'sel-active' : ''}}">
+        <input class="sel-btn {{active0 ? 'sel-btn-active' : ''}}" type="button" value="小米手环10 Pro远程控制 · 刚刚" onclick="pickConv0" />
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv0">小米手环10 Pro远程控制</text>
+        <input class="sel-btn {{active1 ? 'sel-btn-active' : ''}}" type="button" value="DSHWatch 验收 · 1小时" onclick="pickConv1" />
-          <text class="sel-time">刚刚</text>
-        </div>
-        <div class="sel-conv {{active1 ? 'sel-active' : ''}}">
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv1">DSHWatch 验收</text>
-          <text class="sel-time">1小时</text>
-        </div>
         <text class="ws-name">📁 reactor</text>
-        <div class="sel-conv {{active2 ? 'sel-active' : ''}}">
+        <input class="sel-btn {{active2 ? 'sel-btn-active' : ''}}" type="button" value="排查Git文件乱码问题 · 15天" onclick="pickConv2" />
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv2">排查Git文件乱码问题</text>
-          <text class="sel-time">15天</text>
-        </div>
         <text class="ws-name">📁 project</text>
-        <div class="sel-conv {{active3 ? 'sel-active' : ''}}">
+        <input class="sel-btn {{active3 ? 'sel-btn-active' : ''}}" type="button" value="修改API配置为固定密钥 · 8天" onclick="pickConv3" />
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv3">修改API配置为固定密钥</text>
+        <input class="sel-btn {{active4 ? 'sel-btn-active' : ''}}" type="button" value="检测DeepSeek API可用性 · 9天" onclick="pickConv4" />
-          <text class="sel-time">8天</text>
-        </div>
-        <div class="sel-conv {{active4 ? 'sel-active' : ''}}">
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv4">检测DeepSeek API可用性</text>
-          <text class="sel-time">9天</text>
-        </div>
         <text class="ws-name">📁 truestudio.online</text>
-        <div class="sel-conv {{active5 ? 'sel-active' : ''}}">
+        <input class="sel-btn {{active5 ? 'sel-btn-active' : ''}}" type="button" value="评估一下项目状态 · 9天" onclick="pickConv5" />
-          <text class="sel-title fl{{fontLevel}}" onclick="pickConv5">评估一下项目状态</text>
-          <text class="sel-time">9天</text>
-        </div>
       </div>
 
       <!-- 左页：对话（Harness 式） -->
@@ -147,6 +129,7 @@
       <div class="kb-input">
         <text class="kb-text">{{inputText}}</text>
       </div>
+      <div class="kb-pinyin" if="{{pinyinMode && pinyinBuf}}">{{pinyinBuf}}</div>
       <div class="kb-cands" if="{{pinyinMode && candidates.length}}">
         <text class="kb-cand" onclick="pickCand0">{{candidates[0]}}</text>
         <text class="kb-cand" onclick="pickCand1">{{candidates[1]}}</text>
@@ -1284,6 +1267,33 @@ export default {
   border: 1px solid #33b4ff;
 }
 
+.sel-btn {
+  width: 100%;
+  height: 42px;
+  margin-bottom: 6px;
+  border-radius: 10px;
+  background-color: #152238;
+  color: #e6f0ff;
+  font-size: 15px;
+  text-align: left;
+  padding: 0 10px;
+}
+
+.sel-btn-active {
+  background-color: rgba(51,180,255,0.22);
+  border: 1px solid #33b4ff;
+}
+
+.kb-pinyin {
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  color: #7fd0ff;
+  font-size: 18px;
+  margin-bottom: 6px;
+  min-height: 24px;
+}
+
 .kb-cands {
   width: 100%;
   flex-direction: row;