botmux 2.86.0 → 2.88.0

package/dist/dashboard-web/index.html

@@ -25,6 +25,7 @@
         <a href="#/workflows" data-route="workflows"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="3.4" cy="8" r="1.9"/><circle cx="12.6" cy="3.6" r="1.9"/><circle cx="12.6" cy="12.4" r="1.9"/><path d="M5.2 7.2l5.6-2.8M5.2 8.8l5.6 2.8"/></svg><span data-i18n="nav.workflows">工作流(beta)</span></a>
         <a href="#/groups" data-route="groups"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="5.6" cy="5.8" r="2.4"/><circle cx="11" cy="6.8" r="1.9"/><path d="M1.8 13.2c.5-2.4 2-3.6 3.8-3.6s3.3 1.2 3.8 3.6M9.8 12.6c.4-1.7 1.5-2.6 2.8-2.6 1 0 1.9.5 2.4 1.6"/></svg><span data-i18n="nav.groups">群组</span></a>
         <a href="#/schedules" data-route="schedules"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="6.2"/><path d="M8 4.5V8l2.4 1.6"/></svg><span data-i18n="nav.schedules">定时</span></a>
+        <a href="#/whiteboards" data-route="whiteboards"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="2.2" y="2.2" width="11.6" height="11.6" rx="2"/><path d="M4.8 5.2h6.4M4.8 8h6.4M4.8 10.8h4"/></svg><span>白板</span></a>
         <a href="#/roles" data-route="roles"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1.8l5.2 2v3.4c0 3.4-2.2 5.9-5.2 7-3-1.1-5.2-3.6-5.2-7V3.8z"/><path d="M5.8 8l1.6 1.6 2.8-3"/></svg><span data-i18n="nav.roles">角色管理</span></a>
         <a href="#/bot-defaults" data-route="bot-defaults"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="2.5" y="5" width="11" height="8" rx="2"/><circle cx="5.8" cy="9" r="1"/><circle cx="10.2" cy="9" r="1"/><path d="M8 5V2.5M5.5 13v1.2M10.5 13v1.2"/></svg><span data-i18n="nav.botDefaults">Bot 配置</span></a>
         <a href="#/skills" data-route="skills"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 2.5h10v3H3zM3 7h10v6.5H3z"/><path d="M5.4 9.2h5.2M5.4 11.2h3.8"/></svg><span data-i18n="nav.skills">Skills</span></a>

package/dist/dashboard-web/style.css

@@ -157,6 +157,20 @@ a { color: inherit; }
   color: var(--accent-strong);
 }
 
