feat: 飞书官方插件迁移 + 配对审批 + Gateway防卡死 + 微信升级修复 + 更新检测修复

- 飞书渠道从 @openclaw/feishu 迁移到 @larksuite/openclaw-lark 官方插件
- 保存飞书配置时自动禁用旧 feishu 插件，防止新旧插件冲突
- 所有主要渠道(飞书/Telegram/Discord/Slack)启用配对审批UI
- gateway_command 增加20s超时，超时后force-kill+fresh start
- 全平台启动前端口占用检查，防止Guardian无限拉起
- Linux gateway_command 补齐 Duration 导入和 cleanup_zombie 实现
- Guardian自动守护在Tauri桌面端也启用，轮询间隔30s→15s
- 微信渠道：升级操作不再弹出扫码二维码，按钮文案区分安装/升级
- 版本更新检测：CI不再将minAppVersion写死为当前版本
- 部署脚本增强OpenClaw检测，支持已安装的官方版
- 日间/夜间模式圆形扩散切换动画(View Transitions API)
- API错误信息完整展示(429限流等)，URL自动转可点击链接
- 第三方API接入引导优化：移除内置密钥，引导式流程
- 修复全平台 Clippy 警告(strip_prefix/dead_code/unnecessary_unwrap等)
- Rust代码格式化修复(cargo fmt)
- toast组件支持HTML内容渲染
- Rust后端test_model返回详细错误信息

src/style/chat.css

@@ -480,17 +480,33 @@
   background: var(--bg-hover);
 }
 
-/* 断连横幅 */
+/* 断连提示：细条 + 中性色，与聊天区融合，不抢视觉焦点 */
 .chat-disconnect-bar {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 6px;
-  background: #f59e0b;
-  color: #000;
-  font-size: 12px;
-  font-weight: 500;
+  gap: 6px;
+  padding: 4px 10px;
+  background: var(--bg-tertiary);
+  color: var(--text-tertiary);
+  font-size: 11px;
+  font-weight: 400;
   flex-shrink: 0;
+  border-top: 1px solid var(--border-primary);
+  letter-spacing: 0.01em;
+}
+.chat-disconnect-bar::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--text-tertiary);
+  opacity: 0.65;
+  animation: chat-disconnect-pulse 1.4s ease-in-out infinite;
+}
+@keyframes chat-disconnect-pulse {
+  0%, 100% { opacity: 0.35; transform: scale(0.92); }
+  50% { opacity: 0.85; transform: scale(1); }
 }
 
 /* 连接引导遮罩 */

src/style/layout.css

@@ -432,48 +432,83 @@
   color: #fff;
 }
 
-/* Gateway 未启动引导横幅 */
+/* Gateway 状态条：低调信息提示，避免高对比琥珀色造成焦虑 */
 .gw-banner {
-  background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);
-  color: #78350f;
-  padding: 8px 16px;
-  font-size: var(--font-size-sm);
+  background: var(--bg-tertiary);
+  color: var(--text-secondary);
+  border-bottom: 1px solid var(--border-primary);
+  padding: 5px 12px;
+  font-size: var(--font-size-xs, 12px);
+  font-weight: 400;
+  line-height: 1.35;
   z-index: 100;
-  transition: all 300ms ease;
+  transition: max-height 280ms ease, padding 280ms ease, opacity 200ms ease, border-color 200ms ease;
   overflow: hidden;
-  max-height: 80px;
+  max-height: 72px;
+  box-shadow: none;
 }
 .gw-banner-hidden {
   max-height: 0;
-  padding: 0 16px;
+  padding: 0 12px;
   opacity: 0;
+  border-bottom-color: transparent;
+  pointer-events: none;
 }
 .gw-banner-content {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
+  flex-wrap: wrap;
 }
 .gw-banner-icon {
-  font-size: 16px;
+  font-size: 14px;
+  opacity: 0.85;
+  flex-shrink: 0;
+}
+.gw-banner-icon svg {
+  stroke: var(--text-tertiary) !important;
 }
 .gw-banner-close {
   background: none;
   border: none;
-  color: rgba(0,0,0,.5);
-  font-size: 20px;
+  color: var(--text-tertiary);
+  font-size: 18px;
   line-height: 1;
   cursor: pointer;
-  padding: 0 4px;
-  margin-left: 8px;
-  transition: color .15s;
+  padding: 0 2px;
+  margin-left: 4px;
+  border-radius: 4px;
+  transition: color .15s, background .15s;
+}
+.gw-banner-close:hover {
+  color: var(--text-secondary);
+  background: var(--bg-glass-hover);
 }
-.gw-banner-close:hover { color: rgba(0,0,0,.8); }
 .gw-banner .btn {
-  margin-left: auto;
-  background: rgba(0,0,0,0.15);
-  border: none;
-  color: #000;
-  font-weight: 600;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-primary);
+  color: var(--text-primary);
+  font-weight: 500;
+  font-size: var(--font-size-xs, 12px);
+  padding: 3px 10px;
+  box-shadow: var(--shadow-sm);
+}
+.gw-banner .btn:hover {
+  background: var(--bg-glass-hover);
+  border-color: var(--border-secondary);
+}
+.gw-banner .btn-ghost {
+  border: none !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  color: var(--text-secondary) !important;
+  font-weight: 400;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.gw-banner .btn-ghost:hover {
+  color: var(--text-primary) !important;
+  background: var(--bg-glass) !important;
 }
 
 /* === 移动端顶栏 + 侧边栏 === */

src/style/pages.css

@@ -1147,6 +1147,62 @@
   color: var(--text-tertiary);
   line-height: 1.4;
 }
+/* Agent 对接 — 渠道绑定卡片 */
+.agent-binding-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-lg);
+  padding: var(--space-lg);
+  margin-bottom: var(--space-md);
+}
+.agent-binding-card-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--space-md);
+  flex-wrap: wrap;
+  margin-bottom: var(--space-md);
+}
+.agent-binding-title {
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm);
+  font-weight: 600;
+  font-size: var(--font-size-md);
+}
+.agent-binding-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs);
+}
+.agent-binding-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-md);
+  flex-wrap: wrap;
+  padding: var(--space-sm) var(--space-md);
+  background: var(--bg-tertiary);
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-primary);
+}
+.agent-binding-row-main {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+.agent-binding-channel {
+  font-size: var(--font-size-sm);
+  font-weight: 500;
+  color: var(--text-primary);
+}
+.agent-binding-row-actions {
+  display: flex;
+  gap: var(--space-xs);
+  flex-shrink: 0;
+}
+
 .platform-pick-badge {
   font-size: var(--font-size-xs);
   font-weight: 600;

src/style/variables.css

@@ -106,3 +106,28 @@
   --sidebar-collapsed: 60px;
   --header-height: 52px;
 }
+
+/* 主题切换圆形扩散动画 (View Transitions API) */
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+
+::view-transition-new(root) {
+  z-index: 1;
+  animation: themeCircleReveal 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+::view-transition-old(root) {
+  z-index: 0;
+}
+
+@keyframes themeCircleReveal {
+  from {
+    clip-path: circle(0% at var(--theme-reveal-x, 0%) var(--theme-reveal-y, 100%));
+  }
+  to {
+    clip-path: circle(150% at var(--theme-reveal-x, 0%) var(--theme-reveal-y, 100%));
+  }
+}