@sinm/kai 1.10.11 → 1.10.12

package/dist-electron/renderer/assets/{index-DMYFeXxm.css → index-Bg2KVBzU.css}

@@ -2801,7 +2801,7 @@
   gap: 2px;
   padding: 6px 10px;
 }
-._card_1t93f_1 {
+._card_64fh5_1 {
   margin: 8px 0;
   border: 1px solid var(--border-color);
   border-radius: 6px;
@@ -2809,30 +2809,30 @@
   transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
 }
 
-._embedded_1t93f_9 {
+._embedded_64fh5_9 {
   margin: 0;
   border-color: var(--border-default);
   background: color-mix(in srgb, var(--bg-secondary) 72%, var(--bg-primary) 28%);
   box-shadow: none;
 }
 
-._collapse_1t93f_16 {
+._collapse_64fh5_16 {
   /* Collapse 组件提供 header 和 content 样式 */
 }
 
-._toolIcon_1t93f_20 {
+._toolIcon_64fh5_20 {
   color: var(--text-tertiary);
   flex-shrink: 0;
 }
 
-._toolName_1t93f_25 {
+._toolName_64fh5_25 {
   font-size: 12px;
   font-weight: 500;
   color: var(--text-secondary);
   flex-shrink: 0;
 }
 
-._argSummaryWrap_1t93f_32 {
+._argSummaryWrap_64fh5_32 {
   position: relative;
   flex: 999 1 0;
   min-width: 0;
@@ -2840,7 +2840,7 @@
   align-items: center;
 }
 
-._argSummary_1t93f_32 {
+._argSummary_64fh5_32 {
   flex: 1 1 auto;
   min-width: 0;
   font-size: 12px;
@@ -2856,23 +2856,23 @@
   text-align: left;
 }
 
-._argSummaryClickable_1t93f_56 {
+._argSummaryClickable_64fh5_56 {
   color: var(--color-primary);
   cursor: pointer;
   transition: border-color 0.15s ease, outline-color 0.15s ease;
 }
 
-._argSummaryClickable_1t93f_56:hover,
-._argSummaryClickable_1t93f_56:focus-visible {
+._argSummaryClickable_64fh5_56:hover,
+._argSummaryClickable_64fh5_56:focus-visible {
   border-bottom-color: var(--color-primary);
 }
 
-._argSummaryClickable_1t93f_56:focus-visible {
+._argSummaryClickable_64fh5_56:focus-visible {
   outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
   outline-offset: 2px;
 }
 
-._copyPathButton_1t93f_72 {
+._copyPathButton_64fh5_72 {
   position: absolute;
   right: 0;
   top: 50%;
@@ -2893,14 +2893,14 @@
   transition: opacity 0.15s ease, color 0.15s ease, background 0.15s ease;
 }
 
-._argSummaryWrap_1t93f_32:hover ._copyPathButton_1t93f_72,
-._copyPathButton_1t93f_72:focus-visible {
+._argSummaryWrap_64fh5_32:hover ._copyPathButton_64fh5_72,
+._copyPathButton_64fh5_72:focus-visible {
   opacity: 1;
   pointer-events: auto;
 }
 
-._copyPathButton_1t93f_72:hover,
-._copyPathButton_1t93f_72:focus-visible {
+._copyPathButton_64fh5_72:hover,
+._copyPathButton_64fh5_72:focus-visible {
   color: var(--color-primary);
   background: var(--hover-bg);
   outline: none;
@@ -2908,11 +2908,11 @@
 
 /* 兜底推手：argSummary 不存在时把 duration/status 推到右侧 */
 /* argSummary 存在时，其 flex-grow: 999 压缩 spacer 几乎为零 */
-._spacer_1t93f_108 {
+._spacer_64fh5_108 {
   flex: 1;
 }
 
-._duration_1t93f_112 {
+._duration_64fh5_112 {
   font-size: 0.85em;
   color: var(--text-tertiary);
   margin-left: 8px;
@@ -2920,7 +2920,7 @@
   white-space: nowrap;
 }
 
-._status_1t93f_120 {
+._status_64fh5_120 {
   font-size: 12px;
   color: var(--text-secondary);
   display: flex;
@@ -2930,31 +2930,31 @@
   margin-right: 6px;
 }
 
-._pending_1t93f_130 ._status_1t93f_120 {
+._pending_64fh5_130 ._status_64fh5_120 {
   color: var(--text-tertiary);
 }
 
-._success_1t93f_134 ._status_1t93f_120 {
+._success_64fh5_134 ._status_64fh5_120 {
   color: var(--color-success);
 }
 
-._error_1t93f_138 {
+._error_64fh5_138 {
   border-color: var(--color-error-strong);
 }
 
-._error_1t93f_138 ._status_1t93f_120 {
+._error_64fh5_138 ._status_64fh5_120 {
   color: var(--color-error);
 }
 
-._section_1t93f_146 {
+._section_64fh5_146 {
   margin-top: 8px;
 }
 
-._section_1t93f_146:first-child {
+._section_64fh5_146:first-child {
   margin-top: 0;
 }
 
-._label_1t93f_154 {
+._label_64fh5_154 {
   font-size: 11px;
   color: var(--text-tertiary);
   margin-bottom: 4px;
@@ -2962,7 +2962,7 @@
   letter-spacing: 0.5px;
 }
 
-._errorResult_1t93f_162 {
+._errorResult_64fh5_162 {
   color: var(--color-error);
   background: color-mix(in srgb, var(--color-error) 8%, var(--bg-primary));
   padding: 6px 10px;
@@ -2972,7 +2972,7 @@
   line-height: 1.5;
 }
 
-._plainResult_1t93f_172 {
+._plainResult_64fh5_172 {
   font-size: 12px;
   color: var(--text-secondary);
   line-height: 1.5;
@@ -2980,11 +2980,11 @@
   word-break: break-word;
 }
 
-._diffToggleBar_1t93f_180 {
+._diffToggleBar_64fh5_180 {
   margin-bottom: 8px;
 }
 
-._diffButton_1t93f_184 {
+._diffButton_64fh5_184 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -2999,33 +2999,39 @@
   white-space: nowrap;
 }
 
-._diffButton_1t93f_184:hover {
+._diffButton_64fh5_184:hover {
   background: var(--color-primary);
   color: #fff;
 }
 
-._diffSection_1t93f_204 {
+._diffSection_64fh5_204 {
   margin-top: 8px;
 }
 
-._taskIdList_1t93f_208 {
+._readFileContent_64fh5_208 {
+  max-height: min(560px, 60vh);
+  overflow: auto;
+  border-radius: 6px;
+}
+
+._taskIdList_64fh5_214 {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
 }
 
-._spinning_1t93f_214 {
-  animation: _spin_1t93f_214 1s linear infinite;
+._spinning_64fh5_220 {
+  animation: _spin_64fh5_220 1s linear infinite;
   flex-shrink: 0;
 }
 
-@keyframes _spin_1t93f_214 {
+@keyframes _spin_64fh5_220 {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
 /* generateImage 结果区域 */
-._generatedImage_1t93f_225 {
+._generatedImage_64fh5_231 {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -3033,7 +3039,7 @@
   padding: 4px 0;
 }
 
-._generatedImageThumb_1t93f_233 {
+._generatedImageThumb_64fh5_239 {
   max-width: 200px;
   max-height: 160px;
   border-radius: 6px;
@@ -3041,7 +3047,7 @@
   object-fit: contain;
 }
 
-._brokenImage_1t93f_241 {
+._brokenImage_64fh5_247 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3053,13 +3059,13 @@
   color: var(--text-tertiary);
 }
 
-._generatedImageLabel_1t93f_253 {
+._generatedImageLabel_64fh5_259 {
   font-size: 12px;
   color: var(--text-secondary);
 }
 
 /* Tooltip 内完整参数文本 */
-._tooltipContent_1t93f_259 {
+._tooltipContent_64fh5_265 {
   display: block;
   max-height: 120px;
   overflow-y: auto;
@@ -3518,7 +3524,7 @@
 
 /* ── 内部 body（Shell 的 children） ── */
 
-._broadcastBody_1ho0j_9 {
+._broadcastBody_13xq3_9 {
   display: flex;
   flex-direction: column;
   margin-top: 2px;
@@ -3528,14 +3534,14 @@
 
 /* ── Header 动作文案 ── */
 
-._headerAction_1ho0j_19 {
+._headerAction_13xq3_19 {
   font-size: 12px;
   color: var(--text-secondary);
 }
 
 /* ── 标签栏 ── */
 
-._tabsBar_1ho0j_26 {
+._tabsBar_13xq3_26 {
   display: flex;
   gap: 0;
   background: var(--bg-secondary);
@@ -3545,7 +3551,7 @@
   flex-shrink: 0;
 }
 
-._tab_1ho0j_26 {
+._tab_13xq3_26 {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -3556,58 +3562,66 @@
   font-size: 0.8125rem;
   color: var(--text-secondary);
   border-bottom: 2px solid transparent;
-  transition: all var(--duration-normal) var(--ease-default);
+  transition:
+    background var(--duration-normal) var(--ease-default),
+    border-color var(--duration-normal) var(--ease-default),
+    color var(--duration-normal) var(--ease-default);
   white-space: nowrap;
   flex-shrink: 0;
   border-radius: var(--radius-md) var(--radius-md) 0 0;
 }
 
-._tab_1ho0j_26:hover {
+._tab_13xq3_26:hover {
   color: var(--text-primary);
   background: var(--hover-bg);
 }
 
-._tabActive_1ho0j_58 {
+._tabActive_13xq3_61 {
   color: var(--color-primary);
   background: var(--bg-primary);
   border-bottom-color: var(--color-primary);
   font-weight: 500;
 }
 
-._tabName_1ho0j_65 {
+._tabName_13xq3_68 {
   font-weight: inherit;
 }
 
 /* ── 状态圆点 ── */
 
-._tabDot_1ho0j_71 {
+._tabDot_13xq3_74 {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   flex-shrink: 0;
 }
 
-._dot_pending_1ho0j_78,
-._dot_thinking_1ho0j_79 {
+._dot_pending_13xq3_81,
+._dot_thinking_13xq3_82 {
   background: var(--text-tertiary);
 }
 
-._dot_streaming_1ho0j_83 {
+._dot_streaming_13xq3_86 {
   background: var(--color-primary);
   box-shadow: 0 0 0 2px var(--color-primary-light);
-  animation: _dotPulse_1ho0j_1 1.5s ease-in-out infinite;
+  animation: _dotPulse_13xq3_1 1.5s ease-in-out infinite;
 }
 
-._dot_done_1ho0j_89 {
+._dot_done_13xq3_92 {
   background: var(--color-success);
   box-shadow: 0 0 0 2px var(--color-success-light);
 }
 
-._dot_failed_1ho0j_94 {
+._dot_failed_13xq3_97 {
   background: var(--color-error);
 }
 
-@keyframes _dotPulse_1ho0j_1 {
+._dot_cancelled_13xq3_101 {
+  background: var(--color-warning, #e6a23c);
+  opacity: 0.7;
+}
+
+@keyframes _dotPulse_13xq3_1 {
   0%,
   100% {
     opacity: 0.5;
@@ -3621,7 +3635,7 @@
 
 /* ── 内容区 ── */
 
-._tabContent_1ho0j_112 {
+._tabContent_13xq3_120 {
   font-size: 0.875rem;
   color: var(--text-primary);
   line-height: 1.6;
@@ -3631,57 +3645,65 @@
   min-width: 0;
 }
 
-._tabBlocksViewport_1ho0j_122 {
+._tabBlocksViewport_13xq3_130 {
   padding: 0.75rem 0.875rem;
 }
 
-._tabBlockItem_1ho0j_126 {
+._tabBlockItem_13xq3_134 {
   min-height: 1px;
 }
 
 /* ── Placeholder & States ── */
 
-._placeholder_1ho0j_132 {
+._placeholder_13xq3_140 {
   color: var(--text-tertiary);
   font-size: 0.8125rem;
   font-style: italic;
 }
 
-._errorText_1ho0j_138 {
+._errorText_13xq3_146 {
   color: var(--color-error);
   font-size: 0.8125rem;
 }
 
+._cancelledText_13xq3_151 {
+  color: var(--color-warning, #e6a23c);
+  font-size: 0.8125rem;
+  font-style: italic;
+  padding: 0.75rem 0.875rem;
+  display: block;
+}
+
 /* ── prefers-reduced-motion ── */
 
 @media (prefers-reduced-motion: reduce) {
-  ._dot_streaming_1ho0j_83 {
+  ._dot_streaming_13xq3_86 {
     animation: none !important;
     opacity: 1;
   }
 }
-._message_kvj0m_1 {
+._message_18ic3_1 {
   display: flex;
   flex-direction: column;
   max-width: 90%;
-  animation: _messageSlideIn_kvj0m_1 0.3s ease-out;
+  animation: _messageSlideIn_18ic3_1 0.3s ease-out;
 }
 
-._message_kvj0m_1._fullWidth_kvj0m_8 {
+._message_18ic3_1._fullWidth_18ic3_8 {
   width: 90%;
 }
 
-._message_kvj0m_1._user_kvj0m_12 {
+._message_18ic3_1._user_18ic3_12 {
   align-self: flex-end;
   align-items: flex-end;
 }
 
-._message_kvj0m_1._agent_kvj0m_17 {
+._message_18ic3_1._agent_18ic3_17 {
   align-self: flex-start;
   align-items: flex-start;
 }
 
-._message_kvj0m_1._agent_kvj0m_17._collapsedMessage_kvj0m_22 {
+._message_18ic3_1._agent_18ic3_17._collapsedMessage_18ic3_22 {
   width: 85%;
   max-width: 85%;
 }
@@ -3689,7 +3711,7 @@
 /* ── Agent 消息壳布局 ── */
 
 /* 群聊：上头像 + 下内容，竖向排列 */
-._groupLayout_kvj0m_30 {
+._groupLayout_18ic3_30 {
   flex-direction: column;
   gap: 4px;
   max-width: 85%;
@@ -3697,12 +3719,12 @@
 }
 
 /* 单聊：无头像列，contentCol 占满宽度 */
-._agentShellCompact_kvj0m_38 {
+._agentShellCompact_18ic3_38 {
   flex-direction: column;
   align-items: flex-start;
 }
 
-._avatarCol_kvj0m_43 {
+._avatarCol_18ic3_43 {
   padding: 0;
   border: none;
   background: none;
@@ -3711,18 +3733,18 @@
   transition: opacity 0.15s ease;
 }
 
-._avatarCol_kvj0m_43:hover {
+._avatarCol_18ic3_43:hover {
   opacity: 0.75;
 }
 
 /* 头像行：头像 + 名称 水平排列 */
-._senderHeader_kvj0m_57 {
+._senderHeader_18ic3_57 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
-._contentCol_kvj0m_63 {
+._contentCol_18ic3_63 {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -3732,7 +3754,7 @@
 }
 
 /* 消息进入动画 */
-@keyframes _messageSlideIn_kvj0m_1 {
+@keyframes _messageSlideIn_18ic3_1 {
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -3743,7 +3765,7 @@
   }
 }
 
-._senderLabel_kvj0m_84 {
+._senderLabel_18ic3_84 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -3756,17 +3778,17 @@
   transition: opacity 0.15s ease;
 }
 
-._senderLabel_kvj0m_84:hover {
+._senderLabel_18ic3_84:hover {
   opacity: 0.75;
 }
 
-._senderName_kvj0m_101 {
+._senderName_18ic3_101 {
   font-size: 12px;
   font-weight: 600;
   color: var(--text-secondary);
 }
 
-._bubble_kvj0m_107 {
+._bubble_18ic3_107 {
   padding: 10px 14px;
   border-radius: 12px;
   max-width: 100%;
@@ -3774,17 +3796,37 @@
   position: relative;
 }
 
-._bubble_kvj0m_107:hover {
+._bubble_18ic3_107:hover {
   box-shadow: var(--shadow-md);
 }
 
-._message_kvj0m_1._user_kvj0m_12 ._bubble_kvj0m_107 {
+._bubble_18ic3_107 mark,
+._textBubble_18ic3_120 mark,
+._content_18ic3_63 mark {
+  padding: 0 2px;
+  border-radius: 3px;
+  background: color-mix(in srgb, var(--color-warning) 42%, transparent);
+  color: inherit;
+}
+
+._bubble_18ic3_107 mark[data-active-search-match='true'],
+._textBubble_18ic3_120 mark[data-active-search-match='true'],
+._content_18ic3_63 mark[data-active-search-match='true'] {
+  background: color-mix(in srgb, var(--color-primary) 48%, transparent);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 52%, transparent);
+}
+
+._activeSearchMatch_18ic3_135 {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 54%, transparent);
+}
+
+._message_18ic3_1._user_18ic3_12 ._bubble_18ic3_107 {
   background: linear-gradient(to bottom right, var(--user-bubble-from), var(--user-bubble-to));
   color: var(--user-bubble-text);
   border-bottom-right-radius: 4px;
 }
 
-._message_kvj0m_1._agent_kvj0m_17 ._bubble_kvj0m_107 {
+._message_18ic3_1._agent_18ic3_17 ._bubble_18ic3_107 {
   background: var(--bg-secondary);
   color: var(--text-primary);
   border-bottom-left-radius: 4px;
@@ -3792,21 +3834,21 @@
   padding-bottom: 8px;
 }
 
-._message_kvj0m_1._agent_kvj0m_17 ._bubble_kvj0m_107._collapsedBubble_kvj0m_133 {
+._message_18ic3_1._agent_18ic3_17 ._bubble_18ic3_107._collapsedBubble_18ic3_153 {
   width: 100%;
 }
 
-._message_kvj0m_1._agent_kvj0m_17 ._bubble_kvj0m_107._hasUsage_kvj0m_137 {
+._message_18ic3_1._agent_18ic3_17 ._bubble_18ic3_107._hasUsage_18ic3_157 {
   padding-bottom: 20px;
 }
 
-._message_kvj0m_1._agent_kvj0m_17 ._bubble_kvj0m_107._embeddedBubble_kvj0m_141._hasUsage_kvj0m_137 {
+._message_18ic3_1._agent_18ic3_17 ._bubble_18ic3_107._embeddedBubble_18ic3_161._hasUsage_18ic3_157 {
   padding-bottom: 10px;
 }
 
 /* ── Block 级渲染：Agent 消息的 TextBubble / TextSection ── */
 
-._textBubble_kvj0m_147 {
+._textBubble_18ic3_120 {
   padding: 10px 14px;
   border-radius: 12px;
   border-bottom-left-radius: 4px;
@@ -3818,11 +3860,11 @@
   transition: box-shadow 0.2s ease;
 }
 
-._textBubble_kvj0m_147:hover {
+._textBubble_18ic3_120:hover {
   box-shadow: var(--shadow-md);
 }
 
-._textSection_kvj0m_163 {
+._textSection_18ic3_183 {
   padding: 2px 0;
   margin: 0;
   border: none;
@@ -3831,23 +3873,23 @@
   box-shadow: none;
 }
 
-._textSection_kvj0m_163:hover {
+._textSection_18ic3_183:hover {
   box-shadow: none;
 }
 
-._embeddedBubble_kvj0m_141 {
+._embeddedBubble_18ic3_161 {
   padding: 10px 14px;
   width: fit-content;
   max-width: 100%;
 }
 
-._embeddedBubbleContent_kvj0m_182 {
+._embeddedBubbleContent_18ic3_202 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-._blockMetrics_kvj0m_188 {
+._blockMetrics_18ic3_208 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -3858,7 +3900,7 @@
   margin: 2px 0;
 }
 
-._content_kvj0m_63 {
+._content_18ic3_63 {
   margin: 0;
   white-space: pre-wrap;
   word-break: break-word;
@@ -3867,7 +3909,7 @@
 }
 
 /* 消息折叠相关样式 */
-._messageFooter_kvj0m_208 {
+._messageFooter_18ic3_228 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -3875,12 +3917,12 @@
   padding: 0 4px;
 }
 
-._groupMetaFooter_kvj0m_216 {
+._groupMetaFooter_18ic3_236 {
   justify-content: space-between;
   gap: 12px;
 }
 
-._runtimeStatus_kvj0m_221 {
+._runtimeStatus_18ic3_241 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -3892,16 +3934,16 @@
   line-height: 1.4;
 }
 
-._runtimeStatusSwitching_kvj0m_233 {
+._runtimeStatusSwitching_18ic3_253 {
   color: color-mix(in srgb, var(--color-warning) 72%, var(--text-secondary) 28%);
 }
 
-._runtimeStatusIconSpinning_kvj0m_237 {
+._runtimeStatusIconSpinning_18ic3_257 {
   flex-shrink: 0;
-  animation: _spin_kvj0m_1 1.4s linear infinite;
+  animation: _spin_18ic3_1 1.4s linear infinite;
 }
 
-._messageFooterActions_kvj0m_242 {
+._messageFooterActions_18ic3_262 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -3909,34 +3951,34 @@
   min-width: 0;
 }
 
-._message_kvj0m_1._user_kvj0m_12 ._messageFooter_kvj0m_208 {
+._message_18ic3_1._user_18ic3_12 ._messageFooter_18ic3_228 {
   flex-direction: row-reverse;
 }
 
 /* 用户消息：hover 时才显示操作按钮（重发、复制） */
-._message_kvj0m_1._user_kvj0m_12 ._messageFooterActions_kvj0m_242 {
+._message_18ic3_1._user_18ic3_12 ._messageFooterActions_18ic3_262 {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.15s ease;
 }
 
-._message_kvj0m_1._user_kvj0m_12:hover ._messageFooterActions_kvj0m_242 {
+._message_18ic3_1._user_18ic3_12:hover ._messageFooterActions_18ic3_262 {
   opacity: 1;
   pointer-events: auto;
 }
 
-._timestamp_kvj0m_266 {
+._timestamp_18ic3_286 {
   margin-left: auto;
   font-size: 11px;
   color: var(--text-tertiary);
   white-space: nowrap;
 }
 
-._groupMetaFooter_kvj0m_216 ._timestamp_kvj0m_266 {
+._groupMetaFooter_18ic3_236 ._timestamp_18ic3_286 {
   margin-left: 0;
 }
 
-._copyButton_kvj0m_277 {
+._copyButton_18ic3_297 {
   display: flex;
   align-items: center;
   gap: 4px;
@@ -3954,18 +3996,18 @@
   opacity: 0.6;
 }
 
-._copyButton_kvj0m_277:hover {
+._copyButton_18ic3_297:hover {
   background: var(--hover-bg);
   color: var(--text-primary);
   opacity: 1;
 }
 
-._copyButton_kvj0m_277:focus-visible {
+._copyButton_18ic3_297:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
 
-._errorBlock_kvj0m_306 {
+._errorBlock_18ic3_326 {
   margin-top: 8px;
   padding: 8px;
   border: 1px solid var(--color-error-strong);
@@ -3973,7 +4015,7 @@
   background: var(--color-error-faint);
 }
 
-._errorHeader_kvj0m_314 {
+._errorHeader_18ic3_334 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -3981,24 +4023,24 @@
   color: var(--color-error);
 }
 
-._errorType_kvj0m_322 {
+._errorType_18ic3_342 {
   font-size: 12px;
   font-weight: 500;
 }
 
-._errorMessage_kvj0m_327 {
+._errorMessage_18ic3_347 {
   font-size: 12px;
   color: var(--text-secondary);
   line-height: 1.5;
 }
 
-._errorDetails_kvj0m_333 {
+._errorDetails_18ic3_353 {
   margin-top: 8px;
   font-size: 11px;
   color: var(--text-tertiary);
 }
 
-._errorDetailsSummary_kvj0m_339 {
+._errorDetailsSummary_18ic3_359 {
   display: inline-flex;
   align-items: center;
   min-height: 24px;
@@ -4006,14 +4048,14 @@
   user-select: none;
 }
 
-._errorDetailsSummaryRow_kvj0m_347 {
+._errorDetailsSummaryRow_18ic3_367 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
 
-._errorDetailsCopyButton_kvj0m_354 {
+._errorDetailsCopyButton_18ic3_374 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -4026,16 +4068,16 @@
   font-size: 11px;
 }
 
-._errorDetailsCopyButton_kvj0m_354:hover {
+._errorDetailsCopyButton_18ic3_374:hover {
   background: var(--color-bg-secondary);
 }
 
-._errorDetailsCopyButton_kvj0m_354:focus-visible {
+._errorDetailsCopyButton_18ic3_374:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
 
-._errorDetailsContent_kvj0m_376 {
+._errorDetailsContent_18ic3_396 {
   margin: 6px 0 0;
   padding: 8px;
   max-height: 220px;
@@ -4048,13 +4090,13 @@
 }
 
 /* 长消息折叠样式 — 保留顶部，底部渐隐 */
-._collapsedContent_kvj0m_389 {
+._collapsedContent_18ic3_409 {
   max-height: 500px;
   overflow: hidden;
   position: relative;
 }
 
-._collapsedContent_kvj0m_389::after {
+._collapsedContent_18ic3_409::after {
   content: '';
   position: absolute;
   bottom: 0;
@@ -4066,20 +4108,20 @@
   z-index: 1;
 }
 
-._virtualCollapsedBlocks_kvj0m_407 {
+._virtualCollapsedBlocks_18ic3_427 {
   scrollbar-width: none;
 }
 
-._virtualCollapsedBlocks_kvj0m_407::-webkit-scrollbar {
+._virtualCollapsedBlocks_18ic3_427::-webkit-scrollbar {
   display: none;
 }
 
-._expandedContent_kvj0m_415 {
+._expandedContent_18ic3_435 {
   /* 无高度限制 */
 }
 
 /* 结论摘要条 */
-._conclusionStrip_kvj0m_420 {
+._conclusionStrip_18ic3_440 {
   display: flex;
   align-items: flex-start;
   gap: 6px;
@@ -4093,7 +4135,7 @@
   margin-top: 8px;
 }
 
-._conclusionLabel_kvj0m_434 {
+._conclusionLabel_18ic3_454 {
   flex-shrink: 0;
   font-size: 11px;
   font-weight: 600;
@@ -4101,13 +4143,13 @@
   white-space: nowrap;
 }
 
-._conclusionText_kvj0m_442 {
+._conclusionText_18ic3_462 {
   flex: 1;
   min-width: 0;
   word-break: break-word;
 }
 
-._expandButton_kvj0m_448 {
+._expandButton_18ic3_468 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4124,17 +4166,17 @@
   transition: all 0.2s ease;
 }
 
-._expandButton_kvj0m_448:hover {
+._expandButton_18ic3_468:hover {
   background: var(--active-bg);
   color: var(--text-primary);
 }
 
-._expandButton_kvj0m_448:focus-visible {
+._expandButton_18ic3_468:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
 
-._messageMetrics_kvj0m_475 {
+._messageMetrics_18ic3_495 {
   position: absolute;
   bottom: 4px;
   right: 8px;
@@ -4149,7 +4191,7 @@
   gap: 6px;
 }
 
-._embeddedMessageMetrics_kvj0m_490 {
+._embeddedMessageMetrics_18ic3_510 {
   position: static;
   margin-top: 0;
   padding: 0;
@@ -4162,11 +4204,11 @@
   gap: 6px;
 }
 
-._embeddedMessageMetrics_kvj0m_490 ._fallbackTransitionBanner_kvj0m_503 {
+._embeddedMessageMetrics_18ic3_510 ._fallbackTransitionBanner_18ic3_523 {
   align-self: center;
 }
 
-._messageMetricsPrimary_kvj0m_507 {
+._messageMetricsPrimary_18ic3_527 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -4174,12 +4216,12 @@
   flex: 0 1 auto;
 }
 
-._embeddedMessageMetricsPrimary_kvj0m_515 {
+._embeddedMessageMetricsPrimary_18ic3_535 {
   padding-top: 10px;
   justify-content: center;
 }
 
-._messageMetricsMeta_kvj0m_520 {
+._messageMetricsMeta_18ic3_540 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -4192,22 +4234,22 @@
   font-size: 11px;
 }
 
-._embeddedMessageMetrics_kvj0m_490 ._messageMetricsMeta_kvj0m_520 {
+._embeddedMessageMetrics_18ic3_510 ._messageMetricsMeta_18ic3_540 {
   justify-content: flex-start;
 }
 
-._messageMetricsMeta_kvj0m_520 > * {
+._messageMetricsMeta_18ic3_540 > * {
   display: inline-flex;
   align-items: center;
 }
 
-._messageMetricsMeta_kvj0m_520 > * + *::before {
+._messageMetricsMeta_18ic3_540 > * + *::before {
   content: '·';
   margin: 0 6px;
   color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
 }
 
-._metricsStreaming_kvj0m_548 {
+._metricsStreaming_18ic3_568 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4217,7 +4259,7 @@
   letter-spacing: 0.01em;
 }
 
-._fallbackTransitionBanner_kvj0m_503 {
+._fallbackTransitionBanner_18ic3_523 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -4236,21 +4278,21 @@
   line-height: 1.3;
   font-weight: 500;
   box-shadow: 0 4px 14px color-mix(in srgb, var(--color-warning) 8%, transparent);
-  animation: _fallbackBannerIn_kvj0m_1 180ms ease-out;
+  animation: _fallbackBannerIn_18ic3_1 180ms ease-out;
 }
 
-._fallbackTransitionIcon_kvj0m_580 {
+._fallbackTransitionIcon_18ic3_600 {
   flex-shrink: 0;
-  animation: _spin_kvj0m_1 1.4s linear infinite;
+  animation: _spin_18ic3_1 1.4s linear infinite;
 }
 
-._fallbackTransitionText_kvj0m_585 {
+._fallbackTransitionText_18ic3_605 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-@keyframes _fallbackBannerIn_kvj0m_1 {
+@keyframes _fallbackBannerIn_18ic3_1 {
   from {
     opacity: 0;
     transform: translateY(2px);
@@ -4261,7 +4303,7 @@
   }
 }
 
-._tokenUsage_kvj0m_602 {
+._tokenUsage_18ic3_622 {
   cursor: help;
   font-variant-numeric: tabular-nums;
   min-width: 3.5em;
@@ -4270,7 +4312,7 @@
   flex-shrink: 0;
 }
 
-._duration_kvj0m_611 {
+._duration_18ic3_631 {
   color: inherit;
   opacity: 0.68;
   font-variant-numeric: tabular-nums;
@@ -4280,7 +4322,7 @@
   flex-shrink: 0;
 }
 
-._modelLabel_kvj0m_621 {
+._modelLabel_18ic3_641 {
   cursor: help;
   color: inherit;
   opacity: 0.9;
@@ -4290,26 +4332,26 @@
   min-width: 0;
 }
 
-._modelLabelFallback_kvj0m_631 {
+._modelLabelFallback_18ic3_651 {
   color: var(--color-warning);
   background: var(--color-warning-light);
   padding: 0 3px;
   border-radius: 3px;
 }
 
-._bubble_kvj0m_107:hover ._messageMetrics_kvj0m_475 {
+._bubble_18ic3_107:hover ._messageMetrics_18ic3_495 {
   opacity: 1;
 }
 
 /* ── 系统消息（如 /compact 状态） ── */
-._message_kvj0m_1._system_kvj0m_643 {
+._message_18ic3_1._system_18ic3_663 {
   align-self: center;
   align-items: center;
   max-width: 90%;
   animation: none;
 }
 
-._systemBubble_kvj0m_650 {
+._systemBubble_18ic3_670 {
   padding: 6px 16px;
   border-radius: 12px;
   background: var(--bg-secondary);
@@ -4321,20 +4363,20 @@
   gap: 6px;
 }
 
-._systemContent_kvj0m_662 {
+._systemContent_18ic3_682 {
   color: var(--text-secondary);
   white-space: pre-wrap;
   word-break: break-word;
 }
 
 /* 加载旋转动画（用于 /compact 等异步系统消息） */
-._loadingSpinner_kvj0m_669 {
-  animation: _spin_kvj0m_1 1s linear infinite;
+._loadingSpinner_18ic3_689 {
+  animation: _spin_18ic3_1 1s linear infinite;
   color: var(--text-tertiary);
   flex-shrink: 0;
 }
 
-@keyframes _spin_kvj0m_1 {
+@keyframes _spin_18ic3_1 {
   from {
     transform: rotate(0deg);
   }
@@ -4344,7 +4386,7 @@
 }
 
 /* 监督者标签 — 用户消息 footer */
-._supervisorTag_kvj0m_685 {
+._supervisorTag_18ic3_705 {
   display: flex;
   align-items: center;
   gap: 3px;
@@ -4355,42 +4397,42 @@
 
 /* ── 响应式：≤768px ────────────────────────────────── */
 @media (max-width: 768px) {
-  ._message_kvj0m_1 {
+  ._message_18ic3_1 {
     max-width: 100%;
   }
 
-  ._message_kvj0m_1._fullWidth_kvj0m_8 {
+  ._message_18ic3_1._fullWidth_18ic3_8 {
     width: 100%;
   }
 
-  ._message_kvj0m_1._agent_kvj0m_17._collapsedMessage_kvj0m_22 {
+  ._message_18ic3_1._agent_18ic3_17._collapsedMessage_18ic3_22 {
     width: 100%;
     max-width: 100%;
   }
 
-  ._groupLayout_kvj0m_30 {
+  ._groupLayout_18ic3_30 {
     max-width: 100%;
   }
 
-  ._groupMetaFooter_kvj0m_216 {
+  ._groupMetaFooter_18ic3_236 {
     flex-wrap: nowrap;
   }
 
-  ._embeddedMessageMetrics_kvj0m_490 {
+  ._embeddedMessageMetrics_18ic3_510 {
     position: static;
     padding: 0;
     background: transparent;
   }
 }
 
-._memoryWriteButton_kvj0m_724:disabled {
+._memoryWriteButton_18ic3_744:disabled {
   opacity: 0.45;
   cursor: default;
 }
 
 /* ── 用户消息发送状态指示器 ── */
 
-._statusArea_kvj0m_731 {
+._statusArea_18ic3_751 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -4398,7 +4440,7 @@
   flex-shrink: 0;
 }
 
-._statusDot_kvj0m_739 {
+._statusDot_18ic3_759 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4407,7 +4449,7 @@
   flex-shrink: 0;
 }
 
-._dot_kvj0m_748 {
+._dot_18ic3_768 {
   width: 5px;
   height: 5px;
   border-radius: 50%;
@@ -4415,34 +4457,34 @@
   opacity: 0.5;
 }
 
-._dotSending_kvj0m_756 {
-  animation: _dotPulse_kvj0m_1 1.2s ease-in-out infinite;
+._dotSending_18ic3_776 {
+  animation: _dotPulse_18ic3_1 1.2s ease-in-out infinite;
 }
 
-._dotError_kvj0m_760 {
+._dotError_18ic3_780 {
   color: var(--color-error);
   cursor: help;
 }
 
-._retryButton_kvj0m_765 {
+._retryButton_18ic3_785 {
   color: var(--color-error) !important;
   opacity: 0.8;
 }
 
-._retryButton_kvj0m_765:hover {
+._retryButton_18ic3_785:hover {
   opacity: 1;
   background: color-mix(in srgb, var(--color-error) 10%, transparent) !important;
 }
 
-._recallButton_kvj0m_775 {
+._recallButton_18ic3_795 {
   opacity: 0.6;
 }
 
-._recallButton_kvj0m_775:hover {
+._recallButton_18ic3_795:hover {
   opacity: 1;
 }
 
-@keyframes _dotPulse_kvj0m_1 {
+@keyframes _dotPulse_18ic3_1 {
   0%, 100% {
     opacity: 0.3;
     transform: scale(1);
@@ -4454,7 +4496,7 @@
 }
 
 
-._guidanceStatus_kvj0m_795 {
+._guidanceStatus_18ic3_815 {
   font-size: 11px;
   line-height: 1.4;
   color: var(--accent-color, #0a84ff);
@@ -4592,14 +4634,14 @@
     transform: translateY(-1px) scale(1);
   }
 }
-._container_1mfpt_1 {
+._container_1nc3n_1 {
   flex: 1;
   overflow-y: auto;
   position: relative;
   min-height: 0;
 }
 
-._loadMoreButton_1mfpt_8 {
+._loadMoreButton_1nc3n_8 {
   display: block;
   margin: 12px auto;
   padding: 8px 16px;
@@ -4609,21 +4651,102 @@
   color: var(--text-primary);
   font-size: 13px;
   cursor: pointer;
-  transition: all 0.2s;
+  transition:
+    background 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
-._loadMoreButton_1mfpt_8:hover {
+._loadMoreButton_1nc3n_8:hover {
   background: var(--hover-bg);
 }
 
-._messageWrapper_1mfpt_25 {
+._loadMoreButton_1nc3n_8:focus-visible,
+._searchButton_1nc3n_29:focus-visible,
+._newMessageHint_1nc3n_30:focus-visible,
+._scrollToBottom_1nc3n_31:focus-visible,
+._quoteSelectionButton_1nc3n_32:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+
+._messageWrapper_1nc3n_37 {
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 16px;
 }
 
-._contextStatusRow_1mfpt_32 {
+._searchBar_1nc3n_44 {
+  position: sticky;
+  top: 8px;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: min(520px, calc(100% - 32px));
+  margin: 8px auto 0;
+  padding: 6px;
+  border: 1px solid var(--border-default);
+  border-radius: 10px;
+  background: var(--bg-primary);
+  box-shadow: var(--shadow-md);
+}
+
+._searchInput_1nc3n_60 {
+  flex: 1;
+  min-width: 0;
+  height: 28px;
+  padding: 0 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 13px;
+  outline: none;
+}
+
+._searchInput_1nc3n_60:focus {
+  background: var(--bg-secondary);
+}
+
+._searchInput_1nc3n_60:focus-visible {
+  box-shadow: var(--focus-ring);
+}
+
+._searchCount_1nc3n_81 {
+  min-width: 64px;
+  color: var(--text-tertiary);
+  font-size: 12px;
+  text-align: center;
+  white-space: nowrap;
+}
+
+._searchButton_1nc3n_29 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+._searchButton_1nc3n_29:hover:not(:disabled) {
+  background: var(--hover-bg);
+  color: var(--text-primary);
+}
+
+._searchButton_1nc3n_29:disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+
+._contextStatusRow_1nc3n_113 {
   margin: -4px 0 0;
   padding: 0 4px;
   color: var(--text-tertiary);
@@ -4632,27 +4755,27 @@
   text-align: center;
 }
 
-._maintenanceRow_1mfpt_41 {
+._maintenanceRow_1nc3n_122 {
   display: contents;
 }
 
-._loadingMore_1mfpt_45,
-._noMoreMessages_1mfpt_46,
-._centerState_1mfpt_47 {
+._loadingMore_1nc3n_126,
+._noMoreMessages_1nc3n_127,
+._centerState_1nc3n_128 {
   text-align: center;
   padding: 12px;
   color: var(--text-secondary);
   font-size: 12px;
 }
 
-._centerState_1mfpt_47 {
+._centerState_1nc3n_128 {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
 
-._newMessageHint_1mfpt_61 {
+._newMessageHint_1nc3n_30 {
   position: sticky;
   bottom: 16px;
   margin: 0 auto 16px;
@@ -4668,11 +4791,11 @@
   transition: background 0.2s ease;
 }
 
-._newMessageHint_1mfpt_61:hover {
+._newMessageHint_1nc3n_30:hover {
   background: var(--hover-bg);
 }
 
-._scrollToBottom_1mfpt_81 {
+._scrollToBottom_1nc3n_31 {
   position: sticky;
   bottom: 16px;
   float: right;
@@ -4694,12 +4817,12 @@
     transform 0.2s ease;
 }
 
-._scrollToBottom_1mfpt_81:hover {
+._scrollToBottom_1nc3n_31:hover {
   background: var(--hover-bg);
   transform: scale(1.05);
 }
 
-._quoteSelectionButton_1mfpt_108 {
+._quoteSelectionButton_1nc3n_32 {
   position: fixed;
   z-index: 30;
   display: inline-flex;
@@ -4719,18 +4842,18 @@
     transform 0.15s ease;
 }
 
-._quoteSelectionButton_1mfpt_108:hover {
+._quoteSelectionButton_1nc3n_32:hover {
   background: var(--hover-bg);
   color: var(--text-primary);
   transform: translateY(-1px);
 }
 
 /* 消息进入动画 */
-._messageEnter_1mfpt_135 {
-  animation: _messageSlideIn_1mfpt_1 0.3s ease-out;
+._messageEnter_1nc3n_216 {
+  animation: _messageSlideIn_1nc3n_1 0.3s ease-out;
 }
 
-@keyframes _messageSlideIn_1mfpt_1 {
+@keyframes _messageSlideIn_1nc3n_1 {
   from {
     opacity: 0;
     transform: translateY(10px);
@@ -4742,11 +4865,11 @@
 }
 
 /* 淡入动画 */
-._fadeIn_1mfpt_151 {
-  animation: _fadeIn_1mfpt_151 0.2s ease-out;
+._fadeIn_1nc3n_232 {
+  animation: _fadeIn_1nc3n_232 0.2s ease-out;
 }
 
-@keyframes _fadeIn_1mfpt_151 {
+@keyframes _fadeIn_1nc3n_232 {
   from {
     opacity: 0;
   }
@@ -9224,91 +9347,119 @@
 }
 /* McpPanel 使用 settings-common 公共样式 + Toggle 自定义 */
 
-._panel_esaw1_3 {
+._panel_n5zg8_3 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
 /* List view - header now uses SettingsPanelHeader */
-._list_esaw1_10 {
+._list_n5zg8_10 {
   flex: 1;
   overflow-y: auto;
-  padding: 16px 24px;
+  padding: 18px 24px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 12px;
 }
 
-._empty_esaw1_19 {
+._empty_n5zg8_19 {
   color: var(--text-tertiary);
   font-size: 14px;
   text-align: center;
   padding: 32px 0;
 }
 
-._item_esaw1_26 {
+._item_n5zg8_26 {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 14px;
+  justify-content: stretch;
+  align-items: stretch;
+  gap: 16px;
+  padding: 18px 20px;
   background: var(--bg-secondary);
-  border-radius: 8px;
+  border-radius: 14px;
   border: 1px solid var(--border);
-  transition: all 0.2s ease;
+  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
+  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
 }
 
-._item_esaw1_26:hover {
+._item_n5zg8_26:hover {
   border-color: var(--accent-color);
   background: var(--hover-bg);
+  box-shadow: 0 8px 24px rgb(15 23 42 / 8%);
 }
 
-._itemInfo_esaw1_42 {
+._itemInfo_n5zg8_45 {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 16px;
   min-width: 0;
   flex: 1;
 }
 
-._itemName_esaw1_50 {
-  font-weight: 500;
-  font-size: 14px;
+._itemHeader_n5zg8_53 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+
+._itemTitleBlock_n5zg8_61 {
+  min-width: 0;
+}
+
+._itemFooter_n5zg8_65 {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+
+._itemName_n5zg8_73 {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.4;
   color: var(--text-primary);
 }
 
-._itemMeta_esaw1_56 {
-  font-size: 12px;
+._itemMeta_n5zg8_80 {
+  margin-top: 4px;
+  font-size: 13px;
+  line-height: 1.4;
   color: var(--text-secondary);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-._itemActions_esaw1_64 {
+._itemActions_n5zg8_90 {
   display: flex;
   align-items: center;
-  gap: 6px;
+  justify-content: flex-end;
+  gap: 8px;
   flex-shrink: 0;
-  margin-left: 12px;
+  width: 100%;
 }
 
 /* Toggle switch */
-._toggleLabel_esaw1_73 {
+._toggleLabel_n5zg8_100 {
   position: relative;
   display: inline-flex;
   align-items: center;
+  flex-shrink: 0;
   cursor: pointer;
 }
 
-._toggleInput_esaw1_80 {
+._toggleInput_n5zg8_108 {
   position: absolute;
   opacity: 0;
   width: 0;
   height: 0;
 }
 
-._toggleTrack_esaw1_87 {
+._toggleTrack_n5zg8_115 {
   display: inline-block;
   width: 32px;
   height: 18px;
@@ -9318,7 +9469,7 @@
   position: relative;
 }
 
-._toggleTrack_esaw1_87::after {
+._toggleTrack_n5zg8_115::after {
   content: '';
   position: absolute;
   left: 2px;
@@ -9330,42 +9481,42 @@
   transition: transform 0.2s ease;
 }
 
-._toggleInput_esaw1_80:checked + ._toggleTrack_esaw1_87 {
+._toggleInput_n5zg8_108:checked + ._toggleTrack_n5zg8_115 {
   background: var(--accent-color);
 }
 
-._toggleInput_esaw1_80:checked + ._toggleTrack_esaw1_87::after {
+._toggleInput_n5zg8_108:checked + ._toggleTrack_n5zg8_115::after {
   transform: translateX(14px);
 }
 
 /* Form view */
-._formWrapper_esaw1_118 {
+._formWrapper_n5zg8_146 {
   flex: 1;
   overflow-y: auto;
   padding: 16px 24px;
 }
 
-._formTitle_esaw1_124 {
+._formTitle_n5zg8_152 {
   font-size: 14px;
   font-weight: 600;
   color: var(--text-primary);
   margin: 0 0 16px 0;
 }
 
-._field_esaw1_131 {
+._field_n5zg8_159 {
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin-bottom: 14px;
 }
 
-._label_esaw1_138 {
+._label_n5zg8_166 {
   font-size: 13px;
   font-weight: 500;
   color: var(--text-secondary);
 }
 
-._input_esaw1_144 {
+._input_n5zg8_172 {
   padding: 10px 12px;
   background: var(--bg-secondary);
   border: 1px solid var(--border);
@@ -9373,16 +9524,20 @@
   color: var(--text-primary);
   font-size: 14px;
   font-family: inherit;
-  transition: all 0.2s ease;
+  transition:
+    background 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
-._input_esaw1_144:focus {
+._input_n5zg8_172:focus {
   outline: none;
   border-color: var(--accent-color);
   background: var(--bg-primary);
+  box-shadow: var(--focus-ring);
 }
 
-._formFooter_esaw1_161 {
+._formFooter_n5zg8_193 {
   display: flex;
   gap: 10px;
   padding: 14px 24px;
@@ -9392,54 +9547,90 @@
 
 
 
-._statusRow_esaw1_171 {
+._statusRow_n5zg8_203 {
   width: fit-content;
-  margin-top: 10px;
-  padding-top: 10px;
-  border-top: 1px solid var(--border);
+  min-height: 40px;
+  min-width: 0;
+  padding: 8px 10px;
   display: flex;
   align-items: center;
-  gap: 6px;
-  background: transparent;
-  border-right: 0;
-  border-bottom: 0;
-  border-left: 0;
+  gap: 8px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border);
+  border-radius: 10px;
   cursor: pointer;
   font-size: 13px;
   font-family: inherit;
+  transition: border-color 0.2s ease, background 0.2s ease;
 }
 
-._statusRow_esaw1_171:hover {
-  opacity: 0.8;
+._statusRow_n5zg8_203:hover {
+  border-color: var(--accent-color);
+  background: var(--accent-color-light);
 }
 
-._statusIcon_esaw1_192 {
+._statusRowWarning_n5zg8_225 {
+  border-color: color-mix(in srgb, var(--warning-color, #f59e0b) 45%, var(--border));
+  background: color-mix(in srgb, var(--warning-color, #f59e0b) 8%, var(--bg-primary));
+}
+
+._statusIcon_n5zg8_230 {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
+  color: var(--text-secondary);
 }
 
-._statusText_esaw1_198 {
+._statusText_n5zg8_237 {
   color: var(--accent-color);
-  font-weight: 500;
+  font-weight: 600;
 }
 
-._statusText_esaw1_198:hover {
-  text-decoration: underline;
+._statusText_n5zg8_237:hover {
+  text-decoration: none;
 }
 
-._disabledBadge_esaw1_207 {
-  margin-left: 8px;
-  padding: 2px 6px;
-  background: var(--accent-color-light);
-  color: var(--text-secondary);
-  border-radius: 4px;
+._disabledBadge_n5zg8_246 {
+  flex-shrink: 0;
+  padding: 3px 8px;
+  background: color-mix(in srgb, var(--warning-color, #f59e0b) 16%, transparent);
+  color: var(--warning-color, #b45309);
+  border-radius: 999px;
   font-size: 12px;
+  font-weight: 600;
+  line-height: 1.4;
 }
 
-._statusArrow_esaw1_216 {
+._statusArrow_n5zg8_257 {
   color: var(--text-tertiary);
-  margin-left: 4px;
+  flex-shrink: 0;
+}
+
+@media (max-width: 720px) {
+  ._list_n5zg8_10 {
+    padding: 16px;
+  }
+
+  ._item_n5zg8_26 {
+    padding: 16px;
+  }
+
+  ._itemFooter_n5zg8_65 {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  ._itemActions_n5zg8_90 {
+    width: 100%;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    margin-left: 0;
+  }
+
+  ._statusRow_n5zg8_203 {
+    width: 100%;
+    justify-content: flex-start;
+  }
 }
 ._container_u1wgv_1 {
   display: flex;
@@ -13714,13 +13905,13 @@
   font-size: var(--font-sm, 12px);
   color: var(--text-tertiary);
 }
-._container_1j25l_1 {
+._container_1rnd8_1 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
-._content_1j25l_7 {
+._content_1rnd8_7 {
   flex: 1;
   overflow-y: auto;
   padding: 24px;
@@ -13729,7 +13920,7 @@
   gap: 16px;
 }
 
-._loading_1j25l_16 {
+._loading_1rnd8_16 {
   color: var(--text-tertiary);
   text-align: center;
   padding: 48px 0;
@@ -13739,7 +13930,7 @@
  * Hint banner
  * --------------------------------------------------------------------------- */
 
-._hint_1j25l_26 {
+._hint_1rnd8_26 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -13756,7 +13947,7 @@
  * Empty state
  * --------------------------------------------------------------------------- */
 
-._empty_1j25l_43 {
+._empty_1rnd8_43 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -13765,12 +13956,12 @@
   text-align: center;
 }
 
-._emptyIcon_1j25l_52 {
+._emptyIcon_1rnd8_52 {
   color: var(--text-tertiary);
   opacity: 0.4;
 }
 
-._emptyText_1j25l_57 {
+._emptyText_1rnd8_57 {
   color: var(--text-secondary);
   font-size: 14px;
   line-height: 1.6;
@@ -13781,13 +13972,13 @@
  * Channel list
  * --------------------------------------------------------------------------- */
 
-._channelList_1j25l_68 {
+._channelList_1rnd8_68 {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
-._channelCard_1j25l_74 {
+._channelCard_1rnd8_74 {
   border: 1px solid var(--border-primary);
   border-radius: var(--radius-lg);
   padding: 16px;
@@ -13797,17 +13988,17 @@
   transition: border-color 0.15s;
 }
 
-._channelCard_1j25l_74:hover {
+._channelCard_1rnd8_74:hover {
   border-color: var(--border-focus);
 }
 
-._cardHeader_1j25l_88 {
+._cardHeader_1rnd8_88 {
   display: flex;
   align-items: center;
   gap: 12px;
 }
 
-._platformIcon_1j25l_94 {
+._platformIcon_1rnd8_94 {
   width: 36px;
   height: 36px;
   border-radius: var(--radius-md);
@@ -13817,17 +14008,17 @@
   flex-shrink: 0;
 }
 
-._platformIconWechat_1j25l_104 {
+._platformIconWechat_1rnd8_104 {
   background: #07c160;
   color: white;
 }
 
-._platformIconWecom_1j25l_109 {
+._platformIconWecom_1rnd8_109 {
   background: #2b7ce9;
   color: white;
 }
 
-._cardInfo_1j25l_114 {
+._cardInfo_1rnd8_114 {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -13835,13 +14026,13 @@
   min-width: 0;
 }
 
-._platformName_1j25l_122 {
+._platformName_1rnd8_122 {
   font-size: 14px;
   font-weight: 500;
   color: var(--text-primary);
 }
 
-._targetLabel_1j25l_128 {
+._targetLabel_1rnd8_128 {
   font-size: 12px;
   color: var(--text-tertiary);
   overflow: hidden;
@@ -13849,7 +14040,15 @@
   white-space: nowrap;
 }
 
-._createdAt_1j25l_136 {
+._targetHint_1rnd8_136 {
+  font-size: 12px;
+  color: var(--text-tertiary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._createdAt_1rnd8_144 {
   font-size: 12px;
   color: var(--text-tertiary);
   overflow: hidden;
@@ -13861,7 +14060,7 @@
  * Status badge
  * --------------------------------------------------------------------------- */
 
-._statusBadge_1j25l_148 {
+._statusBadge_1rnd8_156 {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -13872,24 +14071,24 @@
   white-space: nowrap;
 }
 
-._status-connected_1j25l_159 {
+._status-connected_1rnd8_167 {
   color: var(--green-500);
   background: color-mix(in srgb, var(--green-500) 10%, transparent);
 }
 
-._status-disconnected_1j25l_164,
-._status-idle_1j25l_165 {
+._status-disconnected_1rnd8_172,
+._status-idle_1rnd8_173 {
   color: var(--text-tertiary);
   background: var(--bg-secondary);
 }
 
-._status-connecting_1j25l_170,
-._status-reconnecting_1j25l_171 {
+._status-connecting_1rnd8_178,
+._status-reconnecting_1rnd8_179 {
   color: var(--purple-500);
   background: color-mix(in srgb, var(--purple-500) 10%, transparent);
 }
 
-._status-auth_failed_1j25l_176 {
+._status-auth_failed_1rnd8_184 {
   color: var(--red-500);
   background: color-mix(in srgb, var(--red-500) 10%, transparent);
 }
@@ -13898,7 +14097,7 @@
  * Card actions
  * --------------------------------------------------------------------------- */
 
-._cardActions_1j25l_185 {
+._cardActions_1rnd8_193 {
   display: flex;
   gap: 8px;
   padding-top: 4px;
@@ -13909,7 +14108,7 @@
  * Edit target card
  * --------------------------------------------------------------------------- */
 
-._editTargetCard_1j25l_196 {
+._editTargetCard_1rnd8_204 {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -13921,20 +14120,20 @@
  * Bind flow
  * --------------------------------------------------------------------------- */
 
-._bindFlow_1j25l_208 {
+._bindFlow_1rnd8_216 {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 
 /* Steps indicator */
-._stepsIndicator_1j25l_215 {
+._stepsIndicator_1rnd8_223 {
   display: flex;
   gap: 4px;
   align-items: center;
 }
 
-._stepDot_1j25l_221 {
+._stepDot_1rnd8_229 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -13945,13 +14144,13 @@
   background: var(--bg-secondary);
 }
 
-._stepDotActive_1j25l_232 {
+._stepDotActive_1rnd8_240 {
   color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 10%, transparent);
   font-weight: 500;
 }
 
-._stepNum_1j25l_238 {
+._stepNum_1rnd8_246 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
@@ -13963,35 +14162,42 @@
   background: var(--bg-tertiary);
 }
 
-._stepDotActive_1j25l_232 ._stepNum_1j25l_238 {
+._stepDotActive_1rnd8_240 ._stepNum_1rnd8_246 {
   background: var(--color-primary);
   color: white;
 }
 
-._stepTitle_1j25l_255 {
+._stepTitle_1rnd8_263 {
   font-size: 12px;
 }
 
 /* Step content */
-._stepContent_1j25l_260 {
+._stepContent_1rnd8_268 {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
-._field_1j25l_266 {
+._field_1rnd8_274 {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
 
-._field_1j25l_266 label {
+._field_1rnd8_274 label {
   font-size: 13px;
   font-weight: 500;
   color: var(--text-secondary);
 }
 
-._stepActions_1j25l_278 {
+._fieldHint_1rnd8_286 {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--text-tertiary);
+}
+
+._stepActions_1rnd8_293 {
   display: flex;
   justify-content: flex-end;
   gap: 8px;
@@ -14002,12 +14208,12 @@
  * Target kind selection
  * --------------------------------------------------------------------------- */
 
-._targetKind_1j25l_289 {
+._targetKind_1rnd8_304 {
   display: flex;
   gap: 12px;
 }
 
-._kindBtn_1j25l_294 {
+._kindBtn_1rnd8_309 {
   flex: 1;
   display: flex;
   align-items: flex-start;
@@ -14022,37 +14228,37 @@
   transition: all 0.15s;
 }
 
-._kindBtn_1j25l_294:hover {
+._kindBtn_1rnd8_309:hover {
   border-color: var(--border-focus);
 }
 
-._kindBtnActive_1j25l_313 {
+._kindBtnActive_1rnd8_328 {
   border-color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 5%, transparent);
 }
 
-._kindBtn_1j25l_294 > svg {
+._kindBtn_1rnd8_309 > svg {
   margin-top: 2px;
   opacity: 0.3;
 }
 
-._kindBtnActive_1j25l_313 > svg {
+._kindBtnActive_1rnd8_328 > svg {
   opacity: 1;
   color: var(--color-primary);
 }
 
-._kindBtn_1j25l_294 div {
+._kindBtn_1rnd8_309 div {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
 
-._kindBtn_1j25l_294 strong {
+._kindBtn_1rnd8_309 strong {
   font-size: 13px;
   font-weight: 500;
 }
 
-._kindBtn_1j25l_294 span {
+._kindBtn_1rnd8_309 span {
   font-size: 12px;
   color: var(--text-tertiary);
 }
@@ -14061,7 +14267,7 @@
  * Summary
  * --------------------------------------------------------------------------- */
 
-._summary_1j25l_348 {
+._summary_1rnd8_363 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -14071,20 +14277,20 @@
   background: var(--bg-secondary);
 }
 
-._summaryRow_1j25l_358 {
+._summaryRow_1rnd8_373 {
   display: flex;
   align-items: baseline;
   gap: 12px;
   font-size: 13px;
 }
 
-._summaryLabel_1j25l_365 {
+._summaryLabel_1rnd8_380 {
   color: var(--text-tertiary);
   min-width: 70px;
   flex-shrink: 0;
 }
 
-._mono_1j25l_371 {
+._mono_1rnd8_386 {
   font-family: var(--font-mono);
   font-size: 12px;
 }
@@ -14093,11 +14299,11 @@
  * Test result
  * --------------------------------------------------------------------------- */
 
-._testResult_1j25l_380 {
+._testResult_1rnd8_395 {
   min-height: 48px;
 }
 
-._testing_1j25l_384 {
+._testing_1rnd8_399 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -14106,7 +14312,7 @@
   padding: 12px;
 }
 
-._testSuccess_1j25l_393 {
+._testSuccess_1rnd8_408 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -14117,7 +14323,7 @@
   font-size: 13px;
 }
 
-._testFailed_1j25l_404 {
+._testFailed_1rnd8_419 {
   display: flex;
   align-items: flex-start;
   gap: 8px;
@@ -14128,7 +14334,7 @@
   font-size: 13px;
 }
 
-._testFailed_1j25l_404 p {
+._testFailed_1rnd8_419 p {
   margin: 2px 0 0;
   font-size: 12px;
   opacity: 0.8;
@@ -14138,12 +14344,12 @@
  * Method choice (scan / manual)
  * --------------------------------------------------------------------------- */
 
-._methodChoice_1j25l_425 {
+._methodChoice_1rnd8_440 {
   display: flex;
   gap: 12px;
 }
 
-._methodCard_1j25l_430 {
+._methodCard_1rnd8_445 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -14159,15 +14365,15 @@
   transition: all 0.15s;
 }
 
-._methodCard_1j25l_430:hover {
+._methodCard_1rnd8_445:hover {
   border-color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 5%, transparent);
 }
 
-._methodCardDisabled_1j25l_451,
-._methodCardDisabled_1j25l_451:hover,
-._methodCard_1j25l_430:disabled,
-._methodCard_1j25l_430:disabled:hover {
+._methodCardDisabled_1rnd8_466,
+._methodCardDisabled_1rnd8_466:hover,
+._methodCard_1rnd8_445:disabled,
+._methodCard_1rnd8_445:disabled:hover {
   opacity: 0.6;
   pointer-events: none;
   cursor: not-allowed;
@@ -14175,7 +14381,7 @@
   background: transparent;
 }
 
-._methodIcon_1j25l_462 {
+._methodIcon_1rnd8_477 {
   font-size: 28px;
   line-height: 1;
   color: var(--text-primary);
@@ -14184,13 +14390,13 @@
   justify-content: center;
 }
 
-._methodTitle_1j25l_471 {
+._methodTitle_1rnd8_486 {
   font-size: 14px;
   font-weight: 500;
   color: var(--text-primary);
 }
 
-._methodDesc_1j25l_477 {
+._methodDesc_1rnd8_492 {
   font-size: 12px;
   color: var(--text-tertiary);
   line-height: 1.5;
@@ -14200,14 +14406,14 @@
  * QR code section
  * --------------------------------------------------------------------------- */
 
-._qrcodeSection_1j25l_487 {
+._qrcodeSection_1rnd8_502 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
 }
 
-._qrImage_1j25l_494 {
+._qrImage_1rnd8_509 {
   padding: 16px;
   background: white;
   border-radius: var(--radius-lg);
@@ -14216,13 +14422,13 @@
   justify-content: center;
 }
 
-._qrHint_1j25l_503 {
+._qrHint_1rnd8_518 {
   font-size: 13px;
   color: var(--text-secondary);
   text-align: center;
 }
 
-._qrLoading_1j25l_509 {
+._qrLoading_1rnd8_524 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -14231,7 +14437,7 @@
   padding: 24px 0;
 }
 
-._error_1j25l_518 {
+._error_1rnd8_533 {
   font-size: 13px;
   color: var(--red-500);
   text-align: center;