@sinm/kai 1.9.2 → 1.9.3

package/dist-electron/renderer/assets/{index-CP1VBw7a.css → index-C4yFAlqR.css}

@@ -7462,7 +7462,7 @@
 }
 /* ========== Overlay ========== */
 
-._overlay_191ng_3 {
+._overlay_1pic0_3 {
   position: fixed;
   inset: 0;
   background: var(--overlay-bg);
@@ -7471,17 +7471,17 @@
   justify-content: center;
   z-index: 1000;
   overflow: hidden;
-  animation: _fadeIn_191ng_1 0.15s ease;
+  animation: _fadeIn_1pic0_1 0.15s ease;
 }
 
-@keyframes _fadeIn_191ng_1 {
+@keyframes _fadeIn_1pic0_1 {
   from { opacity: 0; }
   to { opacity: 1; }
 }
 
 /* ========== Dialog shell ========== */
 
-._dialog_191ng_22 {
+._dialog_1pic0_22 {
   background: var(--bg-primary);
   border-radius: var(--radius-2xl, 16px);
   border: 1px solid var(--border-default);
@@ -7496,13 +7496,13 @@
 
 /* ========== Header with tabs ========== */
 
-._header_191ng_37 {
+._header_1pic0_37 {
   display: flex;
   border-bottom: 1px solid var(--border-default);
   flex-shrink: 0;
 }
 
-._tab_191ng_43 {
+._tab_1pic0_43 {
   flex: 1;
   padding: 12px 16px;
   font-size: 14px;
@@ -7515,18 +7515,18 @@
   transition: color 0.15s, border-color 0.15s;
 }
 
-._tab_191ng_43:hover {
+._tab_1pic0_43:hover {
   color: var(--text-primary);
 }
 
-._tabActive_191ng_60 {
+._tabActive_1pic0_60 {
   color: var(--text-primary);
   border-bottom-color: var(--color-primary);
 }
 
 /* ========== Content area ========== */
 
-._content_191ng_67 {
+._content_1pic0_67 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -7534,7 +7534,7 @@
   padding: 16px 20px;
 }
 
-._editor_191ng_75 {
+._editor_1pic0_75 {
   flex: 1;
   min-height: 120px;
   width: 100%;
@@ -7551,19 +7551,61 @@
   transition: border-color 0.15s;
 }
 
-._editor_191ng_75:focus {
+._editor_1pic0_75:focus {
   border-color: var(--color-primary);
 }
 
-._editor_191ng_75::placeholder {
+._editor_1pic0_75::placeholder {
   color: var(--text-tertiary);
   font-style: italic;
   font-family: inherit;
 }
 
+/* ========== Responsive: mobile ========== */
+
+@media (max-width: 640px) {
+  ._dialog_1pic0_22 {
+    width: 100vw;
+    max-width: 100vw;
+    height: 100vh;
+    height: 100dvh;
+    max-height: 100vh;
+    max-height: 100dvh;
+    border-radius: 0;
+    border: none;
+  }
+
+  ._content_1pic0_67 {
+    padding: 12px 12px;
+  }
+
+  ._editor_1pic0_75 {
+    min-height: 200px;
+    font-size: 14px;
+  }
+
+  ._footer_1pic0_125 {
+    padding: 10px 12px 12px;
+  }
+}
+
+/* ========== Responsive: desktop ========== */
+
+@media (min-width: 641px) {
+  ._dialog_1pic0_22 {
+    /* Give editor area comfortable vertical space on desktop */
+    height: 70vh;
+    height: 70dvh;
+  }
+
+  ._editor_1pic0_75 {
+    min-height: 280px;
+  }
+}
+
 /* ========== Footer ========== */
 
-._footer_191ng_104 {
+._footer_1pic0_125 {
   flex-shrink: 0;
   display: flex;
   justify-content: flex-end;
@@ -8421,16 +8463,222 @@
 /* .select 样式已迁移到 common/Select 组件 */
 
 
+._drawerOverlay_1anj1_1 {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: var(--overlay-bg);
+  z-index: 1000;
+  display: flex;
+  justify-content: flex-end;
+}
+
+._drawer_1anj1_1 {
+  width: 360px;
+  max-width: 90vw;
+  height: 100%;
+  background: var(--bg-primary);
+  box-shadow: -4px 0 24px var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
+  animation: _slideIn_1anj1_1 0.3s ease-out;
+}
+
+@keyframes _slideIn_1anj1_1 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+._drawerHeader_1anj1_33 {
+  padding: 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+._drawerTitle_1anj1_38 {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin: 0 0 8px 0;
+}
+
+._drawerSubtitle_1anj1_44 {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-primary);
+  margin-bottom: 4px;
+}
+
+._drawerDesc_1anj1_51 {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+}
+
+._drawerWarning_1anj1_56 {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 12px 20px;
+  padding: 10px 12px;
+  background: var(--accent-color-light);
+  color: var(--text-secondary);
+  border-radius: 6px;
+  font-size: 0.8125rem;
+}
+
+._drawerSearch_1anj1_68 {
+  padding: 12px 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+._searchInput_1anj1_73 {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  font-size: 0.875rem;
+  transition: all 0.2s ease;
+}
+
+._searchInput_1anj1_73:focus {
+  outline: none;
+  border-color: var(--accent-color);
+}
+
+._selectAllRow_1anj1_89 {
+  padding: 8px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--border);
+}
+
+._filteredCount_1anj1_97 {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+}
+
+._selectAllBtn_1anj1_102 {
+  padding: 4px 8px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--accent-color);
+  font-size: 0.75rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+._selectAllBtn_1anj1_102:hover {
+  background: var(--bg-secondary);
+}
+
+._drawerList_1anj1_117 {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px 20px;
+}
+
+._drawerItem_1anj1_123 {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 10px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 4px;
+  transition: background 0.2s ease;
+}
+
+._drawerItem_1anj1_123:hover {
+  background: var(--bg-secondary);
+}
+
+._drawerItem_1anj1_123 input[type="checkbox"] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg-secondary);
+  cursor: pointer;
+  margin-top: 2px;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+._drawerItem_1anj1_123 input[type="checkbox"]:checked {
+  background: var(--accent-color);
+  border-color: var(--accent-color);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 12px 12px;
+}
+
+._drawerItemInfo_1anj1_161 {
+  flex: 1;
+  min-width: 0;
+}
+
+._drawerItemName_1anj1_166 {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-primary);
+  display: block;
+}
+
+._drawerItemDesc_1anj1_173 {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+  margin-top: 2px;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._drawerEmpty_1anj1_183 {
+  text-align: center;
+  padding: 20px;
+  color: var(--text-secondary);
+  font-size: 0.875rem;
+}
+
+._drawerFooter_1anj1_190 {
+  padding: 16px 20px;
+  border-top: 1px solid var(--border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+._selectedCount_1anj1_198 {
+  font-size: 0.875rem;
+  color: var(--text-secondary);
+}
+
+._drawerButtons_1anj1_203 {
+  display: flex;
+  gap: 8px;
+}
 /* McpPanel 使用 settings-common 公共样式 + Toggle 自定义 */
 
-._panel_1oeed_3 {
+._panel_esaw1_3 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
 /* List view - header now uses SettingsPanelHeader */
-._list_1oeed_10 {
+._list_esaw1_10 {
   flex: 1;
   overflow-y: auto;
   padding: 16px 24px;
@@ -8439,14 +8687,14 @@
   gap: 10px;
 }
 
-._empty_1oeed_19 {
+._empty_esaw1_19 {
   color: var(--text-tertiary);
   font-size: 14px;
   text-align: center;
   padding: 32px 0;
 }
 
-._item_1oeed_26 {
+._item_esaw1_26 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -8457,12 +8705,12 @@
   transition: all 0.2s ease;
 }
 
-._item_1oeed_26:hover {
+._item_esaw1_26:hover {
   border-color: var(--accent-color);
   background: var(--hover-bg);
 }
 
-._itemInfo_1oeed_42 {
+._itemInfo_esaw1_42 {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -8470,13 +8718,13 @@
   flex: 1;
 }
 
-._itemName_1oeed_50 {
+._itemName_esaw1_50 {
   font-weight: 500;
   font-size: 14px;
   color: var(--text-primary);
 }
 
-._itemMeta_1oeed_56 {
+._itemMeta_esaw1_56 {
   font-size: 12px;
   color: var(--text-secondary);
   white-space: nowrap;
@@ -8484,7 +8732,7 @@
   text-overflow: ellipsis;
 }
 
-._itemActions_1oeed_64 {
+._itemActions_esaw1_64 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -8493,21 +8741,21 @@
 }
 
 /* Toggle switch */
-._toggleLabel_1oeed_73 {
+._toggleLabel_esaw1_73 {
   position: relative;
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
 
-._toggleInput_1oeed_80 {
+._toggleInput_esaw1_80 {
   position: absolute;
   opacity: 0;
   width: 0;
   height: 0;
 }
 
-._toggleTrack_1oeed_87 {
+._toggleTrack_esaw1_87 {
   display: inline-block;
   width: 32px;
   height: 18px;
@@ -8517,7 +8765,7 @@
   position: relative;
 }
 
-._toggleTrack_1oeed_87::after {
+._toggleTrack_esaw1_87::after {
   content: '';
   position: absolute;
   left: 2px;
@@ -8529,42 +8777,42 @@
   transition: transform 0.2s ease;
 }
 
-._toggleInput_1oeed_80:checked + ._toggleTrack_1oeed_87 {
+._toggleInput_esaw1_80:checked + ._toggleTrack_esaw1_87 {
   background: var(--accent-color);
 }
 
-._toggleInput_1oeed_80:checked + ._toggleTrack_1oeed_87::after {
+._toggleInput_esaw1_80:checked + ._toggleTrack_esaw1_87::after {
   transform: translateX(14px);
 }
 
 /* Form view */
-._formWrapper_1oeed_118 {
+._formWrapper_esaw1_118 {
   flex: 1;
   overflow-y: auto;
   padding: 16px 24px;
 }
 
-._formTitle_1oeed_124 {
+._formTitle_esaw1_124 {
   font-size: 14px;
   font-weight: 600;
   color: var(--text-primary);
   margin: 0 0 16px 0;
 }
 
-._field_1oeed_131 {
+._field_esaw1_131 {
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin-bottom: 14px;
 }
 
-._label_1oeed_138 {
+._label_esaw1_138 {
   font-size: 13px;
   font-weight: 500;
   color: var(--text-secondary);
 }
 
-._input_1oeed_144 {
+._input_esaw1_144 {
   padding: 10px 12px;
   background: var(--bg-secondary);
   border: 1px solid var(--border);
@@ -8575,13 +8823,13 @@
   transition: all 0.2s ease;
 }
 
-._input_1oeed_144:focus {
+._input_esaw1_144:focus {
   outline: none;
   border-color: var(--accent-color);
   background: var(--bg-primary);
 }
 
-._formFooter_1oeed_161 {
+._formFooter_esaw1_161 {
   display: flex;
   gap: 10px;
   padding: 14px 24px;
@@ -8590,6 +8838,56 @@
 }
 
 
+
+._statusRow_esaw1_171 {
+  width: fit-content;
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px solid var(--border);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  background: transparent;
+  border-right: 0;
+  border-bottom: 0;
+  border-left: 0;
+  cursor: pointer;
+  font-size: 13px;
+  font-family: inherit;
+}
+
+._statusRow_esaw1_171:hover {
+  opacity: 0.8;
+}
+
+._statusIcon_esaw1_192 {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+._statusText_esaw1_198 {
+  color: var(--accent-color);
+  font-weight: 500;
+}
+
+._statusText_esaw1_198:hover {
+  text-decoration: underline;
+}
+
+._disabledBadge_esaw1_207 {
+  margin-left: 8px;
+  padding: 2px 6px;
+  background: var(--accent-color-light);
+  color: var(--text-secondary);
+  border-radius: 4px;
+  font-size: 12px;
+}
+
+._statusArrow_esaw1_216 {
+  color: var(--text-tertiary);
+  margin-left: 4px;
+}
 ._container_u1wgv_1 {
   display: flex;
   flex-direction: column;
@@ -9838,14 +10136,13 @@
   border-bottom: 1px solid var(--border);
   flex-shrink: 0;
 }
-._location_4rmr3_1 {
+._location_lm1w3_1 {
   font-size: 0.75rem;
   color: var(--text-tertiary);
   margin-top: 4px;
 }
 
-/* 状态行 */
-._statusRow_4rmr3_8 {
+._statusRow_lm1w3_7 {
   margin-top: 12px;
   padding-top: 12px;
   border-top: 1px solid var(--border);
@@ -9856,26 +10153,26 @@
   font-size: 0.875rem;
 }
 
-._statusRow_4rmr3_8:hover {
+._statusRow_lm1w3_7:hover {
   opacity: 0.8;
 }
 
-._statusIcon_4rmr3_23 {
+._statusIcon_lm1w3_22 {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
 }
 
-._statusText_4rmr3_29 {
+._statusText_lm1w3_28 {
   color: var(--accent-color);
   font-weight: 500;
 }
 
-._statusText_4rmr3_29:hover {
+._statusText_lm1w3_28:hover {
   text-decoration: underline;
 }
 
-._disabledBadge_4rmr3_38 {
+._disabledBadge_lm1w3_37 {
   margin-left: 8px;
   padding: 2px 6px;
   background: var(--accent-color-light);
@@ -9884,220 +10181,10 @@
   font-size: 0.75rem;
 }
 
-._statusArrow_4rmr3_47 {
+._statusArrow_lm1w3_46 {
   color: var(--text-tertiary);
   margin-left: 4px;
 }
-
-/* 抽屉 */
-._drawerOverlay_4rmr3_53 {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: var(--overlay-bg);
-  z-index: 1000;
-  display: flex;
-  justify-content: flex-end;
-}
-
-._drawer_4rmr3_53 {
-  width: 360px;
-  max-width: 90vw;
-  height: 100%;
-  background: var(--bg-primary);
-  box-shadow: -4px 0 24px var(--shadow-lg);
-  display: flex;
-  flex-direction: column;
-  animation: _slideIn_4rmr3_1 0.3s ease-out;
-}
-
-@keyframes _slideIn_4rmr3_1 {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-._drawerHeader_4rmr3_85 {
-  padding: 20px;
-  border-bottom: 1px solid var(--border);
-}
-
-._drawerTitle_4rmr3_90 {
-  font-size: 1.125rem;
-  font-weight: 600;
-  margin: 0 0 8px 0;
-}
-
-._drawerSubtitle_4rmr3_96 {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-._drawerDesc_4rmr3_103 {
-  font-size: 0.75rem;
-  color: var(--text-secondary);
-}
-
-._drawerWarning_4rmr3_108 {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: 12px 20px;
-  padding: 10px 12px;
-  background: var(--accent-color-light);
-  color: var(--text-secondary);
-  border-radius: 6px;
-  font-size: 0.8125rem;
-}
-
-._drawerSearch_4rmr3_120 {
-  padding: 12px 20px;
-  border-bottom: 1px solid var(--border);
-}
-
-._searchInput_4rmr3_125 {
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  background: var(--bg-secondary);
-  color: var(--text-primary);
-  font-size: 0.875rem;
-  transition: all 0.2s ease;
-}
-
-._searchInput_4rmr3_125:focus {
-  outline: none;
-  border-color: var(--accent-color);
-}
-
-._drawerList_4rmr3_141 {
-  flex: 1;
-  overflow-y: auto;
-  padding: 12px 20px;
-}
-
-._drawerItem_4rmr3_147 {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 10px 12px;
-  border-radius: 6px;
-  cursor: pointer;
-  margin-bottom: 4px;
-  transition: background 0.2s ease;
-}
-
-._drawerItem_4rmr3_147:hover {
-  background: var(--bg-secondary);
-}
-
-/* 自定义 checkbox */
-._drawerItem_4rmr3_147 input[type="checkbox"] {
-  appearance: none;
-  -webkit-appearance: none;
-  width: 16px;
-  height: 16px;
-  border: 2px solid var(--border);
-  border-radius: 4px;
-  background: var(--bg-secondary);
-  cursor: pointer;
-  margin-top: 2px;
-  transition: all 0.2s ease;
-  position: relative;
-}
-
-._drawerItem_4rmr3_147 input[type="checkbox"]:checked {
-  background: var(--accent-color);
-  border-color: var(--accent-color);
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 12px 12px;
-}
-
-._drawerItemInfo_4rmr3_186 {
-  flex: 1;
-  min-width: 0;
-}
-
-._drawerItemName_4rmr3_191 {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  display: block;
-}
-
-._drawerItemDesc_4rmr3_198 {
-  font-size: 0.75rem;
-  color: var(--text-secondary);
-  margin-top: 2px;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-._drawerEmpty_4rmr3_208 {
-  text-align: center;
-  padding: 20px;
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-}
-
-._drawerFooter_4rmr3_215 {
-  padding: 16px 20px;
-  border-top: 1px solid var(--border);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-._selectedCount_4rmr3_223 {
-  font-size: 0.875rem;
-  color: var(--text-secondary);
-}
-
-._drawerButtons_4rmr3_228 {
-  display: flex;
-  gap: 8px;
-}
-
-/* 全选操作行 */
-._selectAllRow_4rmr3_234 {
-  padding: 8px 20px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid var(--border);
-}
-
-._filteredCount_4rmr3_242 {
-  font-size: 0.75rem;
-  color: var(--text-secondary);
-}
-
-._selectAllBtn_4rmr3_247 {
-  padding: 4px 8px;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  background: transparent;
-  color: var(--accent-color);
-  font-size: 0.75rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-._selectAllBtn_4rmr3_247:hover {
-  background: var(--bg-secondary);
-}
 ._panel_m4qbd_1 {
   display: flex;
   flex-direction: column;
@@ -11789,13 +11876,13 @@
   font-size: var(--font-sm, 12px);
   color: var(--text-tertiary);
 }
-._container_11ek9_1 {
+._container_15a86_1 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 
-._content_11ek9_7 {
+._content_15a86_7 {
   flex: 1;
   overflow-y: auto;
   padding: 24px;
@@ -11804,7 +11891,7 @@
   gap: 16px;
 }
 
-._loading_11ek9_16 {
+._loading_15a86_16 {
   color: var(--text-tertiary);
   text-align: center;
   padding: 48px 0;
@@ -11814,7 +11901,7 @@
  * Hint banner
  * --------------------------------------------------------------------------- */
 
-._hint_11ek9_26 {
+._hint_15a86_26 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -11831,7 +11918,7 @@
  * Empty state
  * --------------------------------------------------------------------------- */
 
-._empty_11ek9_43 {
+._empty_15a86_43 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -11840,12 +11927,12 @@
   text-align: center;
 }
 
-._emptyIcon_11ek9_52 {
+._emptyIcon_15a86_52 {
   color: var(--text-tertiary);
   opacity: 0.4;
 }
 
-._emptyText_11ek9_57 {
+._emptyText_15a86_57 {
   color: var(--text-secondary);
   font-size: 14px;
   line-height: 1.6;
@@ -11856,13 +11943,13 @@
  * Channel list
  * --------------------------------------------------------------------------- */
 
-._channelList_11ek9_68 {
+._channelList_15a86_68 {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
-._channelCard_11ek9_74 {
+._channelCard_15a86_74 {
   border: 1px solid var(--border-primary);
   border-radius: var(--radius-lg);
   padding: 16px;
@@ -11872,17 +11959,17 @@
   transition: border-color 0.15s;
 }
 
-._channelCard_11ek9_74:hover {
+._channelCard_15a86_74:hover {
   border-color: var(--border-focus);
 }
 
-._cardHeader_11ek9_88 {
+._cardHeader_15a86_88 {
   display: flex;
   align-items: center;
   gap: 12px;
 }
 
-._platformIcon_11ek9_94 {
+._platformIcon_15a86_94 {
   width: 36px;
   height: 36px;
   border-radius: var(--radius-md);
@@ -11892,17 +11979,17 @@
   flex-shrink: 0;
 }
 
-._platformIconWechat_11ek9_104 {
+._platformIconWechat_15a86_104 {
   background: #07c160;
   color: white;
 }
 
-._platformIconWecom_11ek9_109 {
+._platformIconWecom_15a86_109 {
   background: #2b7ce9;
   color: white;
 }
 
-._cardInfo_11ek9_114 {
+._cardInfo_15a86_114 {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -11910,13 +11997,21 @@
   min-width: 0;
 }
 
-._platformName_11ek9_122 {
+._platformName_15a86_122 {
   font-size: 14px;
   font-weight: 500;
   color: var(--text-primary);
 }
 
-._targetLabel_11ek9_128 {
+._targetLabel_15a86_128 {
+  font-size: 12px;
+  color: var(--text-tertiary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._createdAt_15a86_136 {
   font-size: 12px;
   color: var(--text-tertiary);
   overflow: hidden;
@@ -11928,7 +12023,7 @@
  * Status badge
  * --------------------------------------------------------------------------- */
 
-._statusBadge_11ek9_140 {
+._statusBadge_15a86_148 {
   display: flex;
   align-items: center;
   gap: 5px;
@@ -11939,24 +12034,24 @@
   white-space: nowrap;
 }
 
-._status-connected_11ek9_151 {
+._status-connected_15a86_159 {
   color: var(--green-500);
   background: color-mix(in srgb, var(--green-500) 10%, transparent);
 }
 
-._status-disconnected_11ek9_156,
-._status-idle_11ek9_157 {
+._status-disconnected_15a86_164,
+._status-idle_15a86_165 {
   color: var(--text-tertiary);
   background: var(--bg-secondary);
 }
 
-._status-connecting_11ek9_162,
-._status-reconnecting_11ek9_163 {
+._status-connecting_15a86_170,
+._status-reconnecting_15a86_171 {
   color: var(--purple-500);
   background: color-mix(in srgb, var(--purple-500) 10%, transparent);
 }
 
-._status-auth_failed_11ek9_168 {
+._status-auth_failed_15a86_176 {
   color: var(--red-500);
   background: color-mix(in srgb, var(--red-500) 10%, transparent);
 }
@@ -11965,7 +12060,7 @@
  * Card actions
  * --------------------------------------------------------------------------- */
 
-._cardActions_11ek9_177 {
+._cardActions_15a86_185 {
   display: flex;
   gap: 8px;
   padding-top: 4px;
@@ -11976,7 +12071,7 @@
  * Edit target card
  * --------------------------------------------------------------------------- */
 
-._editTargetCard_11ek9_188 {
+._editTargetCard_15a86_196 {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -11988,20 +12083,20 @@
  * Bind flow
  * --------------------------------------------------------------------------- */
 
-._bindFlow_11ek9_200 {
+._bindFlow_15a86_208 {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 
 /* Steps indicator */
-._stepsIndicator_11ek9_207 {
+._stepsIndicator_15a86_215 {
   display: flex;
   gap: 4px;
   align-items: center;
 }
 
-._stepDot_11ek9_213 {
+._stepDot_15a86_221 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -12012,13 +12107,13 @@
   background: var(--bg-secondary);
 }
 
-._stepDotActive_11ek9_224 {
+._stepDotActive_15a86_232 {
   color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 10%, transparent);
   font-weight: 500;
 }
 
-._stepNum_11ek9_230 {
+._stepNum_15a86_238 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
@@ -12030,35 +12125,35 @@
   background: var(--bg-tertiary);
 }
 
-._stepDotActive_11ek9_224 ._stepNum_11ek9_230 {
+._stepDotActive_15a86_232 ._stepNum_15a86_238 {
   background: var(--color-primary);
   color: white;
 }
 
-._stepTitle_11ek9_247 {
+._stepTitle_15a86_255 {
   font-size: 12px;
 }
 
 /* Step content */
-._stepContent_11ek9_252 {
+._stepContent_15a86_260 {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
-._field_11ek9_258 {
+._field_15a86_266 {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
 
-._field_11ek9_258 label {
+._field_15a86_266 label {
   font-size: 13px;
   font-weight: 500;
   color: var(--text-secondary);
 }
 
-._stepActions_11ek9_270 {
+._stepActions_15a86_278 {
   display: flex;
   justify-content: flex-end;
   gap: 8px;
@@ -12069,12 +12164,12 @@
  * Target kind selection
  * --------------------------------------------------------------------------- */
 
-._targetKind_11ek9_281 {
+._targetKind_15a86_289 {
   display: flex;
   gap: 12px;
 }
 
-._kindBtn_11ek9_286 {
+._kindBtn_15a86_294 {
   flex: 1;
   display: flex;
   align-items: flex-start;
@@ -12089,37 +12184,37 @@
   transition: all 0.15s;
 }
 
-._kindBtn_11ek9_286:hover {
+._kindBtn_15a86_294:hover {
   border-color: var(--border-focus);
 }
 
-._kindBtnActive_11ek9_305 {
+._kindBtnActive_15a86_313 {
   border-color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 5%, transparent);
 }
 
-._kindBtn_11ek9_286 > svg {
+._kindBtn_15a86_294 > svg {
   margin-top: 2px;
   opacity: 0.3;
 }
 
-._kindBtnActive_11ek9_305 > svg {
+._kindBtnActive_15a86_313 > svg {
   opacity: 1;
   color: var(--color-primary);
 }
 
-._kindBtn_11ek9_286 div {
+._kindBtn_15a86_294 div {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
 
-._kindBtn_11ek9_286 strong {
+._kindBtn_15a86_294 strong {
   font-size: 13px;
   font-weight: 500;
 }
 
-._kindBtn_11ek9_286 span {
+._kindBtn_15a86_294 span {
   font-size: 12px;
   color: var(--text-tertiary);
 }
@@ -12128,7 +12223,7 @@
  * Summary
  * --------------------------------------------------------------------------- */
 
-._summary_11ek9_340 {
+._summary_15a86_348 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -12138,20 +12233,20 @@
   background: var(--bg-secondary);
 }
 
-._summaryRow_11ek9_350 {
+._summaryRow_15a86_358 {
   display: flex;
   align-items: baseline;
   gap: 12px;
   font-size: 13px;
 }
 
-._summaryLabel_11ek9_357 {
+._summaryLabel_15a86_365 {
   color: var(--text-tertiary);
   min-width: 70px;
   flex-shrink: 0;
 }
 
-._mono_11ek9_363 {
+._mono_15a86_371 {
   font-family: var(--font-mono);
   font-size: 12px;
 }
@@ -12160,11 +12255,11 @@
  * Test result
  * --------------------------------------------------------------------------- */
 
-._testResult_11ek9_372 {
+._testResult_15a86_380 {
   min-height: 48px;
 }
 
-._testing_11ek9_376 {
+._testing_15a86_384 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -12173,7 +12268,7 @@
   padding: 12px;
 }
 
-._testSuccess_11ek9_385 {
+._testSuccess_15a86_393 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -12184,7 +12279,7 @@
   font-size: 13px;
 }
 
-._testFailed_11ek9_396 {
+._testFailed_15a86_404 {
   display: flex;
   align-items: flex-start;
   gap: 8px;
@@ -12195,7 +12290,7 @@
   font-size: 13px;
 }
 
-._testFailed_11ek9_396 p {
+._testFailed_15a86_404 p {
   margin: 2px 0 0;
   font-size: 12px;
   opacity: 0.8;
@@ -12205,12 +12300,12 @@
  * Method choice (scan / manual)
  * --------------------------------------------------------------------------- */
 
-._methodChoice_11ek9_417 {
+._methodChoice_15a86_425 {
   display: flex;
   gap: 12px;
 }
 
-._methodCard_11ek9_422 {
+._methodCard_15a86_430 {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -12225,13 +12320,13 @@
   transition: all 0.15s;
 }
 
-._methodCard_11ek9_422:hover {
+._methodCard_15a86_430:hover {
   border-color: var(--color-primary);
   background: color-mix(in srgb, var(--color-primary) 5%, transparent);
 }
 
-._methodCardDisabled_11ek9_442,
-._methodCardDisabled_11ek9_442:hover {
+._methodCardDisabled_15a86_450,
+._methodCardDisabled_15a86_450:hover {
   opacity: 0.6;
   pointer-events: none;
   cursor: not-allowed;
@@ -12239,7 +12334,7 @@
   background: transparent;
 }
 
-._methodIcon_11ek9_451 {
+._methodIcon_15a86_459 {
   font-size: 28px;
   line-height: 1;
   color: var(--text-primary);
@@ -12248,13 +12343,13 @@
   justify-content: center;
 }
 
-._methodTitle_11ek9_460 {
+._methodTitle_15a86_468 {
   font-size: 14px;
   font-weight: 500;
   color: var(--text-primary);
 }
 
-._methodDesc_11ek9_466 {
+._methodDesc_15a86_474 {
   font-size: 12px;
   color: var(--text-tertiary);
   line-height: 1.5;
@@ -12264,14 +12359,14 @@
  * QR code section
  * --------------------------------------------------------------------------- */
 
-._qrcodeSection_11ek9_476 {
+._qrcodeSection_15a86_484 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
 }
 
-._qrImage_11ek9_483 {
+._qrImage_15a86_491 {
   padding: 16px;
   background: white;
   border-radius: var(--radius-lg);
@@ -12280,13 +12375,13 @@
   justify-content: center;
 }
 
-._qrHint_11ek9_492 {
+._qrHint_15a86_500 {
   font-size: 13px;
   color: var(--text-secondary);
   text-align: center;
 }
 
-._qrLoading_11ek9_498 {
+._qrLoading_15a86_506 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -12295,7 +12390,7 @@
   padding: 24px 0;
 }
 
-._error_11ek9_507 {
+._error_15a86_515 {
   font-size: 13px;
   color: var(--red-500);
   text-align: center;