+/* Red dot on the Settings nav when a newer botmux version is available. */
+.sidebar-nav a.nav-has-update { position: relative; }
+.sidebar-nav a.nav-has-update::after {
+  content: "";
+  position: absolute;
+  top: 7px;
+  right: 8px;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--danger);
+  box-shadow: 0 0 0 2px var(--surface);
+}
+
 .sidebar-foot {
   margin-top: auto;
   padding: 10px 8px 4px;
@@ -2056,6 +2070,161 @@ fieldset legend {
 
 .bulk-bar[hidden] { display: none; }
 .bulk-bar #bulk-count { font-weight: 800; margin-right: 4px; }
+.idle-cleanup-bar {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px 12px;
+  margin: 10px 0 2px;
+  padding: 8px;
+  border-radius: var(--radius);
+  border: 1px solid var(--border-soft);
+  background: color-mix(in srgb, var(--surface) 92%, var(--bg));
+  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
+}
+.idle-cleanup-summary,
+.idle-cleanup-controls {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 8px;
+}
+.idle-cleanup-controls {
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+.idle-cleanup-dot {
+  width: 8px;
+  height: 8px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--danger);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 12%, transparent);
+}
+.idle-cleanup-bar.is-empty .idle-cleanup-dot {
+  background: var(--muted);
+  box-shadow: none;
+}
+.idle-cleanup-count,
+.idle-cleanup-status,
+.idle-cleanup-label {
+  min-height: 32px;
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+}
+.idle-cleanup-count {
+  padding: 0 12px;
+  border-radius: 999px;
+  background: var(--surface-muted);
+  border: 1px solid var(--border-soft);
+  color: var(--fg);
+  font-size: 12.5px;
+  font-weight: 800;
+  font-variant-numeric: tabular-nums;
+}
+.idle-cleanup-label {
+  color: var(--muted);
+  font-size: 12.5px;
+  font-weight: 700;
+}
+.idle-cleanup-thresholds {
+  display: inline-grid;
+  grid-auto-flow: column;
+  gap: 2px;
+  min-height: 32px;
+  padding: 2px;
+  border-radius: 999px;
+  border: 1px solid var(--border-soft);
+  background: var(--surface-muted);
+}
+.idle-cleanup-thresholds button {
+  min-height: 26px;
+  padding: 0 10px;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  box-shadow: none;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 800;
+  font-variant-numeric: tabular-nums;
+}
+.idle-cleanup-thresholds button:hover:not(.active) {
+  color: var(--fg);
+  background: color-mix(in srgb, var(--border-soft) 60%, transparent);
+}
+.idle-cleanup-thresholds button.active {
+  background: var(--surface);
+  color: var(--fg);
+  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
+}
+.idle-cleanup-run {
+  min-height: 32px;
+  padding: 0 15px;
+  font-weight: 800;
+  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
+}
+.idle-cleanup-run:hover:not(:disabled) {
+  transform: translateY(-1px);
+}
+.idle-cleanup-run:active:not(:disabled) {
+  transform: scale(.98);
+}
+.idle-cleanup-status {
+  grid-column: 1 / -1;
+  justify-self: end;
+  padding: 0 11px;
+  border-radius: 999px;
+  border: 1px solid color-mix(in srgb, var(--success) 24%, var(--border-soft));
+  background: color-mix(in srgb, var(--success) 8%, var(--surface));
+  color: var(--success);
+  font-size: 12px;
+  font-weight: 800;
+}
+.idle-cleanup-status:empty {
+  display: none;
+}
+:root[data-theme="dark"] .idle-cleanup-bar {
+  background: rgba(255, 255, 255, 0.035);
+  border-color: rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+}
+:root[data-theme="dark"] .idle-cleanup-count,
+:root[data-theme="dark"] .idle-cleanup-thresholds button.active {
+  background: rgba(255, 255, 255, 0.06);
+}
+:root[data-theme="dark"] .idle-cleanup-thresholds {
+  background: rgba(255, 255, 255, 0.035);
+  border-color: rgba(255, 255, 255, 0.09);
+}
+:root[data-theme="dark"] .idle-cleanup-status {
+  background: color-mix(in srgb, var(--success) 12%, transparent);
+}
+@media (max-width: 720px) {
+  .idle-cleanup-bar {
+    grid-template-columns: 1fr;
+    align-items: stretch;
+  }
+  .idle-cleanup-controls {
+    justify-content: flex-start;
+  }
+  .idle-cleanup-thresholds {
+    flex: 1 1 180px;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-auto-flow: column;
+  }
+  .idle-cleanup-thresholds button {
+    min-width: 0;
+    padding: 0 8px;
+  }
+  .idle-cleanup-run {
+    flex: 1 1 118px;
+  }
+  .idle-cleanup-status {
+    justify-self: start;
+  }
+}
 input.row-select,
 #select-all { cursor: pointer; }
 
@@ -2228,6 +2397,21 @@ input.row-select,
 }
 .bd-section-note { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
 
+/* ── Version & update card ── */
+.update-version { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
+.update-badge { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
+.update-badge-new { color: var(--accent-strong); background: var(--accent-soft); }
+.update-badge-ok { color: var(--success); background: var(--success-soft); }
+.update-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
+.update-install-list { margin: 6px 0 0; padding-left: 18px; font-size: 12px; line-height: 1.6; }
+.update-install-list code { font-size: 11px; }
+.update-install-list small { color: var(--muted); }
+.update-changelog { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
+.update-release { border: 1px solid var(--border-soft); border-radius: 8px; padding: 8px 12px; background: var(--surface-muted); }
+.update-release > summary { cursor: pointer; font-size: 13px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
+.update-release > summary small { color: var(--muted); font-size: 11px; }
+.update-release-body { margin: 8px 0 0; white-space: pre-wrap; word-break: break-word; font-size: 12px; line-height: 1.5; max-height: 320px; overflow: auto; color: var(--fg); }
+
 /* A lighter sub-group inside a bd-section (e.g. 主动开工 lives under 新群 Oncall).
    Separated by a soft top rule + indent so it reads as "part of this block". */
 .bd-subsection {
@@ -4179,6 +4363,19 @@ button.contrast:hover { background: var(--danger-soft); border-color: var(--dang
   min-width: 0;
 }
 
+.skills-source-control {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 8px;
+  align-items: center;
+}
+
+.skills-source-control button {
+  min-height: 36px;
+  padding: 0 13px;
+  white-space: nowrap;
+}
+
 .skills-main-panel,
 .skills-bot-grid {
   display: grid;
@@ -4323,7 +4520,27 @@ button.contrast:hover { background: var(--danger-soft); border-color: var(--dang
   line-height: 1.45;
   overflow-wrap: anywhere;
 }
-.skills-row small { color: var(--muted); font-family: var(--mono); font-size: 11px; overflow-wrap: anywhere; }
+.skills-row small {
+  color: var(--muted);
+  font-family: var(--mono);
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+
+.skills-source-badge {
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+  max-width: 100%;
+  min-height: 22px;
+  margin-top: 4px;
+  padding: 2px 7px;
+  border: 1px solid var(--border-soft);
+  border-radius: 999px;
+  background: var(--surface-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .skills-card-actions {
   display: grid;
@@ -4758,6 +4975,213 @@ button.contrast:hover { background: var(--danger-soft); border-color: var(--dang
   align-self: start;
 }
 
+.skills-discovery-dialog {
+  width: min(860px, calc(100vw - 44px));
+  max-height: min(760px, calc(100vh - 64px));
+  padding: 0;
+  border: 1px solid var(--border-soft);
+  border-radius: 14px;
+  background: var(--surface);
+  box-shadow: var(--modal-shadow);
+  color: var(--fg);
+}
+
+.skills-discovery-dialog::backdrop {
+  background: color-mix(in srgb, #0b1524 42%, transparent);
+  backdrop-filter: blur(4px);
+}
+
+.skills-discovery-dialog article {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  max-height: inherit;
+}
+
+.skills-discovery-dialog header {
+  display: grid;
+  gap: 5px;
+  padding: 18px 20px 12px;
+  border-bottom: 1px solid var(--border-soft);
+}
+
+.skills-discovery-dialog h3,
+.skills-discovery-dialog p {
+  margin: 0;
+}
+
+.skills-discovery-dialog h3 {
+  font-size: 17px;
+}
+
+.skills-discovery-dialog p {
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.5;
+}
+
+.skills-discovery-body {
+  display: grid;
+  gap: 12px;
+  min-height: 0;
+  max-height: 520px;
+  overflow: auto;
+  padding: 16px 20px;
+}
+
+.skills-discovery-tabs {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-height: 40px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-bottom: 2px;
+  scrollbar-width: thin;
+}
+
+.skills-discovery-tabs button {
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: 8px;
+  align-items: center;
+  flex: 0 0 auto;
+  min-height: 38px;
+  padding: 0 12px;
+  border-radius: 999px;
+  text-transform: uppercase;
+}
+
+.skills-discovery-tabs button.selected {
+  border-color: color-mix(in srgb, var(--accent) 72%, var(--border-soft));
+  background: color-mix(in srgb, var(--accent) 10%, var(--surface));
+  color: var(--fg);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);
+}
+
+.skills-discovery-tabs strong {
+  font-size: 12px;
+}
+
+.skills-discovery-tabs small {
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: none;
+}
+
+.skills-discovery-path {
+  min-width: 0;
+  padding: 7px 10px;
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--surface-muted) 70%, transparent);
+}
+
+.skills-discovery-path code {
+  display: block;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.skills-discovery-group {
+  display: grid;
+  gap: 8px;
+}
+
+.skills-discovery-group[hidden] {
+  display: none;
+}
+
+.skills-discovery-group header {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 8px;
+  align-items: center;
+  padding: 0;
+  border: 0;
+}
+
+.skills-discovery-group strong {
+  text-transform: uppercase;
+  color: var(--fg);
+  font-size: 12px;
+}
+
+.skills-discovery-group code {
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 11px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.skills-discovery-list {
+  display: grid;
+  gap: 7px;
+}
+
+.skills-discovery-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: start;
+  min-height: 54px;
+  padding: 10px 12px;
+  border: 1px solid var(--border-soft);
+  border-radius: 8px;
+  background: var(--surface-muted);
+  cursor: pointer;
+}
+
+.skills-discovery-row input {
+  margin-top: 3px;
+}
+
+.skills-discovery-row span {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.skills-discovery-row strong {
+  overflow: hidden;
+  color: var(--fg);
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.skills-discovery-row small {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.skills-discovery-row em {
+  align-self: center;
+  color: var(--muted);
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 700;
+}
+
+.skills-discovery-row.installed {
+  opacity: 0.68;
+  cursor: default;
+}
+
+.skills-discovery-dialog footer {
+  justify-content: end;
+  padding: 12px 20px 16px;
+  border-top: 1px solid var(--border-soft);
+}
+
 .skills-policy-controls [data-bot-status] {
   grid-column: 1 / -1;
 }
@@ -4803,6 +5227,7 @@ button.contrast:hover { background: var(--danger-soft); border-color: var(--dang
   }
   .skills-side-rail,
   .skills-install-grid,
+  .skills-source-control,
   .skills-section-head-row,
   .skills-overview,
   .skills-metric-strip,
@@ -6580,12 +7005,66 @@ body.cp-fx-slice main { animation: cp-fx-slice 0.32s steps(2, end); }
 .insights-page .hbtrack { background: var(--ins-inner); border-radius: 6px; height: 14px; overflow: hidden; }
 .insights-page .hbfill { height: 100%; background: linear-gradient(90deg, var(--danger-soft), var(--bad)); border-radius: 6px; min-width: 3px; transform-origin: left; animation: insight-bar-grow .55s ease both; }
 .insights-page .hbval { font-size: 12px; color: var(--mut); text-align: right; white-space: nowrap; }
+.insights-page .hbval small { color: var(--ins-faint); font-size: 10px; margin-left: 5px; }
 
-/* workbench: session list | detail (master-detail) */
-.insight-workbench { display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); gap: 14px; align-items: start; }
-@media (max-width: 900px) { .insight-workbench { grid-template-columns: 1fr; } }
-.insight-workbench > *, .insight-list-panel, .insight-detail { min-width: 0; }
-.insight-list-panel, .insight-detail { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; }
+/* top-level tabs (总览 / 会话 / 分布 / 热点) — mirrors .detailtabbar */
+.insights-page .insight-tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--line); margin: 4px 0 16px; }
+.insights-page .itab {
+  background: transparent; color: var(--mut); border: 1px solid transparent; border-bottom: 0;
+  border-radius: 8px 8px 0 0; padding: 8px 16px; font: inherit; font-size: 13px; cursor: pointer; margin-bottom: -1px;
+  transition: color .12s ease, background .12s ease;
+}
+.insights-page .itab:hover { color: var(--fg); }
+.insights-page .itab.on { color: var(--fg); background: var(--panel); border-color: var(--line); font-weight: 600; }
+.insights-page .insight-panel[hidden] { display: none; }
+
+/* filter-bar additions: project/time selects, analyzable toggle, clear */
+.insights-page .ins-select {
+  background: var(--ins-inner); color: var(--fg); border: 1px solid var(--line); border-radius: 8px;
+  padding: 6px 10px; font: inherit; font-size: 12px; max-width: 220px; cursor: pointer;
+}
+.insights-page .ins-toggle { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--mut); cursor: pointer; white-space: nowrap; }
+.insights-page .ins-toggle input { cursor: pointer; }
+.insights-page .ins-clear {
+  background: transparent; color: var(--mut); border: 1px solid var(--line); border-radius: 8px;
+  padding: 6px 12px; font: inherit; font-size: 12px; cursor: pointer;
+}
+.insights-page .ins-clear:hover { color: var(--fg); border-color: var(--acc); }
+
+/* distribution histograms + hotspots grids */
+.insights-page .ins-hint { margin: 0 0 12px; font-size: 12px; }
+.insights-page .ihist-grid,
+.insights-page .hot-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; align-items: start; }
+.insights-page .ihist-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
+.insights-page .ihist-head h3 { margin: 0; }
+.insights-page .hot-sessions, .insights-page .hot-note { grid-column: 1 / -1; }
+.insights-page .hot-note { margin-top: 2px; }
+
+/* Sessions tab: full-width list ⇆ full-width detail (mirrors ASI 会话, replaces
+   the cramped master-detail side panel) */
+.insights-page #insight-list-view .insight-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
+.insights-page .sesssort { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
+.insights-page .sesssort-label { font-size: 11px; margin-right: 2px; }
+.insights-page .ins-back {
+  background: transparent; color: var(--mut); border: 1px solid var(--line); border-radius: 8px;
+  padding: 6px 14px; font: inherit; font-size: 12px; cursor: pointer; margin-bottom: 12px;
+}
+.insights-page .ins-back:hover { color: var(--fg); border-color: var(--acc); }
+.insights-page #insight-detail-view .insight-detail { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; }
+/* full-width rich rows */
+.insights-page .slist.wide { max-height: none; overflow: visible; gap: 10px; }
+.insights-page .slist.wide .srow { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 13px 16px; }
+.insights-page .slist.wide .srmain strong { -webkit-line-clamp: 1; font-size: 14px; }
+.insights-page .slist.wide .mph { max-width: 440px; height: 8px; }
+.insights-page .slist.wide .srstats { flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
+.insights-page .slist.wide .srmsg { justify-self: end; }
+@media (max-width: 760px) {
+  .insights-page .slist.wide .srow { grid-template-columns: 1fr; }
+  .insights-page .slist.wide .srstats { justify-content: flex-start; flex-wrap: wrap; }
+}
+
+/* session detail panel (full-width detail view) */
+.insight-detail { min-width: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; }
 .insight-list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
 .insight-list-head h3 { font-size: 13px; margin: 0; }
 .insight-list-head span { font-size: 11px; color: var(--mut); }
@@ -7004,6 +7483,10 @@ body.cp-fx-slice main { animation: cp-fx-slice 0.32s steps(2, end); }
 .insights-page .cbub-body .md-body { font-size: 13px; }
 .insights-page .cbub-foot { display: flex; justify-content: flex-end; }
 .insights-page .cbub-ops { background: var(--ins-recess); max-width: 88%; }
+/* agent narration ("说了什么") inside the agent bubble, above its operations */
+.insights-page .cbub-saywrap { display: flex; flex-direction: column; gap: 6px; margin: 2px 0 8px; }
+.insights-page .cbub-say { font-size: 13px; color: var(--fg); border-left: 2px solid var(--acc); padding-left: 9px; overflow-wrap: anywhere; word-break: break-word; }
+.insights-page .cbub-say .md-body { font-size: 13px; }
 .insights-page .cbub-ops-list { display: flex; flex-direction: column; gap: 3px; }
 .insights-page .cop-line { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 12px; padding: 3px 5px; border-radius: 6px; }
 .insights-page .cop-line.clickable { cursor: pointer; }
@@ -7090,12 +7573,49 @@ body.cp-fx-slice main { animation: cp-fx-slice 0.32s steps(2, end); }
 @keyframes insight-bar-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
 .insights-page .insights-metrics { animation: insight-fade-up .35s ease both; }
 .insights-page .insights-overview-grid { animation: insight-fade-up .35s ease both; animation-delay: .05s; }
-.insights-page .insight-workbench { animation: insight-fade-up .35s ease both; animation-delay: .1s; }
+.insights-page .insight-panel { animation: insight-fade-up .35s ease both; animation-delay: .1s; }
 @media (prefers-reduced-motion: reduce) {
   .insights-page .insights-metrics,
   .insights-page .insights-overview-grid,
-  .insights-page .insight-workbench,
+  .insights-page .insight-panel,
   .insights-page .hbfill { animation: none; }
   .insights-page .srow { transition: none; }
   .insights-page .srow:hover { transform: none; }
 }
+
+/* ─── 创建会话 modal ─────────────────────────────────────────────────────── */
+.create-session-btn { white-space: nowrap; }
+.create-session-modal .cs-card { padding: 20px; }
+.create-session-modal textarea {
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+  font: inherit;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--surface-muted);
+  color: var(--fg);
+}
+.create-session-modal fieldset {
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  margin: 12px 0;
+  padding: 10px 12px;
+}
+.create-session-modal legend { padding: 0 6px; color: var(--muted); font-size: 13px; }
+.create-session-modal .cs-bots {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 4px 12px;
+}
+.create-session-modal .cs-bot { display: flex; align-items: center; gap: 6px; cursor: pointer; }
+.create-session-modal .cs-mode label,
+.create-session-modal .cs-column label { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; cursor: pointer; }
+.create-session-modal fieldset small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; }
+.create-session-modal .cs-lead-row { margin: 12px 0; }
+.create-session-modal .cs-lead-row select { margin: 4px 0; padding: 6px 8px; }
+.create-session-modal .cs-advanced { margin: 12px 0; }
+.create-session-modal .cs-advanced summary { cursor: pointer; color: var(--muted); }
+.create-session-modal .cs-empty { color: var(--muted); margin: 0; }
+.create-session-modal .cs-warn { color: var(--warn, #c60); }