dsh-remote-plugin 0.5.0 → 0.5.3

package/public/styles.css

@@ -163,12 +163,30 @@ body.in-session .view {
   backdrop-filter: blur(12px);
   border-bottom: 1px solid var(--line);
 }
+/* 会话运行状态可视化(类似 Web UI deepdiving):
+   运行中 = 蓝色流动渐变; 出错/中断 = 橙红; 空闲 = 原始样式 */
+.session-head.running {
+  background: linear-gradient(90deg, rgba(11, 14, 26, .94), rgba(35, 65, 150, .92), rgba(125, 207, 255, .6), rgba(35, 65, 150, .92), rgba(11, 14, 26, .94));
+  background-size: 200% 100%;
+  animation: session-running-flow 2.6s ease-in-out infinite alternate;
+  border-bottom-color: rgba(91, 140, 255, .55);
+}
+.session-head.interrupted {
+  background: linear-gradient(90deg, rgba(11, 14, 26, .94), rgba(90, 26, 12, .92), rgba(255, 158, 100, .55), rgba(90, 26, 12, .92), rgba(11, 14, 26, .94));
+  background-size: 200% 100%;
+  animation: session-running-flow 1.8s ease-in-out infinite alternate;
+  border-bottom-color: rgba(255, 158, 100, .55);
+}
+@keyframes session-running-flow {
+  from { background-position: 0% 50%; }
+  to { background-position: 100% 50%; }
+}
 .session-head .session-title { flex-shrink: 1; }
 .session-head-meta { flex: 1; min-width: 0; }
 .session-title {
   font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
-.session-sub { font-size: 12px; color: var(--muted); margin-top: 1px; }
+.session-sub { font-size: 12px; color: var(--muted); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .cards {
   display: flex; flex-direction: column; gap: 8px; margin-top: 8px;
   flex-shrink: 0; max-height: 42vh; overflow-y: auto;
@@ -271,13 +289,15 @@ body.in-session .view {
 .tool.error summary { color: var(--orange); }
 
 /* ---------- composer ---------- */
-.composer {
+.composer-wrap {
   position: fixed; left: 0; right: 0; bottom: calc(58px + var(--safe-b)); z-index: 20;
-  display: flex; gap: 8px; align-items: flex-end;
-  padding: 8px 12px calc(8px + var(--safe-b));
+  max-width: 720px; margin: 0 auto;
   background: rgba(11, 14, 26, .92); backdrop-filter: blur(10px);
   border-top: 1px solid var(--line);
-  max-width: 720px; margin: 0 auto;
+}
+.composer {
+  display: flex; gap: 8px; align-items: flex-end;
+  padding: 8px 12px calc(8px + var(--safe-b));
 }
 .composer textarea {
   flex: 1; resize: none; background: var(--panel); color: var(--text);
@@ -286,11 +306,43 @@ body.in-session .view {
   max-height: 120px; outline: none;
 }
 .composer textarea:focus { border-color: rgba(91, 140, 255, .6); }
+.plus-btn {
+  flex-shrink: 0; width: 42px; height: 42px; border-radius: 14px;
+  background: var(--panel); color: var(--cyan); border: 1px solid var(--line);
+  font-size: 22px; font-weight: 700; line-height: 1;
+}
+.plus-btn.active { background: rgba(125, 207, 255, .14); border-color: rgba(125, 207, 255, .45); }
 .send-btn {
   flex-shrink: 0; width: 46px; height: 42px; border-radius: 14px;
   background: var(--blue); color: #fff; font-weight: 700; font-size: 14px;
 }
 .send-btn:disabled { opacity: .45; }
+.composer-menu {
+  max-height: min(46vh, 340px); overflow-y: auto;
+  padding: 10px 12px; display: flex; flex-direction: column; gap: 12px;
+  border-bottom: 1px solid var(--line);
+}
+.menu-title {
+  font-size: 12px; color: var(--muted); font-weight: 700; letter-spacing: .5px;
+  margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between;
+}
+.menu-chips { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
+.menu-chip {
+  background: var(--panel); color: var(--text); border: 1px solid var(--line);
+  border-radius: 999px; padding: 6px 11px; font-size: 12.5px; cursor: pointer;
+  white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
+}
+.menu-chip:active { background: rgba(91, 140, 255, .16); border-color: rgba(91, 140, 255, .5); }
+.menu-chip.current { color: var(--cyan); border-color: rgba(125, 207, 255, .45); background: rgba(125, 207, 255, .08); }
+.menu-chip.danger { color: var(--orange); border-color: rgba(255, 158, 100, .4); }
+.menu-models { display: flex; flex-wrap: wrap; gap: 7px; }
+.model-chip {
+  background: var(--panel); border: 1px solid var(--line); color: var(--text);
+  border-radius: 999px; padding: 6px 11px; font-size: 12.5px; cursor: pointer;
+  max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+.model-chip.current { color: var(--cyan); border-color: rgba(125, 207, 255, .45); background: rgba(125, 207, 255, .08); }
+.model-provider { font-size: 11px; color: var(--muted); margin: 7px 0 5px; }
 body.in-session .main { padding-bottom: 84px; }
 
 /* ---------- 待办 ---------- */
@@ -302,7 +354,7 @@ body.in-session .main { padding-bottom: 84px; }
 .pending-card.approval { border-left: 3px solid var(--orange); }
 .pending-card.question { border-left: 3px solid var(--purple); }
 .pc-title { font-weight: 600; font-size: 14px; }
-.pc-desc { font-size: 12.5px; color: var(--muted); margin-top: 3px; word-break: break-all; }
+.pc-desc { font-size: 12.5px; color: var(--muted); margin-top: 3px; overflow-wrap: anywhere; }
 .pc-session { font-size: 11px; color: var(--blue); margin-top: 5px; }
 .job-card .job-name { font-weight: 600; font-size: 14px; }
 .job-state { font-size: 12px; color: var(--muted); margin-top: 3px; }

package/public/update.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.5.0",
+  "version": "0.5.3",
   "apkUrl": "dsh-remote.apk",
-  "releasedAt": "2026-08-16T04:01:50.533Z",
-  "notes": "上传支持暂停/取消与 SHA-256 完整性校验; 网关管理页一键生成令牌二维码+轮换令牌, 手机 App 扫码自动配对; Release 自动附 changelog 与 SHA256SUMS"
+  "releasedAt": "2026-08-16T08:04:08.551Z",
+  "notes": "界面中英双语（App/管理页，跟随系统语言，可手动切换）；抽屉 UI 优化：token 独占一行、设备列表窄屏卡片式、标题徽章不换行；修复扫码配对误报与二维码生成失败；修复未设 token 时反复重连导致的认证失败计数增长"
 }

package/public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.5.0"
+  "version": "0.5.3"
 }