From 153f146daf98d488f4eb77dda2c2197be381468e Mon Sep 17 00:00:00 2001
From: jiangchen <1703935164@qq.com>
Date: Tue, 1 Sep 2026 23:20:27 +0800
Subject: [PATCH] fix: use == in template comparisons (Vela moustache) so
 highlight/roles work

---
 src/pages/index/index.ux | 72 ++++++++++++++++++++--------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/pages/index/index.ux b/src/pages/index/index.ux
index c4de96b..e3b3075 100644
--- a/src/pages/index/index.ux
+++ b/src/pages/index/index.ux
@@ -9,30 +9,30 @@
         <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 {{currentConv === '小米手环10 Pro远程控制' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == '小米手环10 Pro远程控制' ? 'sel-active' : ''}}">
           <text class="sel-title fl{{fontLevel}}" onclick="pickConv0">小米手环10 Pro远程控制</text>
           <text class="sel-time">刚刚</text>
         </div>
-        <div class="sel-conv {{currentConv === 'DSHWatch 验收' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == 'DSHWatch 验收' ? '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 {{currentConv === '排查Git文件乱码问题' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == '排查Git文件乱码问题' ? 'sel-active' : ''}}">
           <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 {{currentConv === '修改API配置为固定密钥' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == '修改API配置为固定密钥' ? 'sel-active' : ''}}">
           <text class="sel-title fl{{fontLevel}}" onclick="pickConv3">修改API配置为固定密钥</text>
           <text class="sel-time">8天</text>
         </div>
-        <div class="sel-conv {{currentConv === '检测DeepSeek API可用性' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == '检测DeepSeek API可用性' ? '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 {{currentConv === '评估一下项目状态' ? 'sel-active' : ''}}">
+        <div class="sel-conv {{currentConv == '评估一下项目状态' ? 'sel-active' : ''}}">
           <text class="sel-title fl{{fontLevel}}" onclick="pickConv5">评估一下项目状态</text>
           <text class="sel-time">9天</text>
         </div>
@@ -55,17 +55,17 @@
 
         <!-- 消息流 -->
         <scroll class="chat-scroll" scroll-y="true">
-          <div class="msg-row {{$item.role === 'user' ? 'row-user' : 'row-assistant'}}" for="{{messages}}">
-            <div class="chat-msg {{$item.role === 'user' ? 'msg-user' : 'msg-assistant'}}">
+          <div class="msg-row {{$item.role == 'user' ? 'row-user' : 'row-assistant'}}" for="{{messages}}">
+            <div class="chat-msg {{$item.role == 'user' ? 'msg-user' : 'msg-assistant'}}">
               <div class="think-chip" if="{{$item.think}}">
                 <text>💭 思考…</text>
               </div>
               <text class="think-text fl{{fontLevel}}" if="{{$item.showThink}}">{{$item.think}}</text>
               <text class="chat-text fl{{fontLevel}}">{{$item.collapsed ? $item.preview : $item.text}}</text>
-              <text class="expand-chip" if="{{$item.role === 'assistant' && $item.collapsed}}">展开 ▾</text>
-              <text class="expand-chip" if="{{$item.role === 'assistant' && !$item.collapsed}}">收起 ▴</text>
-              <image class="chat-img" src="/common/dsniang.png" if="{{$item.kind === 'image'}}" />
-              <div class="approve-box" if="{{$item.kind === 'approval'}}">
+              <text class="expand-chip" if="{{$item.role == 'assistant' && $item.collapsed}}">展开 ▾</text>
+              <text class="expand-chip" if="{{$item.role == 'assistant' && !$item.collapsed}}">收起 ▴</text>
+              <image class="chat-img" src="/common/dsniang.png" if="{{$item.kind == 'image'}}" />
+              <div class="approve-box" if="{{$item.kind == 'approval'}}">
                 <input class="approve-btn allow" type="button" value="允许" />
                 <input class="approve-btn deny" type="button" value="拒绝" />
               </div>
@@ -149,27 +149,27 @@
       </div>
       <div class="kb-keys">
         <!-- 英文模式 -->
-        <div class="kb-row" if="{{kbMode === 'en'}}">
+        <div class="kb-row" if="{{kbMode == 'en'}}">
           <text class="kb-key" onclick="kbKey('q')">q</text><text class="kb-key" onclick="kbKey('w')">w</text><text class="kb-key" onclick="kbKey('e')">e</text><text class="kb-key" onclick="kbKey('r')">r</text><text class="kb-key" onclick="kbKey('t')">t</text><text class="kb-key" onclick="kbKey('y')">y</text><text class="kb-key" onclick="kbKey('u')">u</text><text class="kb-key" onclick="kbKey('i')">i</text><text class="kb-key" onclick="kbKey('o')">o</text><text class="kb-key" onclick="kbKey('p')">p</text>
         </div>
-        <div class="kb-row" if="{{kbMode === 'en'}}">
+        <div class="kb-row" if="{{kbMode == 'en'}}">
           <text class="kb-key" onclick="kbKey('a')">a</text><text class="kb-key" onclick="kbKey('s')">s</text><text class="kb-key" onclick="kbKey('d')">d</text><text class="kb-key" onclick="kbKey('f')">f</text><text class="kb-key" onclick="kbKey('g')">g</text><text class="kb-key" onclick="kbKey('h')">h</text><text class="kb-key" onclick="kbKey('j')">j</text><text class="kb-key" onclick="kbKey('k')">k</text><text class="kb-key" onclick="kbKey('l')">l</text>
         </div>
-        <div class="kb-row" if="{{kbMode === 'en'}}">
+        <div class="kb-row" if="{{kbMode == 'en'}}">
           <text class="kb-key" onclick="kbKey('z')">z</text><text class="kb-key" onclick="kbKey('x')">x</text><text class="kb-key" onclick="kbKey('c')">c</text><text class="kb-key" onclick="kbKey('v')">v</text><text class="kb-key" onclick="kbKey('b')">b</text><text class="kb-key" onclick="kbKey('n')">n</text><text class="kb-key" onclick="kbKey('m')">m</text>
         </div>
-        <div class="kb-row" if="{{kbMode === 'en'}}">
+        <div class="kb-row" if="{{kbMode == 'en'}}">
           <text class="kb-key" onclick="kbKey('1')">1</text><text class="kb-key" onclick="kbKey('2')">2</text><text class="kb-key" onclick="kbKey('3')">3</text><text class="kb-key" onclick="kbKey('4')">4</text><text class="kb-key" onclick="kbKey('5')">5</text><text class="kb-key" onclick="kbKey('6')">6</text><text class="kb-key" onclick="kbKey('7')">7</text><text class="kb-key" onclick="kbKey('8')">8</text><text class="kb-key" onclick="kbKey('9')">9</text><text class="kb-key" onclick="kbKey('0')">0</text>
         </div>
         <!-- 中文常用字模式 -->
-        <div class="kb-row" if="{{kbMode === 'zh'}}">
+        <div class="kb-row" if="{{kbMode == 'zh'}}">
           <text class="kb-key kb-char" onclick="kbChar('一')">一</text><text class="kb-key kb-char" onclick="kbChar('的')">的</text><text class="kb-key kb-char" onclick="kbChar('是')">是</text><text class="kb-key kb-char" onclick="kbChar('了')">了</text><text class="kb-key kb-char" onclick="kbChar('我')">我</text><text class="kb-key kb-char" onclick="kbChar('不')">不</text><text class="kb-key kb-char" onclick="kbChar('人')">人</text><text class="kb-key kb-char" onclick="kbChar('在')">在</text><text class="kb-key kb-char" onclick="kbChar('他')">他</text><text class="kb-key kb-char" onclick="kbChar('有')">有</text>
         </div>
-        <div class="kb-row" if="{{kbMode === 'zh'}}">
+        <div class="kb-row" if="{{kbMode == 'zh'}}">
           <text class="kb-key kb-char" onclick="kbChar('这')">这</text><text class="kb-key kb-char" onclick="kbChar('中')">中</text><text class="kb-key kb-char" onclick="kbChar('大')">大</text><text class="kb-key kb-char" onclick="kbChar('为')">为</text><text class="kb-key kb-char" onclick="kbChar('上')">上</text><text class="kb-key kb-char" onclick="kbChar('国')">国</text><text class="kb-key kb-char" onclick="kbChar('个')">个</text><text class="kb-key kb-char" onclick="kbChar('到')">到</text><text class="kb-key kb-char" onclick="kbChar('说')">说</text><text class="kb-key kb-char" onclick="kbChar('们')">们</text>
         </div>
         <div class="kb-row">
-          <text class="kb-key kb-fn" onclick="kbToggleZh">{{kbMode === 'en' ? '中' : 'Abc'}}</text>
+          <text class="kb-key kb-fn" onclick="kbToggleZh">{{kbMode == 'en' ? '中' : 'Abc'}}</text>
           <text class="kb-key kb-fn" onclick="kbSpace">空格</text>
           <text class="kb-key kb-fn" onclick="kbBack">退格</text>
           <text class="kb-key kb-fn" onclick="kbClose">收起</text>
@@ -182,10 +182,10 @@
     <div class="popup" if="{{showOptionPicker}}">
       <div class="popup-box">
         <text class="popup-title">{{pickerTitle}}</text>
-        <div class="picker-option {{pickerIndex === 0 ? 'picker-active' : ''}}" if="{{pickerOptions[0]}}" onclick="pick0"><text>{{pickerOptions[0]}}</text></div>
-        <div class="picker-option {{pickerIndex === 1 ? 'picker-active' : ''}}" if="{{pickerOptions[1]}}" onclick="pick1"><text>{{pickerOptions[1]}}</text></div>
-        <div class="picker-option {{pickerIndex === 2 ? 'picker-active' : ''}}" if="{{pickerOptions[2]}}" onclick="pick2"><text>{{pickerOptions[2]}}</text></div>
-        <div class="picker-option {{pickerIndex === 3 ? 'picker-active' : ''}}" if="{{pickerOptions[3]}}" onclick="pick3"><text>{{pickerOptions[3]}}</text></div>
+        <div class="picker-option {{pickerIndex == 0 ? 'picker-active' : ''}}" if="{{pickerOptions[0]}}" onclick="pick0"><text>{{pickerOptions[0]}}</text></div>
+        <div class="picker-option {{pickerIndex == 1 ? 'picker-active' : ''}}" if="{{pickerOptions[1]}}" onclick="pick1"><text>{{pickerOptions[1]}}</text></div>
+        <div class="picker-option {{pickerIndex == 2 ? 'picker-active' : ''}}" if="{{pickerOptions[2]}}" onclick="pick2"><text>{{pickerOptions[2]}}</text></div>
+        <div class="picker-option {{pickerIndex == 3 ? 'picker-active' : ''}}" if="{{pickerOptions[3]}}" onclick="pick3"><text>{{pickerOptions[3]}}</text></div>
         <div class="popup-actions">
           <input class="popup-btn" type="button" value="确定" onclick="applyPicker" />
         </div>
@@ -348,7 +348,7 @@ export default {
   },
 
   onSwipeChange(e) {
-    if (e && typeof e.index === 'number') {
+    if (e && typeof e.index == 'number') {
       this.currentIndex = e.index
       // 离开对话页（index 1）自动收起键盘/选择器
       if (this.currentIndex !== 1) {
@@ -427,7 +427,7 @@ export default {
   },
 
   kbToggleZh() {
-    this.kbMode = this.kbMode === 'en' ? 'zh' : 'en'
+    this.kbMode = this.kbMode == 'en' ? 'zh' : 'en'
   },
 
   kbSpace() {
@@ -480,7 +480,7 @@ export default {
   applyPicker() {
     const t = this.pickerTarget
     if (!t) return this.showOptionPicker = false
-    if (t === 'ws') {
+    if (t == 'ws') {
       // 预留：新建工作区（后续让插件串流电脑目录，这里先占位）
       this.currentConv = '新会话'
       this.showOptionPicker = false
@@ -498,7 +498,7 @@ export default {
   },
 
   onFontChange(e) {
-    let v = e && typeof e.progress === 'number' ? e.progress : (e && typeof e.value === 'number' ? e.value : 18)
+    let v = e && typeof e.progress == 'number' ? e.progress : (e && typeof e.value == 'number' ? e.value : 18)
     // 兼容 progress 是 0-100 百分比的情况
     if (v >= 10 && v <= 24) {
       this.fontValue = v
@@ -512,7 +512,7 @@ export default {
 
   confirmFont() {
     this.showFontPicker = false
-    const row = this.watchSettings.find((r) => r.label === '字体大小')
+    const row = this.watchSettings.find((r) => r.label == '字体大小')
     if (row) row.value = this.fontLabel
   },
 
@@ -522,7 +522,7 @@ export default {
     const d = new Date(now + 8 * 3600 * 1000)
     const day = d.getUTCDay() // 0=Sun
     const hour = d.getUTCHours()
-    const isWeekend = day === 0 || day === 6
+    const isWeekend = day == 0 || day == 6
     const inPeak = !isWeekend && ((hour >= 9 && hour < 12) || (hour >= 14 && hour < 18))
     this.isPeak = inPeak
     this.peakLabel = inPeak ? '峰时 · 全价' : '谷时 · 半价'
@@ -566,14 +566,14 @@ export default {
 
   handleBridgeMessage(msg) {
     if (!msg) return
-    if (msg.type === 'status' && msg.payload) {
+    if (msg.type == 'status' && msg.payload) {
       const pl = msg.payload
       if (typeof pl.balance !== 'undefined') this.balance = pl.balance
       if (typeof pl.todayCost !== 'undefined') this.todayCost = pl.todayCost
       if (pl.model) this.statusText = '在线 · ' + pl.model
       if (typeof pl.running !== 'undefined') this.statusText = pl.running ? '执行中' : '空闲'
       this.connText = pl.model ? ('在线 · ' + pl.model) : '已连接'
-    } else if (msg.type === 'event' && msg.payload) {
+    } else if (msg.type == 'event' && msg.payload) {
       // 后续可更新会话/事件列表
     }
   }
@@ -762,7 +762,7 @@ export default {
   background-color: #33b4ff;
 }
 
-/* ===== 左页：对话 ===== */
+/* ==== 左页：对话 ==== */
 .chat-scroll {
   flex: 1;
   width: 100%;
@@ -925,7 +925,7 @@ export default {
   font-size: 14px;
 }
 
-/* ===== 右页：设置 ===== */
+/* ==== 右页：设置 ==== */
 .settings-scroll {
   flex: 1;
   width: 100%;
@@ -963,14 +963,14 @@ export default {
   margin-bottom: 6px;
 }
 
-/* ===== 字体等级（随字号滑块变化） ===== */
+/* ==== 字体等级（随字号滑块变化） ==== */
 .fl0 { font-size: 15px; line-height: 21px; }
 .fl1 { font-size: 17px; line-height: 25px; }
 .fl2 { font-size: 19px; line-height: 28px; }
 .fl3 { font-size: 21px; line-height: 31px; }
 .fl4 { font-size: 23px; line-height: 34px; }
 
-/* ===== 字体大小弹窗 ===== */
+/* ==== 字体大小弹窗 ==== */
 .popup {
   position: absolute;
   top: 0;
@@ -1046,7 +1046,7 @@ export default {
   border-color: #33b4ff;
 }
 
-/* ===== 软键盘 ===== */
+/* ==== 软键盘 ==== */
 .keyboard {
   position: absolute;
   left: 0;