dsh-mega-chat-nav 0.1.1

package/lib/client.js

@@ -0,0 +1,3213 @@
+window.__ModuleLoader__.load({
+  id: 'dsh-mega-chat-nav',
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+if (typeof document !== "undefined") {
+  try {
+    if (!document.getElementById('mgcn-nav-styles')) {
+      var mgcnStyle = document.createElement('style');
+      mgcnStyle.id = 'mgcn-nav-styles';
+      mgcnStyle.setAttribute('data-plugin', 'dsh-mega-chat-nav');
+      mgcnStyle.textContent = ".mgcn-rail {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 44px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  background: transparent;\n  /* Overlay: let pointer events pass through to the conversation beyond the\n     dots, so the embedded minimap never blocks the chat. */\n  pointer-events: none;\n}\n\n/* Right-anchored rail: release the CSS `left: 0` so the inline `right`\n   (written by the layout-correction loop) owns the position. */\n.mgcn-railRight {\n  left: auto;\n}\n\n/* The paging queue: holds a single .mgcn-list (the dot band plus the floating\n   action controls as its children). Clamped to 60% of the conversation height\n   and vertically centered (auto margins). The band re-enables pointer events;\n   the wrapper stays pass-through. All action controls (search/settings/count\n   + ▲/▼) float relative to the list via .mgcn-actions/.mgcn-pageUp/\n   .mgcn-pageDown — never mixed into the dot flow. */\n.mgcn-queue {\n  flex: 0 1 auto;\n  min-height: 0;\n  max-height: 60%;\n  margin: auto 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\n/* The middle dot band: the only scrollable part of the queue. Scrolls from the\n   top (overflow collapses the auto margins to 0). The native scrollbar is\n   always hidden: this is a minimap paged by the ▲/▼ buttons and by\n   wheel/trackpad, and overflow is signalled by the ▲/▼ triangles themselves\n   (each appears only while its direction has more dots to reveal). */\n.mgcn-list {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  position: relative;          /* 操作区定位上下文；无 overflow，悬浮件不被裁剪 */\n  max-height: min(var(--mgcn-band-height, 210px), 60vh);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  pointer-events: auto;\n}\n\n/* ---- 操作区：.mgcn-list 子级，相对条带悬浮（列表上方外侧竖排，不占列表高度） ---- */\n.mgcn-actions {\n  position: absolute;\n  bottom: calc(100% + 22px);  /* 操作区：条带上缘外侧 22px（紧凑让位 ▲ 翻页位） */\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 60;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;       /* 容器穿透：事件只落在按钮层（隐藏态不挡 rail） */\n}\n.mgcn-actions .mgcn-gear-wrap {\n  pointer-events: auto;\n}\n.mgcn-actions .mgcn-config-panel,\n.mgcn-actions .mgcn-search {\n  pointer-events: auto;       /* 浮层面板仍需接收 */\n}\n/* 翻页标记隐藏（配置 hide）或不可滚动时，▲/▼ 完全不渲染：\n   操作区不再预留翻页空位，改为紧贴条带上缘（6px 间隙） */\n.mgcn-listNoPage .mgcn-actions {\n  bottom: calc(100% + 6px);\n}\n\n/* ▲/▼ 翻页：贴列表上下边缘外侧 */\n.mgcn-pageUp {\n  position: absolute;\n  top: -18px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 60;\n  pointer-events: auto;\n}\n.mgcn-pageDown {\n  position: absolute;\n  bottom: -18px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 60;\n  pointer-events: auto;\n}\n\n/* 圆点：默认实心灰点；被 hover 时变空心（品牌描边 + 透明底）；聚焦/激活为实心品牌圆 */\n.mgcn-dot {\n  flex: none;\n  pointer-events: auto;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  padding: 0;\n  background: var(--dsw-alias-border-l3, var(--dsw-alias-label-tertiary));  /* 实心 */\n  border: 1.5px solid transparent;\n  cursor: pointer;\n  transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;\n}\n/* 被 hover / 聚焦（级联选中）：空心（品牌描边），配合 1.5 倍放大 */\n.mgcn-dot:hover,\n.mgcn-dot.mgcn-focused {\n  background: transparent;\n  border-color: var(--dsw-alias-brand-primary);\n}\n.mgcn-dot.mgcn-active {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n}\n/* 激活（阅读位置）节点：实心品牌圆 */\n.mgcn-dot.mgcn-current {\n  background: var(--dsw-alias-brand-primary);\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n/* Click-paging feedback: dots revealed by a ▲/▼ click pop in with a staggered\n   fade + rise/drop (per-dot animation-delay is set inline, stagger order *\n   35ms), traveling in the paging direction so the newly revealed batch reads\n   as \"the click brought these in\". `both` fill holds the hidden `from` state\n   during each dot's delay. */\n@keyframes mgcn-dotEnterFromBottom {\n  from {\n    opacity: 0;\n    transform: translateY(7px) scale(0.4);\n  }\n  60% {\n    opacity: 1;\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n@keyframes mgcn-dotEnterFromTop {\n  from {\n    opacity: 0;\n    transform: translateY(-7px) scale(0.4);\n  }\n  60% {\n    opacity: 1;\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n.mgcn-dotEnterFromBottom {\n  animation: mgcn-dotEnterFromBottom 320ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;\n}\n.mgcn-dotEnterFromTop {\n  animation: mgcn-dotEnterFromTop 320ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both;\n}\n@media (prefers-reduced-motion: reduce) {\n  .mgcn-dotEnterFromBottom,\n  .mgcn-dotEnterFromTop {\n    animation: none;\n  }\n}\n\n/* Question count, rendered just above the first dot (sits in the list gap). */\n.mgcn-count {\n  flex: none;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 600;\n  color: var(--dsw-alias-label-tertiary);\n  user-select: none;\n}\n\n/* The centered group: dot column, centered together (the list's auto\n   margins center it when short; it scrolls as a unit when tall). */\n/* 滚动容器：圆点列在此滚动（.mgcn-list 只负责条带几何与操作区锚定） */\n.mgcn-dots {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 0;\n  pointer-events: auto;\n}\n.mgcn-dots::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n  display: none;\n}\n\n/* Paging triangles (▲ above the dot queue, ▼ below), styled like the dots:\n   a plain triangle in the dot's quiet border color that lights up brand on\n   hover. Clicking pages the band by DOT_PAGE_ROWS dots. The triangle is a\n   pure CSS border triangle so it stays crisp at any DPI; the button box is a\n   slightly larger transparent hit target. */\n.mgcn-navBtn {\n  flex: none;\n  pointer-events: auto;\n  width: 14px;\n  height: 12px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.mgcn-navBtn::before {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  transition: border-color 120ms ease;\n}\n.mgcn-navUp::before {\n  border-bottom: 7px solid var(--dsw-alias-border-l3);\n}\n.mgcn-navDown::before {\n  border-top: 7px solid var(--dsw-alias-border-l3);\n}\n.mgcn-navUp:hover::before {\n  border-bottom-color: var(--dsw-alias-brand-primary);\n}\n.mgcn-navDown:hover::before {\n  border-top-color: var(--dsw-alias-brand-primary);\n}\n\n.mgcn-empty {\n  padding: 10px 4px;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n  text-align: center;\n  word-break: break-word;\n}\n\n/* Transient jump-failure hint (portal-rendered near the rail top, so it never\n   pushes the centered dot band or clips in the 44px-wide rail). */\n.mgcn-hint {\n  position: fixed;\n  z-index: 30;\n  max-width: 260px;\n  background: var(--dsw-alias-bg-layer-3);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 6px;\n  padding: 6px 10px;\n  font-size: 12px;\n  line-height: 16px;\n  color: var(--dsw-alias-label-secondary);\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);\n  pointer-events: none;\n}\n.mgcn-hint--bottom {\n  top: auto;\n  bottom: 150px;   /* 对话输入框上方 */\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);\n}\n/* 加载点动画 */\n.mgcn-hint-dots {\n  display: inline-flex;\n  gap: 3px;\n  flex-shrink: 0;\n}\n.mgcn-hint-dots i {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary);\n  opacity: 0.35;\n  animation: mgcnHintDot 900ms ease-in-out infinite;\n}\n.mgcn-hint-dots i:nth-child(2) { animation-delay: 150ms; }\n.mgcn-hint-dots i:nth-child(3) { animation-delay: 300ms; }\n@keyframes mgcnHintDot {\n  0%, 100% { opacity: 0.25; transform: translateY(0); }\n  50% { opacity: 1; transform: translateY(-2px); }\n}\n\n/* The vertical focus cascade: one crisp question card per window dot, stacked\n   top-to-bottom without overlap, centered on the selected dot. The container\n   stays pass-through; only the cards are interactive. */\n.mgcn-cascade {\n  position: fixed;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  pointer-events: none;\n}\n\n/* Right-aligned rail: the cascade opens to the LEFT of the rail, so the\n   column hugs the rail by stacking its cards against the right edge. */\n.mgcn-cascadeRight {\n  align-items: flex-end;\n}\n\n/* One focus question card (portal-rendered in the cascade). The four context\n   cards use the base style: a clean solid surface, a quiet neutral border and\n   a low shadow — crisp and readable, one visual step behind the focus card.\n   The surface is the theme's TOP elevation layer (bg-layer-3, the same token\n   DSH menus and popups use): these cards float above the conversation, and in\n   dark themes the layer ramp gives them the raised-surface tint. Clicking\n   jumps to the question, like the dot; hover raises the border to signal the\n   card is interactive. */\n.mgcn-card {\n  width: 380px;\n  background: var(--dsw-alias-bg-layer-3);\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 8px 12px 10px;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.10);\n  white-space: normal;\n  word-break: break-word;\n  pointer-events: auto;\n  cursor: pointer;\n  transition: border-color 120ms ease, box-shadow 120ms ease;\n}\n.mgcn-card:hover {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The selected (center) card — the focus of the cascade: full-contrast text,\n   a brand left accent bar (inset, so it follows the rounded corners) and a\n   raised shadow lift it above the four context cards. */\n.mgcn-cardSelected {\n  border-color: var(--dsw-alias-border-l1);   /* 四边统一淡边框（原方案） */\n  color: var(--dsw-alias-label-primary);\n  box-shadow:\n    inset 3px 0 0 0 var(--dsw-alias-brand-primary),\n    0 6px 20px rgba(0, 0, 0, 0.22);\n}\n.mgcn-cardSelected:hover {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow:\n    inset 3px 0 0 0 var(--dsw-alias-brand-primary),\n    0 6px 22px rgba(0, 0, 0, 0.26);\n}\n\n/* Right-aligned rail: the focus card's accent bar mirrors to the right edge\n   (the side facing the rail). Declared after .mgcn-cardSelected:hover so the\n   mirrored bar wins at equal specificity. */\n.mgcn-cardSelectedRight {\n  border-color: var(--dsw-alias-border-l1);   /* 镜像同：四边统一淡边框 */\n  box-shadow:\n    inset -3px 0 0 0 var(--dsw-alias-brand-primary),\n    0 6px 20px rgba(0, 0, 0, 0.22);\n}\n.mgcn-cardSelectedRight:hover {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow:\n    inset -3px 0 0 0 var(--dsw-alias-brand-primary),\n    0 6px 22px rgba(0, 0, 0, 0.26);\n}\n\n/* Turn label line at the top of the card (\"Turn 32\"). */\n.mgcn-cardHead {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.mgcn-cardFav {\n  flex: none;\n  border: none;\n  background: transparent;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  cursor: pointer;\n  padding: 0;\n  line-height: 1;\n  transition: color 120ms ease;\n}\n.mgcn-cardFav:hover { color: var(--dsw-alias-brand-primary); }\n.mgcn-cardFavOn { color: var(--dsw-alias-brand-primary); }\n.mgcn-cardMetrics {\n  font-size: 11px;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  margin-bottom: 4px;\n}\n.mgcn-cardTitle {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-tertiary);\n  margin: 0;\n}\n\n/* Question body; long multi-question turns scroll inside the card. The\n   scrollbar stays themed: NO `scrollbar-width` here — a non-auto value makes\n   Chromium/Safari drop the GUI's `::-webkit-scrollbar*` skin for this element\n   (see ui-theme styles/scrollbar.mgcn-css). Firefox still gets a thin themed bar\n   from the theme's `body *` rule, which reads the rebound tokens below. */\n.mgcn-cardBody {\n  max-height: 96px;\n  overflow-y: auto;\n  /* Elevated surface (bg-layer-3): the scrollbar thumb takes the l2 elevation\n     tokens, matching DSH menus/popovers. */\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n  /* 悬浮卡滚动条细一倍（8px → 4px）：只覆盖 webkit 宽度，保留全局 thumb 皮肤；\n     不可设 scrollbar-width（非 auto 会使 Chromium/Safari 丢弃 ::-webkit-scrollbar 皮肤） */\n}\n.mgcn-cardBody::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.mgcn-cardBody::-webkit-scrollbar-thumb {\n  border-radius: 2px;\n}\n\n/* Clamped cascade-card text (the two neighbors on each side): N lines with\n   ellipsis via -webkit-line-clamp (set inline). Inherits the card's text\n   color (secondary on context cards, primary on the focus card). */\n.mgcn-cardClamp {\n  font-size: 13px;\n  line-height: 18px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  word-break: break-word;\n}\n\n/* Question sent-time line (HH:MM / MM-DD HH:MM / YYYY-MM-DD HH:MM). */\n.mgcn-cardTime {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* Settings page (settings.mgcn-plugins.mgcn-tab). */\n.mgcn-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 4px 0;\n}\n/* 配置项行：左右结构——左（名称+说明，左对齐）右（控件，垂直居中、右对齐） */\n.mgcn-settingsRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n}\n.mgcn-settingsLabel {\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;   /* 左侧文本左对齐 */\n  gap: 2px;\n  text-align: left;\n}\n.mgcn-settingsTitle {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n  margin: 0;\n}\n.mgcn-settingsDesc {\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-secondary);\n  margin: 0;\n}\n/* 右侧控件区：垂直居中、贴右 */\n.mgcn-settingsControl {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.mgcn-settingsControl .mgcn-segmented {\n  align-self: center;        /* 覆盖全局 flex-start，保证垂直居中 */\n}\n.mgcn-segmented {\n  display: inline-flex;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  overflow: hidden;\n  align-self: flex-start;\n}\n.mgcn-segment {\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 13px;\n  line-height: 1;\n  padding: 8px 16px;\n  cursor: pointer;\n  transition: background 120ms ease, color 120ms ease;\n}\n.mgcn-segment + .mgcn-segment {\n  border-left: 1px solid var(--dsw-alias-border-l1);\n}\n.mgcn-segment:hover {\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n}\n.mgcn-segmentActive,\n.mgcn-segmentActive:hover {\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\n/* ---- ⚙ 组件内面板（高频配置） ---- */\n.mgcn-config-gear {\n  pointer-events: auto;\n  border: none;\n  background: transparent;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n  padding: 2px 4px;\n  border-radius: 6px;\n  transition: color 120ms ease, background 120ms ease;\n}\n.mgcn-config-gear:hover {\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-gear-wrap {\n  position: relative;\n  display: inline-flex;\n}\n/* 面板打开方向随停靠侧：右对齐向左弹，左对齐向右弹 */\n.mgcn-gear-wrap--right .mgcn-config-panel {\n  right: calc(100% + 8px);\n  left: auto;\n}\n.mgcn-gear-wrap--left .mgcn-config-panel {\n  left: calc(100% + 8px);\n  right: auto;\n}\n.mgcn-config-panel {\n  position: absolute;\n  top: 0;                     /* 顶边与齿轮按钮对齐 */\n  z-index: 62;\n  width: max-content;         /* 自适应宽度 */\n  min-width: 200px;\n  max-width: 320px;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 12px;\n  border: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  background: var(--mgcn-bg-raised, var(--dsw-alias-bg-layer-3));\n  box-shadow: var(--mgcn-shadow, var(--dsw-shadow-lv2));\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  font-size: 12px;\n  pointer-events: auto;\n}\n.mgcn-config-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.mgcn-config-title {\n  font-weight: 600;\n}\n.mgcn-config-close {\n  border: none;\n  background: transparent;\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n  cursor: pointer;\n  padding: 2px 4px;\n  border-radius: 6px;\n  font-size: 12px;\n}\n.mgcn-config-close:hover {\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-config-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.mgcn-config-label {\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n  flex-shrink: 0;\n}\n/* ---- 快捷设置面板：mini 设计（紧凑尺寸） ---- */\n.mgcn-config-panel {\n  min-width: 180px;\n  max-width: 280px;\n  gap: 6px;\n  padding: 8px;\n  border-radius: 10px;\n  font-size: 11px;\n}\n.mgcn-config-panel .mgcn-config-title {\n  font-size: 11px;\n}\n.mgcn-config-panel .mgcn-config-close {\n  font-size: 10px;\n  padding: 1px 3px;\n  border-radius: 4px;\n}\n.mgcn-config-panel .mgcn-config-row {\n  gap: 6px;\n}\n.mgcn-config-panel .mgcn-config-label {\n  font-size: 11px;\n}\n.mgcn-config-panel .mgcn-segmented {\n  border-radius: 6px;\n}\n.mgcn-config-panel .mgcn-segment {\n  font-size: 11px;\n  line-height: 1;\n  padding: 4px 8px;\n}\n.mgcn-config-panel .mgcn-config-sep {\n  margin: 1px 0;\n}\n\n/* ---- 浮现态（JS 状态驱动：进入 rail 立即显示、移出后延迟 1s 隐藏） ----\n   过渡设计：浮现时立即可见再淡入（基类 visibility 0s 即时切换）；\n   隐藏时先淡出、160ms 后才 visibility:hidden（.mgcn-peek 侧延迟切换）。\n   元素仍占布局位（absolute/inline-flex），隐藏期间不可交互（visibility） */\n.mgcn-gear-wrap,\n.mgcn-count,\n.mgcn-pageUp,\n.mgcn-pageDown {\n  transition: opacity 160ms ease, visibility 0s;\n}\n.mgcn-peek {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 160ms ease, visibility 0s linear 160ms;\n}\n@media (prefers-reduced-motion: reduce) {\n  .mgcn-gear-wrap,\n  .mgcn-count,\n  .mgcn-pageUp,\n  .mgcn-pageDown {\n    transition: none;\n  }\n}\n\n/* ---- 搜索浮层 ---- */\n.mgcn-search {\n  position: absolute;\n  top: -18px;             /* 面板与触发按钮垂直居中对齐 */\n  z-index: 62;\n  width: 300px;\n  box-sizing: border-box;   /* padding 计入宽度 */\n\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px;\n  border-radius: 12px;\n  border: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  background: var(--mgcn-bg-raised, var(--dsw-alias-bg-layer-3));\n  box-shadow: var(--mgcn-shadow, var(--dsw-shadow-lv2));\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  font-size: 12px;\n  pointer-events: auto;\n  white-space: nowrap;\n}\n.mgcn-gear-wrap--right .mgcn-search {\n  right: calc(100% + 8px);\n  left: auto;\n}\n.mgcn-gear-wrap--left .mgcn-search {\n  left: calc(100% + 8px);\n  right: auto;\n}\n.mgcn-search-input {\n  width: 100%;\n  box-sizing: border-box;   /* 100% + padding/border 不再溢出面板 */\n  padding: 6px 8px;\n  border-radius: 8px;\n  border: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  background: var(--mgcn-bg, var(--dsw-alias-bg-layer-2));\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  font-size: 12px;\n  outline: none;\n}\n.mgcn-search-input:focus {\n  border-color: var(--mgcn-highlight, var(--dsw-alias-brand-primary));\n}\n.mgcn-search-busy {\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  font-size: 11px;\n}\n.mgcn-search-results {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.mgcn-search-hit {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  width: 100%;\n  padding: 6px 8px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n  text-align: left;\n  font-size: 12px;\n  cursor: pointer;\n}\n.mgcn-search-hit:hover {\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n/* 标题行：轮次 + 时间 */\n.mgcn-search-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-search-titleLeft {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n.mgcn-search-turn {\n  flex-shrink: 0;\n}\n.mgcn-search-titleTime {\n  font-weight: 400;\n}\n/* 正文行：角色 tag + 两行预览 */\n.mgcn-search-body {\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n  min-width: 0;\n}\n.mgcn-search-tag {\n  flex-shrink: 0;\n  margin-top: 1px;\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 16px;\n  font-weight: 600;\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-search-tag--user { background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 22%, transparent); color: var(--dsw-alias-state-business-primary); }\n.mgcn-search-tag--assistant { background: color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent); color: var(--dsw-alias-brand-primary); }\n.mgcn-search-tag--tool { background: color-mix(in srgb, var(--dsw-alias-state-warning) 20%, transparent); color: var(--dsw-alias-state-warning); }\n.mgcn-search-text {\n  flex: 1;\n  min-width: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: normal;\n  line-height: 17px;\n}\n.mgcn-search-mark {\n  background: color-mix(in srgb, var(--mgcn-highlight, var(--dsw-alias-brand-primary)) 30%, transparent);\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  border-radius: 2px;\n  padding: 0 1px;\n}\n/* 更早历史命中提示 */\n.mgcn-search-historic {\n  padding: 4px 4px 0;\n  font-size: 11px;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n/* 按钮图标（currentColor 随主题） */\n.mgcn-btn-icon {\n  display: block;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-config-gear:hover .mgcn-btn-icon {\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n}\n/* 配置面板分隔 */\n.mgcn-config-sep {\n  height: 1px;\n  background: var(--mgcn-border, var(--dsw-alias-border-l2));\n  margin: 2px 0;\n}\n/* 多选组（悬浮卡功能） */\n.mgcn-checkGroup {\n  display: flex;\n  gap: 10px;\n}\n.mgcn-checkItem {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  cursor: pointer;\n  user-select: none;\n}\n.mgcn-checkItem input {\n  accent-color: var(--dsw-alias-brand-primary);\n}\n.mgcn-favFilterOn {\n  color: var(--dsw-alias-brand-primary) !important;\n}\n/* 滑块行（导航栏偏移） */\n.mgcn-sliderRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.mgcn-sliderRow input[type=\"range\"] {\n  width: 120px;\n  accent-color: var(--dsw-alias-brand-primary);\n}\n.mgcn-sliderValue {\n  font-size: 11px;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  min-width: 28px;\n}\n/* ---- 手机模式：底部半宽搜索抽屉 ---- */\n.mgcn-drawerMask {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.35);\n  z-index: 90;\n}\n.mgcn-searchDrawer {\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 70vh;\n  background: var(--mgcn-bg-raised, var(--dsw-alias-bg-layer-3));\n  border-radius: 14px 14px 0 0;\n  box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.18);\n  padding: 12px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  z-index: 91;\n  animation: mgcnDrawerUp 240ms ease-out;\n}\n/* 全部轮次列表（不搜索时显示） */\n.mgcn-drawerList {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 8px;\n}\n/* 抽屉 item：结构与样式对齐桌面搜索面板 item（.mgcn-search-hit） */\n.mgcn-drawerItem {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  width: 100%;\n  padding: 6px 8px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n  text-align: left;\n  font-size: 12px;\n  cursor: pointer;\n}\n.mgcn-drawerItem:hover {\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-drawerItemTitle {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-drawerItemTurn {\n  flex-shrink: 0;\n}\n.mgcn-drawerItemTime {\n  font-weight: 400;\n}\n.mgcn-drawerItemText {\n  min-width: 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: normal;\n  line-height: 17px;\n}\n@keyframes mgcnDrawerUp {\n  from { transform: translateY(100%); }\n  to { transform: translateY(0); }\n}\n.mgcn-searchDrawer .mgcn-search {\n  position: static;\n  width: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n  flex: 1 1 auto;          /* 撑满抽屉，形成受限高度链 */\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.mgcn-searchDrawer .mgcn-search-results {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  margin-top: 4px;\n}\n/* ---- 手机模式：搜索按钮（注入滚动容器，inline sticky 定位；无 padding、带边框） ---- */\n.mgcn-mobileSearch {\n  padding: 3px;\n  border: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  border-radius: 6px;\n  background: var(--mgcn-bg, var(--dsw-alias-bg-layer-2));\n  z-index: 60;\n  pointer-events: auto;\n}\n\n/* ==================== codex 风格：刻度轨（时间线式） ====================\n   轨道语言：每轮一个短横刻度（mark），锚定在轨道外侧（远离对话的一侧）\n   并朝对话方向展开；刻度静止短灰、hover 波纹本尊展开为长亮条、\n   向两侧逐级收短（±1/±2/±3）；阅读位置常亮、跳转目标品牌脉冲。\n   刻度色调 data-tone：soft=柔和（低对比）/ deep=深邃（高对比，默认）。\n   命名/变量全为 mgcn 体系内化。 */\n.mgcn-cxRail {\n  width: 46px;              /* 略宽于圆点轨：容纳刻度波纹展开 */\n}\n.mgcn-cxList {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-width: none;\n  position: relative;\n  padding: 8px 0;\n  pointer-events: auto;\n}\n.mgcn-cxList::-webkit-scrollbar { width: 0; height: 0; display: none; }\n\n/* ---- 操作区与翻页提示对齐刻度列（刻度常态在 rail 外侧缘，锚点距边 7px + 半条 ≈ 13px；\n   操作按钮若居中于 rail 中轴会与短横刻度脱节、显得突兀——整体平移到刻度列中心。\n   左 rail：rail 中心 23px → 目标 13px（左移 10px）；右 rail 镜像 → 33px（右移 10px） ---- */\n.mgcn-cxRail .mgcn-actions,\n.mgcn-cxRail .mgcn-pageUp,\n.mgcn-cxRail .mgcn-pageDown {\n  margin-left: -10px;\n}\n.mgcn-cxRail.mgcn-railRight .mgcn-actions,\n.mgcn-cxRail.mgcn-railRight .mgcn-pageUp,\n.mgcn-cxRail.mgcn-railRight .mgcn-pageDown {\n  margin-left: 10px;\n}\n.mgcn-cxRail .mgcn-config-gear {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  padding: 0;\n}\n\n\n/* 刻度槽：整行可点（14px 行高，与圆点轨行距一致——翻页/跟读共用几何） */\n.mgcn-cxSlot {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  pointer-events: auto;\n  border-radius: 3px;\n}\n.mgcn-cxSlot:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n/* 刻度几何（公共层，与色调无关）：静止 12px / 阅读位 18px / hover 波纹 38px */\n.mgcn-cxRail {\n  --mgcn-cx-width-idle: 12px;\n  --mgcn-cx-width-current: 18px;\n  --mgcn-cx-width-hover: 38px;\n}\n/* 色调变量：仅颜色与不透明度按 data-tone 切换（deep 高对比，为默认） */\n.mgcn-cxRail[data-tone='soft'] {\n  --mgcn-cx-mark-bg: var(--dsw-alias-label-tertiary);\n  --mgcn-cx-mark-idle-op: 0.4;\n  --mgcn-cx-current-bg: var(--dsw-alias-label-primary);\n  --mgcn-cx-current-op: 0.7;\n  --mgcn-cx-ripple-bg: var(--dsw-alias-label-secondary);\n  --mgcn-cx-ripple-op: 0.75;\n}\n.mgcn-cxRail[data-tone='deep'] {\n  --mgcn-cx-mark-bg: var(--dsw-alias-label-secondary);\n  --mgcn-cx-mark-idle-op: 0.62;\n  --mgcn-cx-current-bg: var(--dsw-alias-brand-primary);\n  --mgcn-cx-current-op: 0.92;\n  --mgcn-cx-ripple-bg: var(--dsw-alias-label-primary);\n  --mgcn-cx-ripple-op: 0.88;\n}\n/* 兼容缺省（未设置 data-tone）：走深邃档 */\n.mgcn-cxRail:not([data-tone='soft']) {\n  --mgcn-cx-mark-bg: var(--dsw-alias-label-secondary);\n  --mgcn-cx-mark-idle-op: 0.62;\n  --mgcn-cx-current-bg: var(--dsw-alias-brand-primary);\n  --mgcn-cx-current-op: 0.92;\n  --mgcn-cx-ripple-bg: var(--dsw-alias-label-primary);\n  --mgcn-cx-ripple-op: 0.88;\n}\n\n/* 刻度条：锚定在外侧缘（rail 在对话左→锚左缘；右→锚右缘），朝对话方向展开 */\n.mgcn-cxMark {\n  position: absolute;\n  top: 50%;\n  width: var(--mgcn-cx-mark-w, var(--mgcn-cx-width-idle, 12px));\n  height: 3px;\n  margin-top: -1.5px;\n  border-radius: 2px;\n  background: var(--mgcn-cx-mark-bg, var(--dsw-alias-label-secondary));\n  opacity: var(--mgcn-cx-mark-o, var(--mgcn-cx-mark-idle-op, 0.62));\n  transition: width 160ms cubic-bezier(0.22, 0.75, 0.18, 1), opacity 90ms ease-out, background 120ms ease-out;\n}\n.mgcn-rail:not(.mgcn-railRight) .mgcn-cxMark {\n  left: 7px;               /* rail 在对话左侧：刻度从左侧缘向右展开（朝对话） */\n  transform-origin: left center;\n}\n.mgcn-railRight .mgcn-cxMark {\n  right: 7px;              /* rail 在对话右侧：刻度从右侧缘向左展开（朝对话） */\n  transform-origin: right center;\n}\n/* 波纹邻居：较本尊淡一档（hover 级联为纯 CSS，JS 不再逐槽驱动） */\n.mgcn-cxSlot .mgcn-cxMark {\n  background: var(--mgcn-cx-mark-bg, var(--dsw-alias-label-secondary));\n}\n/* 阅读位置（current）：常亮品牌色、略长 */\n.mgcn-cxSlot.mgcn-cxCurrent .mgcn-cxMark {\n  width: var(--mgcn-cx-width-current, 18px);\n  background: var(--mgcn-cx-current-bg, var(--dsw-alias-brand-primary));\n  opacity: var(--mgcn-cx-current-op, 0.92);\n}\n/* hover/focus 波纹：本尊 38px 品牌实色；邻居逐级收短 30/21/15px——\n   纯 CSS 级联（:has 现代浏览器），hover 零 React 状态更新 */\n.mgcn-cxSlot:hover .mgcn-cxMark,\n.mgcn-cxSlot:focus-visible .mgcn-cxMark {\n  width: 38px;\n  background: var(--dsw-alias-brand-primary);\n  opacity: 1;\n}\n.mgcn-cxSlot:has(+ .mgcn-cxSlot:hover) .mgcn-cxMark,\n.mgcn-cxSlot:hover + .mgcn-cxSlot .mgcn-cxMark {\n  width: 30px;\n}\n.mgcn-cxSlot:has(+ .mgcn-cxSlot + .mgcn-cxSlot:hover) .mgcn-cxMark,\n.mgcn-cxSlot:hover + .mgcn-cxSlot + .mgcn-cxSlot .mgcn-cxMark {\n  width: 21px;\n}\n.mgcn-cxSlot:has(+ .mgcn-cxSlot + .mgcn-cxSlot + .mgcn-cxSlot:hover) .mgcn-cxMark,\n.mgcn-cxSlot:hover + .mgcn-cxSlot + .mgcn-cxSlot + .mgcn-cxSlot .mgcn-cxMark {\n  width: 15px;\n}\n/* 悬浮卡聚焦中的目标槽（JS focus 保活）：不随鼠标离开收回 */\n.mgcn-cxSlot.mgcn-cxFocused .mgcn-cxMark {\n  width: 38px;\n  background: var(--dsw-alias-brand-primary);\n  opacity: 1;\n}\n/* 跳转目标：品牌色脉冲闪光（600ms 后还原为阅读高亮） */\n.mgcn-cxSlot.mgcn-cxJump .mgcn-cxMark {\n  background: var(--dsw-alias-brand-primary);\n  opacity: 1;\n  animation: mgcn-cxPulse 600ms ease-in-out;\n}\n@keyframes mgcn-cxPulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.45; }\n}\n\n/* 翻页入场的错峰滑入（与圆点轨同节奏，key 内联 delay 由列表组件给） */\n@keyframes mgcn-cxEnterFromBottom {\n  from {\n    opacity: 0;\n    transform: translateY(7px);\n  }\n  60% { opacity: 1; }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes mgcn-cxEnterFromTop {\n  from {\n    opacity: 0;\n    transform: translateY(-7px);\n  }\n  60% { opacity: 1; }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.mgcn-cxEnterFromBottom { animation: mgcn-cxEnterFromBottom 320ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }\n.mgcn-cxEnterFromTop { animation: mgcn-cxEnterFromTop 320ms cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }\n@media (prefers-reduced-motion: reduce) {\n  .mgcn-cxEnterFromBottom,\n  .mgcn-cxEnterFromTop {\n    animation: none;\n  }\n}\n\n/* ==================== deepseek 风格：用户消息面板（JS 驱动展开） ====================\n   形态：常态 30px 窄轨（每轮行首 8×2 短横把手）；mouseenter/leave 由 JS 切换\n   .mgcn-dsOpen → rail 加宽到 280px 并浮现面板外观（不再用 CSS :hover）。\n   面板高度 = band 高度（queue 60% 居中 / band 档），不铺满 rail 全高。\n   面板头操作区独立一行；行 hover（JS）横线变收藏按钮。\n   交互守则：搜索就地态/设置浮层开启时，移出**不收起**——只有点击外部才关闭；\n   ⚙ 点击 → rail 收起窄轨（.mgcn-dsSnap 无过渡）并弹通用设置浮层（band 角锚点）。 */\n.mgcn-dsRail {\n  width: 30px;              /* 常态：窄把手轨 */\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 12px;\n  box-shadow: none;\n  /* 收拢方向延迟 140ms：先等面板头淡出完毕再收窄，窄轨布局变化不可见 */\n  transition: width 200ms cubic-bezier(0.22, 0.75, 0.18, 1) 140ms;\n}\n/* 展开方向不延迟：宽度先到位，面板头在其后(200ms 处)淡入 */\n.mgcn-dsRail.mgcn-dsOpen {\n  transition: width 200ms cubic-bezier(0.22, 0.75, 0.18, 1);\n}\n/* JS 展开态：宽度 280 + 层级抬升（背景画在 band 面板，避免整高背景） */\n.mgcn-dsRail.mgcn-dsOpen {\n  width: 280px;\n  z-index: 20;\n  /* （transition 见上方展开规则：不延迟宽度动画） */\n}\n/* band 布局：queue 60% 居中、list band 高 */\n.mgcn-dsRail .mgcn-queue {\n  max-height: 60%;\n  margin: auto 0;\n  width: 100%;\n}\n.mgcn-dsRail .mgcn-list {\n  max-height: min(var(--mgcn-band-height, 220px), 60vh);\n  width: 100%;\n}\n\n/* ---- 面板容器：head（操作区行）+ body 纵向排列 ---- */\n.mgcn-dsPanel {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  pointer-events: auto;\n  background: transparent !important;      /* 折叠底子：防主题覆盖 */\n  border: 1px solid transparent !important;\n  border-radius: 12px;\n  box-shadow: none !important;\n  transition: background 160ms ease-out, border-color 160ms ease-out, box-shadow 160ms ease-out;\n}\n.mgcn-dsOpen .mgcn-dsPanel {\n  background: var(--mgcn-bg-raised, var(--dsw-alias-bg-layer-3)) !important;\n  border-color: var(--mgcn-border, var(--dsw-alias-border-l2)) !important;\n  box-shadow: var(--mgcn-shadow, var(--dsw-shadow-lv2)) !important;\n}\n\n/* ---- 面板头：操作区独立一行（搜索 → 设置 → 收藏 → 计数） ---- */\n.mgcn-dsHead {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 6px 8px;\n  border-bottom: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 140ms ease-out, visibility 0s linear 140ms;\n}\n.mgcn-dsOpen .mgcn-dsHead {\n  opacity: 1;\n  visibility: visible;\n  /* 等 rail 宽度动画(200ms)完成后再淡入：窄轨展开初期 flex 无自由空间，\n     计数/操作钮被压向左侧；若立即显现会随宽度增长从左飞向右 */\n  transition: opacity 140ms ease-out 200ms, visibility 0s 200ms;\n}\n.mgcn-dsHead .mgcn-config-gear {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border-radius: 6px;\n}\n.mgcn-dsHead .mgcn-count {\n  margin-left: auto;\n  font-size: 12px;\n}\n.mgcn-dsHead .mgcn-dsModeOn {\n  color: var(--dsw-alias-brand-primary);\n}\n.mgcn-dsHead .mgcn-dsModeOn .mgcn-btn-icon {\n  color: var(--dsw-alias-brand-primary);\n}\n/* 搜索态：头部输入框占满操作区剩余空间 */\n.mgcn-dsSearchInput {\n  flex: 1 1 auto;\n  min-width: 0;\n  box-sizing: border-box;\n  height: 22px;\n  padding: 0 8px;\n  border-radius: 6px;\n  border: 1px solid var(--mgcn-border, var(--dsw-alias-border-l2));\n  background: var(--mgcn-bg, var(--dsw-alias-bg-layer-2));\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n  font-size: 12px;\n  outline: none;\n}\n.mgcn-dsSearchInput:focus {\n  border-color: var(--dsw-alias-brand-primary);\n}\n\n/* ---- 就地搜索模式容器：纵向 flex 约束（min-height:0 + overflow:hidden），\n       列表超长只在内层 .mgcn-dsList 就地滚动，不外溢 band ---- */\n.mgcn-dsMode {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n/* ---- 面板体：消息列表（行高 30px / 文字 14px） ---- */\n.mgcn-dsList {\n  flex: 1 1 auto;\n  min-height: 0;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-width: none;\n  padding: 4px 0 8px;\n  pointer-events: auto;\n}\n.mgcn-dsList::-webkit-scrollbar { width: 0; height: 0; display: none; }\n.mgcn-dsRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  height: 30px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  pointer-events: auto;\n  border-radius: 6px;\n  white-space: nowrap;\n  overflow: hidden;\n}\n/* 折叠态（rail 未展开）：行内仅 mark，居中于窄轨 */\n.mgcn-dsRail:not(.mgcn-dsOpen) .mgcn-dsRow {\n  justify-content: center;\n  padding: 0;\n}\n/* JS 行 hover 高亮 */\n.mgcn-dsOpen .mgcn-dsRow.mgcn-dsRowHover {\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-dsMark {\n  flex: none;\n  width: 8px;\n  height: 2px;\n  margin-left: 8px;\n  margin-right: 4px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-tertiary);\n  opacity: 0.9;\n  transition: background 120ms ease-out, opacity 120ms ease-out, width 120ms ease-out;\n}\n/* 行首收藏按钮（hover 行出现，替换 mark） */\n.mgcn-dsFav {\n  flex: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-left: 4px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary);\n  cursor: pointer;\n  transition: color 120ms ease-out, background 120ms ease-out;\n}\n.mgcn-dsFav:hover {\n  color: var(--dsw-alias-brand-primary);\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-dsFavOn {\n  color: var(--dsw-alias-state-warn-primary, var(--dsw-alias-brand-primary));\n}\n/* 行文本按钮：占满剩余、可跳转 */\n.mgcn-dsText {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.mgcn-dsText:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n  border-radius: 6px;\n}\n.mgcn-dsTextInner {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  line-height: 30px;\n  margin-right: 8px;\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 140ms ease-out, visibility 0s linear 140ms;\n}\n.mgcn-dsOpen .mgcn-dsTextInner {\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 140ms ease-out, visibility 0s;\n}\n.mgcn-dsOpen .mgcn-dsRow.mgcn-dsRowHover .mgcn-dsTextInner {\n  color: var(--mgcn-fg, var(--dsw-alias-label-primary));\n}\n/* 阅读位置行：短横业务蓝且略长（deepseek 用户消息语义色）\n   长横线去掉靠文本一侧的 margin-right（外缘 ml 沿用短横线 8px），\n   加长方向贴近文本、文本列位置不额外偏移 */\n.mgcn-dsRow.mgcn-dsCurrent .mgcn-dsMark {\n  background: var(--dsw-alias-state-business-primary);\n  opacity: 1;\n  width: 12px;\n  margin-right: 0;\n}\n/* 跳转目标：短横品牌脉冲 */\n.mgcn-dsRow.mgcn-dsJump .mgcn-dsMark {\n  background: var(--dsw-alias-brand-primary);\n  opacity: 1;\n  animation: mgcn-dsPulse 600ms ease-in-out;\n}\n@keyframes mgcn-dsPulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.4; }\n}\n\n/* ---- 就地搜索结果行 ---- */\n.mgcn-dsHit {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  min-height: 30px;\n  padding: 6px 10px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n  border-radius: 6px;\n}\n.mgcn-dsHit:hover {\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n}\n.mgcn-dsHit .mgcn-dsMark {\n  margin-top: 9px;\n}\n.mgcn-dsHitBody {\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.mgcn-dsHitMeta {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-dsHitTag {\n  padding: 0 5px;\n  border-radius: 4px;\n  font-size: 10px;\n  line-height: 16px;\n  font-weight: 600;\n  background: var(--mgcn-hover-bg, var(--dsw-alias-interactive-bg-hover));\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-dsHitTag--user { background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 22%, transparent); color: var(--dsw-alias-state-business-primary); }\n.mgcn-dsHitTag--assistant { background: color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent); color: var(--dsw-alias-brand-primary); }\n.mgcn-dsHitTag--tool { background: color-mix(in srgb, var(--dsw-alias-state-warning) 20%, transparent); color: var(--dsw-alias-state-warning); }\n.mgcn-dsHitText {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: normal;\n  font-size: 13px;\n  line-height: 18px;\n  color: var(--mgcn-fg-secondary, var(--dsw-alias-label-secondary));\n}\n.mgcn-dsNoHit {\n  padding: 14px 10px;\n  font-size: 12px;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n  text-align: center;\n}\n\n/* ---- 搜索进行中：列表 loading 态（三点点动） ---- */\n.mgcn-dsLoadingRow {\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mgcn-fg-dim, var(--dsw-alias-label-tertiary));\n}\n.mgcn-dsLoadingRow .mgcn-dsLoadingDots {\n  display: inline-flex;\n  gap: 3px;\n}\n.mgcn-dsLoadingRow .mgcn-dsLoadingDots i {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--dsw-alias-brand-primary);\n  opacity: 0.35;\n  animation: mgcnHintDot 900ms ease-in-out infinite;\n}\n.mgcn-dsLoadingRow .mgcn-dsLoadingDots i:nth-child(2) { animation-delay: 150ms; }\n.mgcn-dsLoadingRow .mgcn-dsLoadingDots i:nth-child(3) { animation-delay: 300ms; }\n\n/* ---- 右停靠镜像：rail 在对话右侧 → 短横把手贴面板右缘、操作区镜像 ----\n   左停靠常态：行 = [短横 | 文本]，操作区靠面板左缘（与 rail 同侧）；\n   右停靠镜像：行 = [文本 | 短横]（flex-direction 反转），操作区靠右缘。 */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsRow,\n.mgcn-dsRail.mgcn-railRight .mgcn-dsHit {\n  flex-direction: row-reverse;\n}\n/* 把手/收藏钮由 margin-left 改 margin-right（反转后贴右缘） */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsMark {\n  margin-left: 4px;\n  margin-right: 8px;\n}\n/* 右停靠长横线（当前行）：去掉靠文本一侧的 margin-left，外缘 mr8 沿用 */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsRow.mgcn-dsCurrent .mgcn-dsMark {\n  margin-left: 0;\n}\n.mgcn-dsRail.mgcn-railRight .mgcn-dsFav {\n  margin-left: 0;\n  margin-right: 4px;\n}\n/* 文本呼吸边同步镜像：文本内容区左缘内缩（原 margin-right 反转） */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsTextInner {\n  margin-right: 0;\n  margin-left: 8px;\n}\n/* 命中行 mark 垂直偏移保留（行首 mark 现居右，对齐仍按行高） */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsHit .mgcn-dsMark {\n  margin-top: 9px;\n}\n/* 面板头操作区镜像：搜索 → ⚙ → ⭐ 序列贴右缘，计数贴左缘 */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsHead {\n  flex-direction: row-reverse;\n}\n.mgcn-dsRail.mgcn-railRight .mgcn-dsHead .mgcn-count {\n  margin-left: 0;\n  margin-right: auto;\n}\n\n/* ---- 设置浮层（通用快捷设置面板，与 minimal/codex 同一实现） ----\n   点 ⚙ → rail 立即收起窄轨（.mgcn-dsSnap 关过渡、抬层级），设置面板挂在 band 盒\n   角上的 0×0 锚点（.mgcn-dsFloat），按停靠侧向对话区弹出；开启期间 hover 不展开，\n   只有点击外部 / 面板 ✕ 才关闭。 */\n.mgcn-dsRail.mgcn-dsSnap {\n  transition: none;\n  z-index: 30;\n}\n.mgcn-dsRail .mgcn-dsFloat {\n  position: absolute;   /* 0×0 锚点：.mgcn-dsPanel 同盒（band 顶角） */\n  top: 0;\n  width: 0;\n  height: 0;\n  pointer-events: none; /* 锚点本身不接事件；面板内按钮照常 */\n}\n/* 停靠侧：右停靠 → 面板向左（对话侧）弹；左停靠 → 向右弹 */\n.mgcn-dsRail.mgcn-railRight .mgcn-dsFloat {\n  left: 0;\n  right: auto;\n}\n.mgcn-dsRail:not(.mgcn-railRight) .mgcn-dsFloat {\n  left: 100%;\n  right: auto;\n}\n.mgcn-dsFloat .mgcn-config-panel {\n  pointer-events: auto;\n}\n\n/* 手机抽屉顶部输入行 */\n.mgcn-drawerInput {\n  flex: none;\n  padding: 0 0 6px;\n}\n@media (prefers-reduced-motion: reduce) {\n  .mgcn-dsRail {\n    transition: none;\n  }\n}";
+      document.head.appendChild(mgcnStyle);
+    }
+  } catch (e) { }
+}
+const PKG_VERSION = '0.1.1';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/components/RailDispatch.tsx
+var import_react9 = require("react");
+
+// src/client/settings.ts
+var STYLE_OPTIONS = ["minimal", "codex", "deepseek"];
+var ALIGN_OPTIONS = ["left", "right"];
+var BAND_OPTIONS = ["compact", "standard", "tall"];
+var SCROLL_OPTIONS = ["smooth", "instant"];
+var SHOW_OPTIONS = ["show", "peek", "hide"];
+var DEFAULT_PAGING = {
+  minimal: "show",
+  codex: "hide",
+  deepseek: "peek"
+};
+var SEARCH_SCOPE_OPTIONS = ["user", "assistant", "tool"];
+var DEFAULT_SEARCH_SCOPES = ["user", "assistant", "tool"];
+var CARD_OPTIONS = [1, 3, 5];
+var DEFAULT_CARD_COUNT = {
+  minimal: 3,
+  codex: 1,
+  deepseek: 1
+};
+var CARD_ITEM_OPTIONS = ["turn", "duration", "favorite"];
+var DEFAULT_CARD_ITEMS = ["turn", "duration", "favorite"];
+var MARK_TONE_OPTIONS = ["soft", "deep"];
+var DEFAULT_MARK_TONE = "deep";
+var DEFAULT_STYLE = "minimal";
+var DEFAULT_ALIGN = "left";
+var DEFAULT_BAND = "standard";
+var DEFAULT_SCROLL = "smooth";
+var DEFAULT_SHOW = "show";
+var BAND_HEIGHT_PX = {
+  minimal: { compact: 144, standard: 204, tall: 274 },
+  codex: { compact: 140, standard: 210, tall: 280 },
+  deepseek: { compact: 160, standard: 220, tall: 280 }
+};
+var STYLE_CAPABILITIES = {
+  minimal: { hoverCards: true, paging: true },
+  codex: { hoverCards: true, paging: true },
+  deepseek: { hoverCards: false, paging: false }
+};
+var MGCN_NS = "mega-chat-nav";
+var RAIL_OFFSET_MIN = 0;
+var RAIL_OFFSET_MAX = 32;
+var DEFAULT_RAIL_OFFSET = 8;
+function isRailAlign(value) {
+  return ALIGN_OPTIONS.includes(value);
+}
+function isNavStyle(value) {
+  return STYLE_OPTIONS.includes(value);
+}
+function coerceShowMode(value) {
+  if (typeof value === "boolean") return value ? "show" : "hide";
+  return isShowMode(value) ? value : DEFAULT_SHOW;
+}
+function coercePagingMode(value, fallback) {
+  if (typeof value === "boolean") return value ? "show" : "hide";
+  return isShowMode(value) ? value : fallback;
+}
+function isShowMode(value) {
+  return SHOW_OPTIONS.includes(value);
+}
+function isCardCount(value) {
+  return CARD_OPTIONS.includes(value);
+}
+function isBandHeight(value) {
+  return BAND_OPTIONS.includes(value);
+}
+function isSearchScopes(value) {
+  return Array.isArray(value) && value.every((s) => SEARCH_SCOPE_OPTIONS.includes(s));
+}
+function isCardItems(value) {
+  return Array.isArray(value) && value.every((item) => CARD_ITEM_OPTIONS.includes(item));
+}
+function isMarkTone(value) {
+  return MARK_TONE_OPTIONS.includes(value);
+}
+function isScrollMode(value) {
+  return SCROLL_OPTIONS.includes(value);
+}
+var NavSettingsController = class {
+  scope;
+  listeners = /* @__PURE__ */ new Set();
+  unsubscribe = () => {
+  };
+  state = {
+    style: DEFAULT_STYLE,
+    align: DEFAULT_ALIGN,
+    bandHeight: DEFAULT_BAND,
+    scrollBehavior: DEFAULT_SCROLL,
+    showCount: DEFAULT_SHOW,
+    showSearch: DEFAULT_SHOW,
+    showQuickSettings: DEFAULT_SHOW,
+    showFavorites: DEFAULT_SHOW,
+    showPaging: DEFAULT_PAGING.minimal,
+    searchScopes: [...DEFAULT_SEARCH_SCOPES],
+    railOffset: DEFAULT_RAIL_OFFSET,
+    cardCount: DEFAULT_CARD_COUNT[DEFAULT_STYLE],
+    cardItems: [...DEFAULT_CARD_ITEMS],
+    markTone: DEFAULT_MARK_TONE,
+    overridden: false
+  };
+  /**
+   * Bind the namespace scope once the settings surface is present.
+   * A no-op after the first bind.
+   */
+  attach(binder) {
+    if (this.scope !== void 0) return;
+    this.scope = binder.bind({ namespace: MGCN_NS });
+    this.state = this.derive(this.scope.getSnapshot());
+    this.unsubscribe = this.scope.subscribe(() => {
+      if (this.scope === void 0) return;
+      const next = this.derive(this.scope.getSnapshot());
+      if (next.style === this.state.style && next.align === this.state.align && next.bandHeight === this.state.bandHeight && next.cardCount === this.state.cardCount && next.scrollBehavior === this.state.scrollBehavior && next.showCount === this.state.showCount && next.showSearch === this.state.showSearch && next.showQuickSettings === this.state.showQuickSettings && next.overridden === this.state.overridden) return;
+      this.state = next;
+      for (const listener of this.listeners) listener();
+    });
+  }
+  /** 当前生效风格的 styles.<style> 段（快照内读取，供逐风格独立取值） */
+  styleSection(snapshot, style) {
+    return snapshot.value?.styles?.[style];
+  }
+  derive(snapshot) {
+    const user = snapshot.user;
+    const general = snapshot.value?.general;
+    const ready = snapshot.status === "ready";
+    const style = ready && isNavStyle(general?.style) ? general.style : DEFAULT_STYLE;
+    const active = this.styleSection(snapshot, style);
+    return {
+      style,
+      align: ready && isRailAlign(general?.align) ? general.align : DEFAULT_ALIGN,
+      bandHeight: ready && isBandHeight(active?.bandHeight) ? active.bandHeight : DEFAULT_BAND,
+      cardCount: ready && isCardCount(active?.cardCount) ? active.cardCount : DEFAULT_CARD_COUNT[style],
+      cardItems: ready && isCardItems(active?.cardItems) ? active.cardItems : [...DEFAULT_CARD_ITEMS],
+      markTone: ready && isMarkTone(active?.markTone) ? active.markTone : DEFAULT_MARK_TONE,
+      scrollBehavior: ready && isScrollMode(general?.scrollBehavior) ? general.scrollBehavior : DEFAULT_SCROLL,
+      showCount: ready ? coerceShowMode(general?.showCount) : DEFAULT_SHOW,
+      showSearch: ready ? coerceShowMode(general?.showSearch) : DEFAULT_SHOW,
+      showQuickSettings: ready ? coerceShowMode(general?.showQuickSettings) : DEFAULT_SHOW,
+      showFavorites: ready ? coerceShowMode(general?.showFavorites) : DEFAULT_SHOW,
+      showPaging: ready ? coercePagingMode(active?.showPaging, DEFAULT_PAGING[style]) : DEFAULT_PAGING[style],
+      searchScopes: ready && isSearchScopes(general?.searchScopes) ? general.searchScopes : [...DEFAULT_SEARCH_SCOPES],
+      railOffset: ready && typeof general?.railOffset === "number" && general.railOffset >= 0 && general.railOffset <= 32 ? Math.round(general.railOffset) : DEFAULT_RAIL_OFFSET,
+      overridden: user !== void 0 && (user.general !== void 0 || user.styles !== void 0)
+    };
+  }
+  /** Release the scope subscription. */
+  dispose() {
+    this.unsubscribe();
+    this.listeners.clear();
+  }
+  /** 乐观提交：更新状态并立即通知（UI 即时反映） */
+  commit(next) {
+    this.state = next;
+    for (const listener of this.listeners) listener();
+  }
+  /** 当前 general 段（setter 整段写回用） */
+  get general() {
+    return {
+      style: this.state.style,
+      align: this.state.align,
+      scrollBehavior: this.state.scrollBehavior,
+      showCount: this.state.showCount,
+      showSearch: this.state.showSearch,
+      showQuickSettings: this.state.showQuickSettings,
+      showFavorites: this.state.showFavorites,
+      searchScopes: this.state.searchScopes,
+      railOffset: this.state.railOffset
+    };
+  }
+  /** 当前风格段的完整值（setter 局部 patch 的基础） */
+  get styleValues() {
+    return {
+      bandHeight: this.state.bandHeight,
+      cardCount: this.state.cardCount,
+      cardItems: this.state.cardItems,
+      markTone: this.state.markTone,
+      showPaging: this.state.showPaging
+    };
+  }
+  /** 按当前风格构造 write 的 styles 段（只含当前风格键，绝不染指其他风格段） */
+  stylePatch(extra) {
+    const section = { ...this.styleValues, ...extra };
+    const patch = {};
+    patch[this.state.style] = section;
+    return patch;
+  }
+  /** @returns the current state (stable reference until the next change). */
+  getSnapshot() {
+    return this.state;
+  }
+  /** Observe state replacements; returns the disposer. */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  /**
+   * 写回宿主：scope.set 契约只接受 section 内**标量**字段，嵌套 section
+   * （general/styles 对象）无法经它持久化，所以走 host 桥
+   * （POST /mega-chat-nav/settings → settings.update 深层 merge + revision 围栏）。
+   */
+  write(patch) {
+    if (this.scope === void 0) return;
+    const revision = this.scope.getSnapshot().revision;
+    void fetch("/mega-chat-nav/settings", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ patch, revision: revision ?? void 0 })
+    }).then((resp) => resp.json().catch(() => ({}))).then((data) => {
+      if (!data.ok) console.error("[mega-chat-nav] settings write rejected");
+    }).catch((e) => console.error("[mega-chat-nav] settings write failed:", e));
+  }
+  /** Route the user's anchor-edge choice to the Host document. */
+  setAlign(align) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, align });
+    this.write({ general: { ...this.general, align } });
+  }
+  /** Route the user's style choice to the Host document（切换后随即载入该风格自己的独立配置） */
+  setStyle(style) {
+    if (this.scope === void 0) return;
+    const snapshot = this.scope.getSnapshot();
+    const next = this.derive({ ...snapshot, value: { ...snapshot.value, general: { ...snapshot.value?.general, style } } });
+    this.commit({ ...next, overridden: this.state.overridden });
+    this.write({ general: { ...this.general, style } });
+  }
+  /** Route the user's band-height choice to the Host document（写入当前风格的独立段） */
+  setBandHeight(band) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, bandHeight: band });
+    this.write({ styles: this.stylePatch({ bandHeight: band }) });
+  }
+  /** Route the user's scroll-mode choice to the Host document. */
+  setScrollMode(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, scrollBehavior: mode });
+    this.write({ general: { ...this.general, scrollBehavior: mode } });
+  }
+  /** Route the user's count-badge display mode to the Host document. */
+  setShowCount(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, showCount: mode });
+    this.write({ general: { ...this.general, showCount: mode } });
+  }
+  /** Route the user's search-button display mode to the Host document. */
+  setShowSearch(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, showSearch: mode });
+    this.write({ general: { ...this.general, showSearch: mode } });
+  }
+  /** Route the user's quick-settings display mode to the Host document. */
+  setShowQuickSettings(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, showQuickSettings: mode });
+    this.write({ general: { ...this.general, showQuickSettings: mode } });
+  }
+  /** Route the user's favorite-button display mode to the Host document. */
+  setShowFavorites(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, showFavorites: mode });
+    this.write({ general: { ...this.general, showFavorites: mode } });
+  }
+  /** Route the user's paging-marker display mode to the Host document（写入当前风格独立段） */
+  setShowPaging(mode) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, showPaging: mode });
+    this.write({ styles: this.stylePatch({ showPaging: mode }) });
+  }
+  /** Route the user's search-scope selection to the Host document（用户必选，强制保留且置于首位） */
+  setSearchScopes(scopes) {
+    if (this.scope === void 0) return;
+    const normalized = ["user", ...scopes.filter((s) => s !== "user")];
+    this.commit({ ...this.state, searchScopes: normalized });
+    this.write({ general: { ...this.general, searchScopes: normalized } });
+  }
+  /** Route the user's rail-offset choice to the Host document（0-32px 取整钳制） */
+  setRailOffset(offset) {
+    if (this.scope === void 0) return;
+    const clamped = Math.max(RAIL_OFFSET_MIN, Math.min(RAIL_OFFSET_MAX, Math.round(offset)));
+    this.commit({ ...this.state, railOffset: clamped });
+    this.write({ general: { ...this.general, railOffset: clamped } });
+  }
+  /** Route the user's cascade-card count to the Host document（写入当前风格的独立段） */
+  setCardCount(count) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, cardCount: count });
+    this.write({ styles: this.stylePatch({ cardCount: count }) });
+  }
+  /** Route the user's card-content selection to the Host document（写入当前风格的独立段） */
+  setCardItems(items) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, cardItems: items });
+    this.write({ styles: this.stylePatch({ cardItems: items }) });
+  }
+  /** Route the user's mark-tone choice to the Host document（codex 刻度色调；写入当前风格段） */
+  setMarkTone(tone) {
+    if (this.scope === void 0) return;
+    this.commit({ ...this.state, markTone: tone });
+    this.write({ styles: this.stylePatch({ markTone: tone }) });
+  }
+};
+
+// src/client/components/minimal/MinimalRail.tsx
+var import_react6 = require("react");
+
+// src/client/components/rail/useRail.ts
+var import_react = require("react");
+function anchorKey(id) {
+  return "13:input-message" + String(id);
+}
+function projectedEntries(face) {
+  const value = face?.getSnapshot();
+  if (!Array.isArray(value)) return [];
+  return value.filter((item) => typeof item === "object" && item !== null && typeof item.id === "string" && typeof item.seq === "number" && typeof item.turn === "number");
+}
+function sameMarkers(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i].key !== b[i].key || a[i].members.length !== b[i].members.length) return false;
+    for (let j = 0; j < a[i].members.length; j++) {
+      if (a[i].members[j] !== b[i].members[j]) return false;
+    }
+  }
+  return true;
+}
+function buildMarkers(projected, live) {
+  const seen = /* @__PURE__ */ new Set();
+  const merged = [];
+  for (const p of projected) {
+    const key = anchorKey(p.id);
+    if (seen.has(key)) continue;
+    seen.add(key);
+    merged.push({ turn: p.turn, seq: p.seq, key, time: p.time, text: p.text, metrics: p.metrics });
+  }
+  for (const l of live) {
+    if (seen.has(l.key)) continue;
+    seen.add(l.key);
+    merged.push({ turn: null, seq: l.anchorSeq, key: l.key, time: l.time, text: l.text });
+  }
+  merged.sort((a, b) => a.seq - b.seq);
+  const markers = [];
+  for (const m of merged) {
+    const tail = markers[markers.length - 1];
+    if (tail !== void 0 && tail.turn !== null && tail.turn === m.turn) {
+      markers[markers.length - 1] = { ...tail, texts: [...tail.texts, m.text], members: [...tail.members, m.key] };
+    } else {
+      markers.push({ turn: m.turn, key: m.key, seq: m.seq, time: m.time, texts: [m.text], members: [m.key], metrics: m.metrics });
+    }
+  }
+  return markers;
+}
+function useMarkerData(injected, useSessions) {
+  const current = useSessions?.((s) => s.current);
+  const summary = useSessions?.((s) => current === void 0 ? void 0 : s.byId?.[String(current)]);
+  const [viewOk, setViewOk] = (0, import_react.useState)(() => document.querySelector("[data-chat-flow]") !== null);
+  (0, import_react.useEffect)(() => {
+    const check = () => setViewOk(document.querySelector("[data-chat-flow]") !== null);
+    check();
+    const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(check);
+    observer?.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      observer?.disconnect();
+    };
+  }, []);
+  const visible = current !== void 0 && summary !== void 0 && summary.blank !== true && viewOk;
+  const [markers, setMarkers] = (0, import_react.useState)([]);
+  const cacheRef = (0, import_react.useRef)([]);
+  (0, import_react.useEffect)(() => {
+    if (!visible || current === void 0 || injected === void 0) {
+      cacheRef.current = [];
+      setMarkers([]);
+      return;
+    }
+    const face = injected.questionProjection(current);
+    let raf = 0;
+    const refresh = () => {
+      if (raf !== 0) return;
+      raf = requestAnimationFrame(() => {
+        raf = 0;
+        const next = buildMarkers(projectedEntries(face), injected.readQuestions(current));
+        if (sameMarkers(next, cacheRef.current)) {
+          setMarkers(cacheRef.current);
+          return;
+        }
+        cacheRef.current = next;
+        setMarkers(next);
+      });
+    };
+    refresh();
+    const offProjection = face?.subscribe(refresh) ?? (() => {
+    });
+    const offContent = injected.subscribeContent(current, refresh);
+    return () => {
+      if (raf !== 0) cancelAnimationFrame(raf);
+      offProjection();
+      offContent();
+    };
+  }, [injected, current, visible]);
+  return { sessionId: current, visible, markers };
+}
+function conversationRoot() {
+  return document.querySelector('[data-slot="conversation"] > div[data-phase]');
+}
+function mobileSearchHost() {
+  return document.querySelector("[data-conversation-scroll]");
+}
+function desiredGeometry(panel, align, offset) {
+  const frame = panel.closest("[data-shell-overlay]")?.parentElement ?? null;
+  const root = conversationRoot();
+  if (frame === null || root === null) return null;
+  const fr = frame.getBoundingClientRect();
+  const rr = root.getBoundingClientRect();
+  if (rr.height <= 0 || rr.width <= 0) return null;
+  const top = Math.round(rr.top - fr.top);
+  const height = Math.round(rr.height);
+  return align === "right" ? { top: top + "px", height: height + "px", edge: Math.round(fr.right - rr.right + offset) + "px", side: "right" } : { top: top + "px", height: height + "px", edge: Math.round(rr.left - fr.left + offset) + "px", side: "left" };
+}
+function usePinning(panelRef, visible, align, offset = 0, sessionId) {
+  (0, import_react.useEffect)(() => {
+    let alive = true;
+    let observer = null;
+    let domObserver = null;
+    let raf = 0;
+    let parked = true;
+    let stableFrames = 0;
+    let retry = null;
+    let watchedRoot = null;
+    const calibrate = () => {
+      const panel = panelRef.current;
+      if (panel === null) return "missing";
+      const want = desiredGeometry(panel, align, offset);
+      if (want === null) return "missing";
+      const other = want.side === "right" ? "left" : "right";
+      const dirty = panel.style.top !== want.top || panel.style.height !== want.height || panel.style[want.side] !== want.edge || panel.style[other] !== "";
+      if (!dirty) return "stable";
+      panel.style.top = want.top;
+      panel.style.height = want.height;
+      panel.style[want.side] = want.edge;
+      panel.style[other] = "";
+      return "changed";
+    };
+    const ensureWatched = () => {
+      const root = conversationRoot();
+      if (root !== watchedRoot) bindResize();
+    };
+    const loop = () => {
+      if (!alive) return;
+      raf = 0;
+      const result = calibrate();
+      if (result === "missing") {
+        if (retry === null) retry = setTimeout(() => {
+          retry = null;
+          loop();
+        }, 60);
+        return;
+      }
+      ensureWatched();
+      if (result === "changed") stableFrames = 0;
+      else if (result === "stable") stableFrames += 1;
+      if (stableFrames >= 3) {
+        parked = true;
+        return;
+      }
+      raf = requestAnimationFrame(loop);
+    };
+    const run = () => {
+      if (!alive || !parked) return;
+      parked = false;
+      stableFrames = 0;
+      if (retry !== null) {
+        clearTimeout(retry);
+        retry = null;
+      }
+      if (raf === 0) raf = requestAnimationFrame(loop);
+    };
+    const bindResize = () => {
+      observer?.disconnect();
+      if (typeof ResizeObserver === "undefined") return;
+      observer = new ResizeObserver(run);
+      const frame = panelRef.current?.closest("[data-shell-overlay]")?.parentElement ?? null;
+      if (frame !== null) observer.observe(frame, { box: "border-box" });
+      const root = conversationRoot();
+      if (root !== null) {
+        observer.observe(root, { box: "border-box" });
+        watchedRoot = root;
+      }
+    };
+    if (typeof MutationObserver !== "undefined") {
+      domObserver = new MutationObserver(() => {
+        if (watchedRoot !== null && !watchedRoot.isConnected) {
+          bindResize();
+          run();
+        }
+      });
+      domObserver.observe(document.body, { childList: true, subtree: true });
+    }
+    bindResize();
+    run();
+    window.addEventListener("resize", run);
+    return () => {
+      alive = false;
+      if (raf !== 0) cancelAnimationFrame(raf);
+      if (retry !== null) clearTimeout(retry);
+      observer?.disconnect();
+      domObserver?.disconnect();
+      window.removeEventListener("resize", run);
+    };
+  }, [panelRef, visible, align, offset, sessionId]);
+}
+function readingRowKey(flow, portTop, line, markerSet) {
+  let lastKey = null;
+  for (const row of flow.querySelectorAll("[data-chat-anchor-key]")) {
+    const key = row.dataset.chatAnchorKey;
+    if (key === void 0) continue;
+    if (markerSet.has(key)) {
+      const top = row.getBoundingClientRect().top - portTop;
+      if (top >= line) return key;
+      lastKey = key;
+    }
+  }
+  return lastKey;
+}
+function useReadingSpy(visible, markers) {
+  const [currentKey, setCurrentKey] = (0, import_react.useState)(null);
+  const currentKeyRef = (0, import_react.useRef)(null);
+  const forceKey = (key) => {
+    currentKeyRef.current = key;
+    setCurrentKey(key);
+  };
+  const markerSetRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  markerSetRef.current = new Set(markers.flatMap((m) => m.members));
+  (0, import_react.useEffect)(() => {
+    if (!visible || markers.length === 0) {
+      setCurrentKey(null);
+      return;
+    }
+    let raf = 0;
+    let disposed = false;
+    let observer = null;
+    let trackedFlow = null;
+    let lastSample = 0;
+    const sample = () => {
+      raf = 0;
+      const now = performance.now();
+      if (now - lastSample < 100 && currentKeyRef.current !== null) {
+        schedule();
+        return;
+      }
+      lastSample = now;
+      const scrollport = document.querySelector("[data-conversation-scroll]");
+      const flow = document.querySelector("[data-chat-flow]");
+      if (scrollport === null || flow === null) {
+        setCurrentKey(null);
+        return;
+      }
+      if (observer !== null && trackedFlow !== flow) {
+        observer.disconnect();
+        observer.observe(flow);
+        trackedFlow = flow;
+      }
+      const portRect = scrollport.getBoundingClientRect();
+      if (portRect.height <= 0) return;
+      const next = readingRowKey(flow, portRect.top, 0, markerSetRef.current);
+      currentKeyRef.current = next;
+      setCurrentKey((prev) => prev === next ? prev : next);
+    };
+    const schedule = () => {
+      if (!disposed && raf === 0) raf = requestAnimationFrame(sample);
+    };
+    observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(schedule);
+    sample();
+    document.addEventListener("scroll", schedule, true);
+    window.addEventListener("resize", schedule);
+    return () => {
+      disposed = true;
+      if (raf !== 0) cancelAnimationFrame(raf);
+      observer?.disconnect();
+      document.removeEventListener("scroll", schedule, true);
+      window.removeEventListener("resize", schedule);
+    };
+  }, [visible, markers]);
+  return [currentKey, forceKey];
+}
+var NODE_SIZE = 8;
+var ROW_GAP = 6;
+var ROW_HEIGHT = NODE_SIZE + ROW_GAP;
+var ROWS_PER_PAGE = 5;
+function pageDistance() {
+  return ROWS_PER_PAGE * ROW_HEIGHT;
+}
+function clampScroll(pos, max) {
+  const ceiling = Math.max(0, max);
+  if (pos < 0) return 0;
+  if (pos > ceiling) return ceiling;
+  return pos;
+}
+function bandVisibility(list, els) {
+  const band = list.getBoundingClientRect();
+  return els.map((el) => {
+    const r = el.getBoundingClientRect();
+    return r.bottom > band.top && r.top < band.bottom;
+  });
+}
+function enteringBatch(list, els, before, dir) {
+  const band = list.getBoundingClientRect();
+  const fresh = [];
+  els.forEach((el, i) => {
+    if (before[i]) return;
+    const r = el.getBoundingClientRect();
+    const key = el.dataset.megaChatNavKey;
+    if (key !== void 0 && r.bottom > band.top && r.top < band.bottom) fresh.push(key);
+  });
+  if (dir === 1) fresh.reverse();
+  const batch = /* @__PURE__ */ new Map();
+  fresh.forEach((key, order) => batch.set(key, { dir, order }));
+  return batch;
+}
+function useBandPaging(listRef, markers) {
+  const [scrollable, setScrollable] = (0, import_react.useState)(false);
+  const [, bumpScroll] = (0, import_react.useState)(0);
+  const [revealed, setRevealed] = (0, import_react.useState)(null);
+  const revealTimer = (0, import_react.useRef)(null);
+  const readBand = () => {
+    const list = listRef.current;
+    if (list === null) return { top: 0, max: 0 };
+    return { top: list.scrollTop, max: Math.max(0, list.scrollHeight - list.clientHeight) };
+  };
+  const syncScroll = () => {
+    bumpScroll((n) => n + 1);
+  };
+  const pageBy = (dir) => {
+    const list = listRef.current;
+    if (list === null) return;
+    const { max: max2 } = readBand();
+    const target = clampScroll(list.scrollTop + dir * pageDistance(), max2);
+    if (target === list.scrollTop) return;
+    const els = Array.from(list.querySelectorAll("[data-mega-chat-nav-key]"));
+    const before = bandVisibility(list, els);
+    list.scrollTop = target;
+    syncScroll();
+    const batch = enteringBatch(list, els, before, dir);
+    if (batch.size === 0) return;
+    setRevealed(batch);
+    if (revealTimer.current !== null) window.clearTimeout(revealTimer.current);
+    revealTimer.current = window.setTimeout(() => setRevealed(null), 320 + batch.size * 35 + 120);
+  };
+  (0, import_react.useEffect)(() => {
+    const list = listRef.current;
+    if (list === null) return;
+    const check = () => {
+      setScrollable(list.scrollHeight > list.clientHeight + 1);
+      syncScroll();
+    };
+    check();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(check);
+    observer.observe(list);
+    return () => observer.disconnect();
+  }, [markers]);
+  (0, import_react.useEffect)(() => () => {
+    if (revealTimer.current !== null) window.clearTimeout(revealTimer.current);
+  }, []);
+  const { top, max } = readBand();
+  return {
+    scrollable,
+    revealed,
+    syncScroll,
+    pageBy,
+    canPageUp: scrollable && top > 0,
+    canPageDown: scrollable && top < max - 1
+    // 1px 容差：滚动到底不再显示 ▼
+  };
+}
+function usePeekState() {
+  const [peekVisible, setPeekVisible] = (0, import_react.useState)(false);
+  const peekTimer = (0, import_react.useRef)(null);
+  const showPeek = () => {
+    if (peekTimer.current !== null) {
+      window.clearTimeout(peekTimer.current);
+      peekTimer.current = null;
+    }
+    setPeekVisible(true);
+  };
+  const hidePeek = () => {
+    if (peekTimer.current === null) {
+      peekTimer.current = window.setTimeout(() => {
+        peekTimer.current = null;
+        setPeekVisible(false);
+      }, 1e3);
+    }
+  };
+  (0, import_react.useEffect)(() => () => {
+    if (peekTimer.current !== null) window.clearTimeout(peekTimer.current);
+  }, []);
+  const peekCls = (mode, open) => {
+    if (mode !== "peek" || open) return "";
+    return peekVisible ? "" : " mgcn-peek";
+  };
+  return { peekVisible, showPeek, hidePeek, peekCls };
+}
+function useClosePopoversOnOutside(configOpen, searchOpen, close) {
+  (0, import_react.useEffect)(() => {
+    if (!configOpen && !searchOpen) return;
+    const onDown = (e) => {
+      const target = e.target;
+      if (target === null || !target.closest(".mgcn-gear-wrap")) close();
+    };
+    document.addEventListener("pointerdown", onDown, true);
+    return () => document.removeEventListener("pointerdown", onDown, true);
+  }, [configOpen, searchOpen, close]);
+}
+var CARD_SIZES = [
+  { widthPx: 380, fontSize: 13, maxLines: 6 },
+  { widthPx: 300, fontSize: 12.5, maxLines: 2 },
+  { widthPx: 240, fontSize: 12, maxLines: 1 }
+];
+function cardMetrics(distance) {
+  const magnitude = distance < 0 ? -distance : distance;
+  if (magnitude > CARD_SIZES.length - 1) return null;
+  return CARD_SIZES[magnitude] ?? CARD_SIZES[CARD_SIZES.length - 1];
+}
+function markerTier(distance) {
+  const magnitude = distance < 0 ? -distance : distance;
+  return magnitude > CARD_SIZES.length - 1 ? null : magnitude;
+}
+function markerScale(distance) {
+  return distance === 0 ? 1.5 : 1;
+}
+function cardSpan(markers, index, radius) {
+  const lo = Math.max(0, index - radius);
+  const hi = Math.min(markers.length - 1, index + radius);
+  const out = [];
+  for (let i = lo; i <= hi; i++) {
+    out.push({ dot: markers[i], distance: Math.abs(i - index) });
+  }
+  return out;
+}
+function useCardPreview(markers, align, radius, enabled) {
+  const [focus, setFocus] = (0, import_react.useState)(null);
+  const clearTimer = (0, import_react.useRef)(null);
+  const cancelClear = () => {
+    if (clearTimer.current !== null) {
+      window.clearTimeout(clearTimer.current);
+      clearTimer.current = null;
+    }
+  };
+  const scheduleClear = () => {
+    cancelClear();
+    clearTimer.current = window.setTimeout(() => setFocus(null), 240);
+  };
+  const openCards = (marker, target) => {
+    if (!enabled) return;
+    const index = markers.findIndex((m) => m.key === marker.key);
+    if (index < 0) return;
+    cancelClear();
+    const r = target.getBoundingClientRect();
+    const horizontal = align === "right" ? { right: window.innerWidth - r.left + 10 } : { left: r.right + 10 };
+    setFocus({ key: marker.key, items: cardSpan(markers, index, radius), centerY: r.top + r.height / 2, ...horizontal });
+  };
+  (0, import_react.useEffect)(() => {
+    if (focus === null || !enabled) return;
+    const index = markers.findIndex((m) => m.key === focus.key);
+    if (index < 0) return;
+    setFocus((prev) => prev !== null && prev.key === focus.key ? { ...prev, items: cardSpan(markers, index, radius) } : prev);
+  }, [radius, markers, enabled]);
+  (0, import_react.useEffect)(() => () => {
+    if (clearTimer.current !== null) window.clearTimeout(clearTimer.current);
+  }, []);
+  return { focus, openCards, cancelClear, scheduleClear };
+}
+function useFailureNotice(t) {
+  const [notice, setNotice] = (0, import_react.useState)(null);
+  const timer = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const onFail = (event) => {
+      const code = event.detail ?? "TIMEOUT";
+      const known = ["jump.inactive", "jump.hidden", "jump.notfound", "jump.timeout"];
+      setNotice(t(known.includes(code) ? code : "jump.timeout"));
+      if (timer.current !== null) window.clearTimeout(timer.current);
+      timer.current = window.setTimeout(() => setNotice(null), 1800);
+    };
+    window.addEventListener("mega-chat-nav:jump-failed", onFail);
+    return () => {
+      window.removeEventListener("mega-chat-nav:jump-failed", onFail);
+      if (timer.current !== null) window.clearTimeout(timer.current);
+    };
+  }, [t]);
+  return notice;
+}
+function useLoadingNotice(t) {
+  const [state, setState] = (0, import_react.useState)({ loading: false, pages: 0 });
+  const timer = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const onLoading = (event) => {
+      const detail = event.detail;
+      const on = detail?.loading === true;
+      setState({ loading: on, pages: detail?.pages ?? 0 });
+      if (on) {
+        if (timer.current !== null) window.clearTimeout(timer.current);
+        timer.current = window.setTimeout(() => setState({ loading: false, pages: 0 }), 1e4);
+      }
+    };
+    window.addEventListener("mega-chat-nav:jump-loading", onLoading);
+    return () => {
+      window.removeEventListener("mega-chat-nav:jump-loading", onLoading);
+      if (timer.current !== null) window.clearTimeout(timer.current);
+    };
+  }, []);
+  return state.loading ? t("jump.loading", { n: state.pages }) : null;
+}
+function useNavSettings(injected) {
+  const [style, setStyle] = (0, import_react.useState)(() => injected?.style() ?? DEFAULT_STYLE);
+  const [align, setAlign] = (0, import_react.useState)(() => injected?.align() ?? DEFAULT_ALIGN);
+  const [bandHeight, setBandHeight] = (0, import_react.useState)(() => injected?.bandHeight() ?? DEFAULT_BAND);
+  const [cardCount, setCardCount] = (0, import_react.useState)(() => injected?.cardCount() ?? DEFAULT_CARD_COUNT[DEFAULT_STYLE]);
+  const [cardItems, setCardItems] = (0, import_react.useState)(() => injected?.cardItems() ?? [...DEFAULT_CARD_ITEMS]);
+  const [markTone, setMarkTone] = (0, import_react.useState)(() => injected?.markTone() ?? DEFAULT_MARK_TONE);
+  const [scrollBehavior, setScrollBehavior] = (0, import_react.useState)(() => injected?.scrollBehavior() ?? DEFAULT_SCROLL);
+  const [showCount, setShowCount] = (0, import_react.useState)(() => injected?.showCount() ?? DEFAULT_SHOW);
+  const [showSearch, setShowSearch] = (0, import_react.useState)(() => injected?.showSearch() ?? DEFAULT_SHOW);
+  const [showQuickSettings, setShowQuickSettings] = (0, import_react.useState)(() => injected?.showQuickSettings() ?? DEFAULT_SHOW);
+  const [showFavorites, setShowFavorites] = (0, import_react.useState)(() => injected?.showFavorites() ?? DEFAULT_SHOW);
+  const [showPaging, setShowPaging] = (0, import_react.useState)(() => injected?.showPaging() ?? DEFAULT_PAGING[DEFAULT_STYLE]);
+  const [searchScopes, setSearchScopes] = (0, import_react.useState)(() => injected?.searchScopes() ?? [...DEFAULT_SEARCH_SCOPES]);
+  const [railOffset, setRailOffset] = (0, import_react.useState)(() => injected?.railOffset() ?? 8);
+  (0, import_react.useEffect)(() => {
+    if (injected === void 0) return;
+    return injected.subscribeSettings(() => {
+      setStyle(injected.style());
+      setAlign(injected.align());
+      setBandHeight(injected.bandHeight());
+      setCardCount(injected.cardCount());
+      setCardItems(injected.cardItems());
+      setMarkTone(injected.markTone());
+      setScrollBehavior(injected.scrollBehavior());
+      setShowCount(injected.showCount());
+      setShowSearch(injected.showSearch());
+      setShowQuickSettings(injected.showQuickSettings());
+      setShowFavorites(injected.showFavorites());
+      setShowPaging(injected.showPaging());
+      setSearchScopes(injected.searchScopes());
+      setRailOffset(injected.railOffset());
+    });
+  }, [injected]);
+  return { style, align, bandHeight, cardCount, cardItems, markTone, scrollBehavior, showCount, showSearch, showQuickSettings, showFavorites, showPaging, searchScopes, railOffset };
+}
+function clockText(time, now) {
+  if (!(time > 0) || !Number.isFinite(time)) return "";
+  const stamp = new Date(time);
+  const pad = (n) => String(n).padStart(2, "0");
+  const hm = pad(stamp.getHours()) + ":" + pad(stamp.getMinutes());
+  const ref = new Date(now);
+  const sameDay = stamp.getFullYear() === ref.getFullYear() && stamp.getMonth() === ref.getMonth() && stamp.getDate() === ref.getDate();
+  if (sameDay) return hm;
+  const md = pad(stamp.getMonth() + 1) + "-" + pad(stamp.getDate());
+  if (stamp.getFullYear() === ref.getFullYear()) return md + " " + hm;
+  return stamp.getFullYear() + "-" + md + " " + hm;
+}
+var FAV_STORAGE_PREFIX = "mega-chat-nav:favorites:";
+function readFavorites(sessionId) {
+  if (sessionId === void 0) return /* @__PURE__ */ new Set();
+  try {
+    const raw = window.localStorage.getItem(FAV_STORAGE_PREFIX + sessionId);
+    if (raw === null) return /* @__PURE__ */ new Set();
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return /* @__PURE__ */ new Set();
+    return new Set(parsed.filter((k) => typeof k === "string"));
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function writeFavorites(sessionId, keys) {
+  try {
+    window.localStorage.setItem(FAV_STORAGE_PREFIX + sessionId, JSON.stringify([...keys]));
+  } catch {
+  }
+}
+function useFavorites(sessionId) {
+  const [favorites, setFavorites] = (0, import_react.useState)(() => readFavorites(sessionId));
+  (0, import_react.useEffect)(() => {
+    setFavorites(readFavorites(sessionId));
+  }, [sessionId]);
+  const toggle = (key) => {
+    setFavorites((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      if (sessionId !== void 0) writeFavorites(sessionId, next);
+      return next;
+    });
+  };
+  return { favorites, toggle };
+}
+function durationText(ms) {
+  const total = Math.max(0, Math.round(ms / 1e3));
+  if (total >= 60) {
+    const m = Math.floor(total / 60);
+    const s = total % 60;
+    return m + "\u5206" + s + "\u79D2";
+  }
+  return total + "\u79D2";
+}
+function metricsLine(metrics) {
+  const parts = [];
+  parts.push("\u672C\u8F6E\u7528\u65F6 " + durationText(metrics.durationMs));
+  if (metrics.firstTokenMs > 0) parts.push("\u9996 token " + durationText(metrics.firstTokenMs));
+  if (metrics.tokensPerSec > 0) parts.push(metrics.tokensPerSec + " tok/s");
+  return parts.join(" \xB7 ");
+}
+function useMobileMode(breakpoint = 1024) {
+  const [mobile, setMobile] = (0, import_react.useState)(() => window.innerWidth < breakpoint);
+  (0, import_react.useEffect)(() => {
+    const onResize = () => setMobile(window.innerWidth < breakpoint);
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [breakpoint]);
+  return mobile;
+}
+function useMobileSearchButton(onClick, enabled, align, label) {
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    const host = mobileSearchHost();
+    if (host === null) return;
+    const wrap = document.createElement("div");
+    wrap.style.width = "100%";
+    wrap.style.height = "0";
+    wrap.style.margin = "0";
+    wrap.style.position = "sticky";
+    wrap.style.top = "0";
+    wrap.style.overflow = "visible";
+    wrap.style.zIndex = "60";
+    wrap.style.pointerEvents = "none";
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = "mgcn-config-gear mgcn-mobileSearch";
+    btn.setAttribute("aria-label", label);
+    btn.style.position = "absolute";
+    btn.style.top = "8px";
+    btn.style[align === "right" ? "right" : "left"] = "8px";
+    btn.style.zIndex = "60";
+    btn.style.pointerEvents = "auto";
+    btn.innerHTML = '<svg class="mgcn-btn-icon" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><circle cx="7" cy="7" r="4.5" fill="none" stroke="currentColor" stroke-width="1.6"/><line x1="10.4" y1="10.4" x2="14" y2="14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>';
+    btn.addEventListener("click", onClick);
+    wrap.appendChild(btn);
+    host.insertBefore(wrap, host.firstChild);
+    return () => {
+      wrap.remove();
+    };
+  }, [enabled, onClick, align, label]);
+}
+
+// src/client/components/minimal/dot.tsx
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Dot = (0, import_react2.memo)(function Dot2(props) {
+  const { scale, className, label, index, keyName, focused, revealed } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className,
+      style: {
+        transform: "scale(" + scale + ")",
+        ...revealed !== void 0 ? { animationDelay: revealed.order * 35 + "ms" } : {}
+      },
+      "data-mega-chat-nav-focused": focused ? "true" : void 0,
+      "data-mega-chat-nav-index": index,
+      "data-mega-chat-nav-key": keyName,
+      "aria-label": label
+    }
+  );
+});
+
+// src/client/components/rail/cards.tsx
+var import_react_dom = require("react-dom");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function favoriteButton(favorited, onClick) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      className: favorited ? "mgcn-cardFav mgcn-cardFavOn" : "mgcn-cardFav",
+      "aria-label": favorited ? "unfavorite" : "favorite",
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 16 16", width: "11", height: "11", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "path",
+        {
+          d: "M8 2.2l1.76 3.56 3.93.57-2.84 2.77.67 3.91L8 11.4l-3.52 1.85.67-3.91-2.84-2.77 3.93-.57z",
+          fill: favorited ? "currentColor" : "none",
+          stroke: "currentColor",
+          strokeWidth: "1.3",
+          strokeLinejoin: "round"
+        }
+      ) })
+    }
+  );
+}
+function Cards(props) {
+  const { focus, align, cardItems, favorites, onToggleFavorite, onJump, onEnter, onLeave } = props;
+  const showTurn = cardItems.includes("turn");
+  const showDuration = cardItems.includes("duration");
+  const showFavorite = cardItems.includes("favorite");
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: align === "right" ? "mgcn-cascade mgcn-cascadeRight" : "mgcn-cascade",
+        style: {
+          ...focus.left !== void 0 ? { left: focus.left } : {},
+          ...focus.right !== void 0 ? { right: focus.right } : {},
+          top: focus.centerY,
+          transform: "translateY(-50%)"
+        },
+        onMouseEnter: onEnter,
+        onMouseLeave: onLeave,
+        children: focus.items.map((item) => {
+          const metrics = cardMetrics(item.distance);
+          if (metrics === null) return null;
+          const isSelected = item.distance === 0;
+          const dot = item.dot;
+          const text = dot.texts.join(" \xB7 ");
+          const cls = isSelected ? "mgcn-card mgcn-cardSelected" + (align === "right" ? " mgcn-cardSelectedRight" : "") : "mgcn-card";
+          const favorited = favorites.has(dot.key);
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              className: cls,
+              role: "button",
+              tabIndex: -1,
+              style: { width: metrics.widthPx },
+              onClick: () => onJump(dot),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mgcn-cardHead", children: [
+                  showFavorite ? favoriteButton(favorited, () => onToggleFavorite(dot.key)) : null,
+                  showTurn && isSelected && dot.turn !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mgcn-cardTitle", children: [
+                    "Turn ",
+                    dot.turn
+                  ] }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mgcn-cardTime", children: clockText(dot.time, Date.now()) })
+                ] }),
+                showDuration && dot.metrics !== void 0 && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mgcn-cardMetrics", children: metricsLine(dot.metrics) }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    className: isSelected ? "mgcn-cardBody" : "mgcn-cardClamp",
+                    style: isSelected ? void 0 : { WebkitLineClamp: metrics.maxLines, fontSize: metrics.fontSize },
+                    children: text
+                  }
+                )
+              ]
+            },
+            dot.key
+          );
+        })
+      }
+    ),
+    document.body
+  );
+}
+
+// src/client/components/rail/paging.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function PagingButton(props) {
+  const cls = props.dir === -1 ? "mgcn-navBtn mgcn-navUp" : "mgcn-navBtn mgcn-navDown";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      type: "button",
+      className: cls,
+      "aria-label": props.label,
+      style: { visibility: props.visible ? "visible" : "hidden" },
+      onMouseEnter: props.onEnter,
+      onMouseLeave: props.onLeave,
+      onClick: props.onClick
+    }
+  );
+}
+
+// src/client/components/rail/hint.tsx
+var import_react3 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function conversationEdge(align) {
+  const root = document.querySelector('[data-slot="conversation"] > div[data-phase]');
+  if (root === null) return null;
+  const r = root.getBoundingClientRect();
+  return align === "right" ? window.innerWidth - r.right : r.left;
+}
+function Hint({ text, align, position = "rail", loading = false }) {
+  const [edge, setEdge] = (0, import_react3.useState)(() => conversationEdge(align));
+  (0, import_react3.useEffect)(() => {
+    const measure = () => setEdge(conversationEdge(align));
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [align]);
+  const cls = position === "bottom" ? "mgcn-hint mgcn-hint--bottom" : "mgcn-hint";
+  const style = position === "bottom" ? align === "right" ? { right: (edge ?? 0) + 20, bottom: 150 } : { left: (edge ?? 0) + 20, bottom: 150 } : align === "right" ? { right: 52, top: 12 } : { left: 52, top: 12 };
+  return (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: cls, style, children: [
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "mgcn-hint-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", {})
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: text })
+    ] }),
+    document.body
+  );
+}
+
+// src/client/components/rail/search.tsx
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function fetchHits(sessionId, query, scopes, signal) {
+  const url = "/mega-chat-nav/search?session=" + encodeURIComponent(sessionId ?? "") + "&q=" + encodeURIComponent(query) + "&scopes=" + encodeURIComponent(scopes.join(","));
+  return fetch(url, { signal }).then((resp) => resp.json()).then((data) => {
+    const hits = data.ok === true ? data.hits ?? [] : [];
+    return hits.sort((x, y) => y.turn - x.turn || y.seq - x.seq);
+  });
+}
+function roleTag(role, t) {
+  if (role === "assistant") return t("search.tag.assistant");
+  if (role === "tool") return t("search.tag.tool");
+  return t("search.tag.user");
+}
+function SearchBox(props) {
+  const [query, setQuery] = (0, import_react4.useState)("");
+  const [results, setResults] = (0, import_react4.useState)([]);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const abortRef = (0, import_react4.useRef)(null);
+  const debounceRef = (0, import_react4.useRef)(null);
+  const inputRef = (0, import_react4.useRef)(null);
+  const run = (0, import_react4.useCallback)((raw) => {
+    abortRef.current?.abort();
+    const ac = new AbortController();
+    abortRef.current = ac;
+    const q = raw.trim();
+    if (q.length < 1) {
+      setResults([]);
+      setBusy(false);
+      return;
+    }
+    setBusy(true);
+    fetchHits(props.sessionId, q, props.scopes, ac.signal).then((hits) => {
+      setResults(hits);
+    }).catch((e) => {
+      if (e.name !== "AbortError") setResults([]);
+    }).finally(() => setBusy(false));
+  }, [props.sessionId, props.scopes]);
+  const onType = (value) => {
+    setQuery(value);
+    if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
+    debounceRef.current = window.setTimeout(() => run(value), 250);
+  };
+  (0, import_react4.useEffect)(() => {
+    inputRef.current?.focus();
+    return () => {
+      if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
+      abortRef.current?.abort();
+    };
+  }, []);
+  const historicCount = results.filter((hit) => hit.historic).length;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mgcn-search", role: "dialog", "aria-label": props.t("search.placeholder"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        className: "mgcn-search-input",
+        value: query,
+        placeholder: props.t("search.placeholder"),
+        onChange: (e) => onType(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Escape") props.onClose();
+        }
+      }
+    ),
+    busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mgcn-search-busy", children: "\u2026" }) : null,
+    !busy && query.trim() === "" && props.emptyContent !== void 0 ? props.emptyContent : null,
+    !busy && results.length > 0 && historicCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mgcn-search-historic", children: props.t("search.historic", { n: historicCount }) }) : null,
+    results.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mgcn-search-results", children: results.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "mgcn-search-hit",
+        onClick: () => props.onJump(hit.key, hit.seq),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "mgcn-search-title", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "mgcn-search-titleLeft", children: [
+              hit.turn > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mgcn-search-turn", children: props.t("search.turnTitle", { turn: hit.turn }) }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mgcn-search-tag mgcn-search-tag--" + hit.role, children: roleTag(hit.role, props.t) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mgcn-search-titleTime", children: clockText(hit.time, Date.now()) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mgcn-search-body", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mgcn-search-text", children: hit.hitStart >= 0 && hit.hitLen > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            hit.snippet.slice(0, hit.hitStart),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("mark", { className: "mgcn-search-mark", children: hit.snippet.slice(hit.hitStart, hit.hitStart + hit.hitLen) }),
+            hit.snippet.slice(hit.hitStart + hit.hitLen)
+          ] }) : hit.snippet }) })
+        ]
+      },
+      hit.key + ":" + hit.seq
+    )) }) : null
+  ] });
+}
+
+// src/client/components/rail/quick-settings.tsx
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Seg(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mgcn-segmented", role: "radiogroup", children: props.options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": props.value === o,
+      className: props.value === o ? "mgcn-segment mgcn-segmentActive" : "mgcn-segment",
+      onClick: () => props.onPick(o),
+      children: props.labels[String(o)] ?? String(o)
+    },
+    o
+  )) });
+}
+function ModeSeg({ value, onChange, t }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    Seg,
+    {
+      options: SHOW_OPTIONS,
+      value,
+      labels: {
+        show: t("config.showMode.show"),
+        peek: t("config.showMode.peek"),
+        hide: t("config.showMode.hide")
+      },
+      onPick: (v) => onChange(v)
+    }
+  );
+}
+function useSettingsTick(subscribe) {
+  const [, bump] = (0, import_react5.useState)(0);
+  (0, import_react5.useEffect)(() => subscribe(() => bump((n) => n + 1)), [subscribe]);
+}
+function QuickSettings(props) {
+  const { injected, t, onClose } = props;
+  useSettingsTick(injected.subscribeSettings);
+  const caps = STYLE_CAPABILITIES[injected.style()];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-panel", role: "dialog", "aria-label": t("config.title"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mgcn-config-title", children: [
+        t("config.style." + injected.style()),
+        " \xB7 ",
+        t("config.settings")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mgcn-config-close", "aria-label": t("config.close"), onClick: onClose, children: "\u2715" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.align") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Seg,
+        {
+          options: ALIGN_OPTIONS,
+          value: injected.align(),
+          labels: { left: t("settings.align.left"), right: t("settings.align.right") },
+          onPick: (v) => injected.setAlign(v)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.bandHeight") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Seg,
+        {
+          options: BAND_OPTIONS,
+          value: injected.bandHeight(),
+          labels: {
+            compact: t("config.bandHeight.compact"),
+            standard: t("config.bandHeight.standard"),
+            tall: t("config.bandHeight.tall")
+          },
+          onPick: (v) => injected.setBandHeight(v)
+        }
+      )
+    ] }),
+    caps.hoverCards ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.cardCount") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Seg,
+        {
+          options: CARD_OPTIONS,
+          value: injected.cardCount(),
+          labels: { 1: "1", 3: "3", 5: "5" },
+          onPick: (v) => injected.setCardCount(v)
+        }
+      )
+    ] }) : null,
+    injected.style() === "codex" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.markTone") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Seg,
+        {
+          options: MARK_TONE_OPTIONS,
+          value: injected.markTone(),
+          labels: { soft: t("config.markTone.soft"), deep: t("config.markTone.deep") },
+          onPick: (v) => injected.setMarkTone(v)
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mgcn-config-sep" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.showQuickSettings") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModeSeg, { value: injected.showQuickSettings(), onChange: (v) => injected.setShowQuickSettings(v), t })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.showSearch") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModeSeg, { value: injected.showSearch(), onChange: (v) => injected.setShowSearch(v), t })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.showFavorites") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModeSeg, { value: injected.showFavorites(), onChange: (v) => injected.setShowFavorites(v), t })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.showCount") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModeSeg, { value: injected.showCount(), onChange: (v) => injected.setShowCount(v), t })
+    ] }),
+    STYLE_CAPABILITIES[injected.style()].paging ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mgcn-config-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mgcn-config-label", children: t("config.showPaging") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModeSeg, { value: injected.showPaging(), onChange: (v) => injected.setShowPaging(v), t })
+    ] }) : null
+  ] });
+}
+
+// src/client/components/minimal/MinimalRail.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function MinimalRail(props) {
+  const { injected, useSessions, t } = props;
+  const panelRef = (0, import_react6.useRef)(null);
+  const listRef = (0, import_react6.useRef)(null);
+  const [jumpingKey, setJumpingKey] = (0, import_react6.useState)(null);
+  const [configOpen, setConfigOpen] = (0, import_react6.useState)(false);
+  const [searchOpen, setSearchOpen] = (0, import_react6.useState)(false);
+  const [favFilter, setFavFilter] = (0, import_react6.useState)(false);
+  const [drawerOpen, setDrawerOpen] = (0, import_react6.useState)(false);
+  const [followTick, setFollowTick] = (0, import_react6.useState)(0);
+  const { showPeek, hidePeek, peekCls } = usePeekState();
+  const lastHoverKey = (0, import_react6.useRef)(null);
+  const mobile = useMobileMode();
+  const { sessionId, visible, markers } = useMarkerData(injected, useSessions);
+  const { favorites, toggle: toggleFavorite } = useFavorites(sessionId);
+  const settings = useNavSettings(injected);
+  const { style, align, bandHeight, cardCount, cardItems, showPaging } = settings;
+  useMobileSearchButton(() => setDrawerOpen(true), mobile && markers.length > 0, align, t("search.placeholder"));
+  const effectiveFilter = favFilter && favorites.size > 0;
+  const displayMarkers = effectiveFilter ? markers.filter((m) => m.members.some((k) => favorites.has(k))) : markers;
+  usePinning(panelRef, visible, align, settings.railOffset, sessionId);
+  const [currentKey, forceKey] = useReadingSpy(visible, displayMarkers);
+  const { scrollable, revealed, syncScroll, pageBy, canPageUp, canPageDown } = useBandPaging(listRef, displayMarkers);
+  const caps = STYLE_CAPABILITIES[style];
+  const focusRadius = Math.floor((cardCount - 1) / 2);
+  const { focus, openCards, cancelClear, scheduleClear } = useCardPreview(displayMarkers, align, focusRadius, caps.hoverCards);
+  const hint = useFailureNotice(t);
+  const loading = useLoadingNotice(t);
+  useClosePopoversOnOutside(configOpen, searchOpen, () => {
+    setConfigOpen(false);
+    setSearchOpen(false);
+  });
+  (0, import_react6.useEffect)(() => {
+    const list = listRef.current;
+    if (list === null || currentKey === null) return;
+    const index = displayMarkers.findIndex((d) => d.key === currentKey);
+    if (index < 0) return;
+    const step = ROW_HEIGHT;
+    const dotTop = 8 + index * step;
+    const contentHeight = 16 + displayMarkers.length * step - 6;
+    const maxScroll = Math.max(0, contentHeight - list.clientHeight);
+    const target = Math.max(0, Math.min(dotTop - list.clientHeight / 2 + step / 2, maxScroll));
+    if (Math.abs(target - list.scrollTop) < 2) return;
+    list.scrollTo({ top: target, behavior: "smooth" });
+  }, [currentKey, markers, followTick]);
+  if (!visible || injected === void 0 || markers.length === 0) return null;
+  const onJump = (dot) => {
+    if (sessionId === void 0) return;
+    setJumpingKey(dot.key);
+    forceKey(dot.key);
+    const currentMarker = currentKey === null ? void 0 : displayMarkers.find((m) => m.key === currentKey);
+    injected.jump(sessionId, dot.key, dot.seq, currentMarker?.seq);
+    window.setTimeout(() => setJumpingKey((k) => k === dot.key ? null : k), 600);
+  };
+  const onDotsOver = (e) => {
+    const el = e.target;
+    const hit = el.closest("[data-mega-chat-nav-key]");
+    if (hit === null) return;
+    const key = hit.dataset.megaChatNavKey;
+    if (key === void 0 || key === lastHoverKey.current) return;
+    const dot = displayMarkers.find((d) => d.key === key);
+    if (dot === void 0) return;
+    lastHoverKey.current = key;
+    cancelClear();
+    openCards(dot, hit);
+  };
+  const onDotsClick = (e) => {
+    const el = e.target;
+    const hit = el.closest("[data-mega-chat-nav-key]");
+    if (hit === null) return;
+    const key = hit.dataset.megaChatNavKey;
+    const dot = displayMarkers.find((d) => d.key === key);
+    if (dot !== void 0) onJump(dot);
+  };
+  if (mobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-drawerMask", onClick: () => setDrawerOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-searchDrawer", role: "dialog", "aria-label": t("search.placeholder"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        SearchBox,
+        {
+          sessionId,
+          scopes: settings.searchScopes,
+          t,
+          onJump: (key, seq) => {
+            setDrawerOpen(false);
+            onJump({ key, seq: seq ?? 0, turn: null, time: Date.now(), texts: [], members: [key] });
+          },
+          onClose: () => setDrawerOpen(false),
+          emptyContent: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-drawerList", children: [...markers].reverse().slice(0, 20).map((m) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "mgcn-drawerItem",
+              onClick: () => {
+                setDrawerOpen(false);
+                onJump(m);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "mgcn-drawerItemTitle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mgcn-drawerItemTurn", children: m.turn !== null ? "Turn " + m.turn : "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mgcn-drawerItemTime", children: clockText(m.time, Date.now()) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mgcn-drawerItemText", children: m.texts[0] ?? "" })
+              ]
+            },
+            m.key
+          )) })
+        }
+      ) })
+    ] }) : null });
+  }
+  const selectedIndex = focus === null ? -1 : displayMarkers.findIndex((d) => d.key === focus?.key);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      className: align === "right" ? "mgcn-rail mgcn-railRight" : "mgcn-rail",
+      "data-mega-chat-nav": "rail",
+      onMouseEnter: showPeek,
+      onMouseLeave: () => {
+        hidePeek();
+        setFollowTick((n) => n + 1);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-queue", children: displayMarkers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-empty", children: t("strip.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            className: "mgcn-list",
+            style: { "--mgcn-band-height": BAND_HEIGHT_PX.minimal[bandHeight] + "px" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mgcn-actions", children: [
+                settings.showQuickSettings !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showQuickSettings, configOpen), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mgcn-config-gear",
+                      "aria-label": t("config.title"),
+                      onClick: () => {
+                        setConfigOpen((v) => !v);
+                        setSearchOpen(false);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 24 24", width: "12", height: "12", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "3", fill: "none", stroke: "currentColor", strokeWidth: "1.7" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })
+                      ] })
+                    }
+                  ),
+                  configOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuickSettings, { injected, t, onClose: () => setConfigOpen(false) }) : null
+                ] }) : null,
+                settings.showFavorites !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showFavorites, false), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: effectiveFilter ? "mgcn-config-gear mgcn-favFilterOn" : "mgcn-config-gear",
+                    "aria-label": t("fav.filter"),
+                    onClick: () => {
+                      if (favorites.size > 0) setFavFilter((v) => !v);
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "12", height: "12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "path",
+                      {
+                        d: "M8 2.2l1.76 3.56 3.93.57-2.84 2.77.67 3.91L8 11.4l-3.52 1.85.67-3.91-2.84-2.77 3.93-.57z",
+                        fill: favFilter ? "currentColor" : "none",
+                        stroke: "currentColor",
+                        strokeWidth: "1.3",
+                        strokeLinejoin: "round"
+                      }
+                    ) })
+                  }
+                ) }) : null,
+                settings.showSearch !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showSearch, searchOpen), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mgcn-config-gear",
+                      "aria-label": t("search.placeholder"),
+                      onClick: () => {
+                        setSearchOpen((v) => !v);
+                        setConfigOpen(false);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "12", height: "12", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "7", cy: "7", r: "4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "10.4", y1: "10.4", x2: "14", y2: "14", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+                      ] })
+                    }
+                  ),
+                  searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    SearchBox,
+                    {
+                      sessionId,
+                      scopes: settings.searchScopes,
+                      t,
+                      onJump: (key, seq) => onJump({ key, seq: seq ?? 0, turn: null, time: Date.now(), texts: [], members: [key] }),
+                      onClose: () => setSearchOpen(false)
+                    }
+                  ) : null
+                ] }) : null,
+                settings.showCount !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mgcn-count" + peekCls(settings.showCount, false), children: displayMarkers.length }) : null
+              ] }),
+              scrollable && showPaging !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-pageUp" + peekCls(showPaging, false), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                PagingButton,
+                {
+                  dir: -1,
+                  visible: canPageUp,
+                  label: t("strip.up"),
+                  onEnter: cancelClear,
+                  onLeave: scheduleClear,
+                  onClick: () => pageBy(-1)
+                }
+              ) }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "div",
+                {
+                  ref: listRef,
+                  className: "mgcn-dots",
+                  onScroll: syncScroll,
+                  onMouseLeave: () => {
+                    lastHoverKey.current = null;
+                    scheduleClear();
+                  },
+                  onMouseOver: onDotsOver,
+                  onClick: onDotsClick,
+                  children: displayMarkers.map((dot, index) => {
+                    const isFocused = focus !== null && focus.key === dot.key;
+                    const tier = selectedIndex < 0 ? null : markerTier(index - selectedIndex);
+                    const scale = jumpingKey === dot.key ? 1.6 : tier !== null ? markerScale(tier) : 1;
+                    const reveal = revealed?.get(dot.key);
+                    const cls = ["mgcn-dot"];
+                    if (isFocused) cls.push("mgcn-focused");
+                    if (jumpingKey === dot.key) cls.push("mgcn-active");
+                    if (currentKey === dot.key) cls.push("mgcn-current");
+                    if (reveal !== void 0) {
+                      cls.push(reveal.dir === 1 ? "mgcn-dotEnterFromBottom" : "mgcn-dotEnterFromTop");
+                    }
+                    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      Dot,
+                      {
+                        keyName: dot.key,
+                        index,
+                        className: cls.join(" "),
+                        scale,
+                        label: dot.texts[0] ?? "",
+                        focused: isFocused,
+                        revealed: reveal
+                      },
+                      dot.key
+                    );
+                  })
+                }
+              ),
+              scrollable && showPaging !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mgcn-pageDown" + peekCls(showPaging, false), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                PagingButton,
+                {
+                  dir: 1,
+                  visible: canPageDown,
+                  label: t("strip.down"),
+                  onEnter: cancelClear,
+                  onLeave: scheduleClear,
+                  onClick: () => pageBy(1)
+                }
+              ) }) : null
+            ]
+          }
+        ) }),
+        loading !== null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { text: loading, align, position: "bottom", loading: true }) : hint !== null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { text: hint, align }) : null,
+        focus !== null ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          Cards,
+          {
+            focus,
+            align,
+            cardItems,
+            favorites,
+            onToggleFavorite: toggleFavorite,
+            onJump,
+            onEnter: cancelClear,
+            onLeave: scheduleClear
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/client/components/codex/CodexRail.tsx
+var import_react7 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CodexSlot = (0, import_react7.memo)(function CodexSlot2(props) {
+  const { marker, current, focused, jumping, label, reveal } = props;
+  const cls = ["mgcn-cxSlot"];
+  if (focused) cls.push("mgcn-cxFocused");
+  if (current) cls.push("mgcn-cxCurrent");
+  if (jumping) cls.push("mgcn-cxJump");
+  if (reveal !== void 0) cls.push(reveal.dir === 1 ? "mgcn-cxEnterFromBottom" : "mgcn-cxEnterFromTop");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "button",
+    {
+      type: "button",
+      className: cls.join(" "),
+      style: reveal !== void 0 ? { animationDelay: reveal.order * 35 + "ms" } : void 0,
+      "data-mega-chat-nav-key": marker.key,
+      "aria-label": label,
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { className: "mgcn-cxMark", "aria-hidden": "true" })
+    }
+  );
+});
+function useFollowCurrent(listRef, currentKey, markers, resetKey) {
+  (0, import_react7.useEffect)(() => {
+    const list = listRef.current;
+    if (list === null || currentKey === null) return;
+    const index = markers.findIndex((d) => d.key === currentKey);
+    if (index < 0) return;
+    const slotTop = 8 + index * ROW_HEIGHT;
+    const contentHeight = 16 + markers.length * ROW_HEIGHT;
+    const maxScroll = Math.max(0, contentHeight - list.clientHeight);
+    const target = Math.max(0, Math.min(slotTop - list.clientHeight / 2 + ROW_HEIGHT / 2, maxScroll));
+    if (Math.abs(target - list.scrollTop) < 2) return;
+    list.scrollTo({ top: target, behavior: "smooth" });
+  }, [currentKey, markers, resetKey]);
+}
+function CodexRail(props) {
+  const { injected, useSessions, t } = props;
+  const panelRef = (0, import_react7.useRef)(null);
+  const listRef = (0, import_react7.useRef)(null);
+  const [jumpingKey, setJumpingKey] = (0, import_react7.useState)(null);
+  const [configOpen, setConfigOpen] = (0, import_react7.useState)(false);
+  const [searchOpen, setSearchOpen] = (0, import_react7.useState)(false);
+  const [favFilter, setFavFilter] = (0, import_react7.useState)(false);
+  const [drawerOpen, setDrawerOpen] = (0, import_react7.useState)(false);
+  const [followTick, setFollowTick] = (0, import_react7.useState)(0);
+  const { showPeek, hidePeek, peekCls } = usePeekState();
+  const lastHoverKey = (0, import_react7.useRef)(null);
+  const mobile = useMobileMode();
+  const { sessionId, visible, markers } = useMarkerData(injected, useSessions);
+  const { favorites, toggle: toggleFavorite } = useFavorites(sessionId);
+  const settings = useNavSettings(injected);
+  const { style, align, bandHeight, cardCount, cardItems, markTone, showPaging } = settings;
+  useMobileSearchButton(() => setDrawerOpen(true), mobile && markers.length > 0, align, t("search.placeholder"));
+  const effectiveFilter = favFilter && favorites.size > 0;
+  const displayMarkers = effectiveFilter ? markers.filter((m) => m.members.some((k) => favorites.has(k))) : markers;
+  usePinning(panelRef, visible, align, settings.railOffset, sessionId);
+  const [currentKey, forceKey] = useReadingSpy(visible, displayMarkers);
+  const { scrollable, revealed, syncScroll, pageBy, canPageUp, canPageDown } = useBandPaging(listRef, displayMarkers);
+  const caps = STYLE_CAPABILITIES[style];
+  const focusRadius = Math.floor((cardCount - 1) / 2);
+  const { focus, openCards, cancelClear, scheduleClear } = useCardPreview(displayMarkers, align, focusRadius, caps.hoverCards);
+  const hint = useFailureNotice(t);
+  const loading = useLoadingNotice(t);
+  useClosePopoversOnOutside(configOpen, searchOpen, () => {
+    setConfigOpen(false);
+    setSearchOpen(false);
+  });
+  useFollowCurrent(listRef, currentKey, displayMarkers, followTick);
+  if (!visible || injected === void 0 || markers.length === 0) return null;
+  const onJump = (slot) => {
+    if (sessionId === void 0) return;
+    setJumpingKey(slot.key);
+    forceKey(slot.key);
+    const currentMarker = currentKey === null ? void 0 : displayMarkers.find((m) => m.key === currentKey);
+    injected.jump(sessionId, slot.key, slot.seq, currentMarker?.seq);
+    window.setTimeout(() => setJumpingKey((k) => k === slot.key ? null : k), 600);
+  };
+  if (mobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-drawerMask", onClick: () => setDrawerOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-searchDrawer", role: "dialog", "aria-label": t("search.placeholder"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        SearchBox,
+        {
+          sessionId,
+          scopes: settings.searchScopes,
+          t,
+          onJump: (key, seq) => {
+            setDrawerOpen(false);
+            onJump({ key, seq: seq ?? 0, turn: null, time: Date.now(), texts: [], members: [key] });
+          },
+          onClose: () => setDrawerOpen(false),
+          emptyContent: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-drawerList", children: [...markers].reverse().slice(0, 20).map((m) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "mgcn-drawerItem",
+              onClick: () => {
+                setDrawerOpen(false);
+                onJump(m);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "mgcn-drawerItemTitle", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mgcn-drawerItemTurn", children: m.turn !== null ? "Turn " + m.turn : "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mgcn-drawerItemTime", children: clockText(m.time, Date.now()) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mgcn-drawerItemText", children: m.texts[0] ?? "" })
+              ]
+            },
+            m.key
+          )) })
+        }
+      ) })
+    ] }) : null });
+  }
+  const hoverOff = () => {
+    lastHoverKey.current = null;
+    scheduleClear();
+  };
+  const onListOver = (e) => {
+    const el = e.target;
+    const slot = el.closest("[data-mega-chat-nav-key]");
+    if (slot === null) return;
+    const key = slot.dataset.megaChatNavKey;
+    if (key === void 0 || key === lastHoverKey.current) return;
+    const marker = displayMarkers.find((m) => m.key === key);
+    if (marker === void 0) return;
+    lastHoverKey.current = key;
+    cancelClear();
+    openCards(marker, slot);
+  };
+  const onListClick = (e) => {
+    const el = e.target;
+    const slot = el.closest("[data-mega-chat-nav-key]");
+    if (slot === null) return;
+    const key = slot.dataset.megaChatNavKey;
+    const marker = displayMarkers.find((m) => m.key === key);
+    if (marker !== void 0) onJump(marker);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      className: align === "right" ? "mgcn-rail mgcn-cxRail mgcn-railRight" : "mgcn-rail mgcn-cxRail",
+      "data-mega-chat-nav": "rail",
+      "data-tone": markTone,
+      onMouseEnter: showPeek,
+      onMouseLeave: () => {
+        hidePeek();
+        setFollowTick((n) => n + 1);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-queue", children: displayMarkers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-empty", children: t("strip.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          "div",
+          {
+            className: "mgcn-list" + (scrollable && showPaging !== "hide" ? "" : " mgcn-listNoPage"),
+            style: { "--mgcn-band-height": BAND_HEIGHT_PX.codex[bandHeight] + "px" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mgcn-actions", children: [
+                settings.showQuickSettings !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showQuickSettings, configOpen), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mgcn-config-gear",
+                      "aria-label": t("config.title"),
+                      onClick: () => {
+                        setConfigOpen((v) => !v);
+                        setSearchOpen(false);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 24 24", width: "12", height: "12", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "3", fill: "none", stroke: "currentColor", strokeWidth: "1.7" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })
+                      ] })
+                    }
+                  ),
+                  configOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(QuickSettings, { injected, t, onClose: () => setConfigOpen(false) }) : null
+                ] }) : null,
+                settings.showFavorites !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showFavorites, false), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: effectiveFilter ? "mgcn-config-gear mgcn-favFilterOn" : "mgcn-config-gear",
+                    "aria-label": t("fav.filter"),
+                    onClick: () => {
+                      if (favorites.size > 0) setFavFilter((v) => !v);
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "12", height: "12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "path",
+                      {
+                        d: "M8 2.2l1.76 3.56 3.93.57-2.84 2.77.67 3.91L8 11.4l-3.52 1.85.67-3.91-2.84-2.77 3.93-.57z",
+                        fill: favFilter ? "currentColor" : "none",
+                        stroke: "currentColor",
+                        strokeWidth: "1.3",
+                        strokeLinejoin: "round"
+                      }
+                    ) })
+                  }
+                ) }) : null,
+                settings.showSearch !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + peekCls(settings.showSearch, searchOpen), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mgcn-config-gear",
+                      "aria-label": t("search.placeholder"),
+                      onClick: () => {
+                        setSearchOpen((v) => !v);
+                        setConfigOpen(false);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "12", height: "12", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "7", cy: "7", r: "4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "10.4", y1: "10.4", x2: "14", y2: "14", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+                      ] })
+                    }
+                  ),
+                  searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    SearchBox,
+                    {
+                      sessionId,
+                      scopes: settings.searchScopes,
+                      t,
+                      onJump: (key, seq) => onJump({ key, seq: seq ?? 0, turn: null, time: Date.now(), texts: [], members: [key] }),
+                      onClose: () => setSearchOpen(false)
+                    }
+                  ) : null
+                ] }) : null,
+                settings.showCount !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mgcn-count" + peekCls(settings.showCount, false), children: displayMarkers.length }) : null
+              ] }),
+              scrollable && showPaging !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-pageUp" + peekCls(showPaging, false), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                PagingButton,
+                {
+                  dir: -1,
+                  visible: canPageUp,
+                  label: t("strip.up"),
+                  onEnter: cancelClear,
+                  onLeave: hoverOff,
+                  onClick: () => pageBy(-1)
+                }
+              ) }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                "div",
+                {
+                  ref: listRef,
+                  className: "mgcn-cxList",
+                  onScroll: syncScroll,
+                  onMouseLeave: hoverOff,
+                  onMouseOver: onListOver,
+                  onClick: onListClick,
+                  children: displayMarkers.map((slot) => {
+                    const current = currentKey === slot.key;
+                    const focused = focus !== null && focus.key === slot.key;
+                    const reveal = revealed?.get(slot.key);
+                    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      CodexSlot,
+                      {
+                        marker: slot,
+                        current,
+                        focused,
+                        jumping: jumpingKey === slot.key,
+                        label: slot.texts[0] ?? "",
+                        reveal
+                      },
+                      slot.key
+                    );
+                  })
+                }
+              ),
+              scrollable && showPaging !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mgcn-pageDown" + peekCls(showPaging, false), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                PagingButton,
+                {
+                  dir: 1,
+                  visible: canPageDown,
+                  label: t("strip.down"),
+                  onEnter: cancelClear,
+                  onLeave: hoverOff,
+                  onClick: () => pageBy(1)
+                }
+              ) }) : null
+            ]
+          }
+        ) }),
+        loading !== null ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { text: loading, align, position: "bottom", loading: true }) : hint !== null ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hint, { text: hint, align }) : null,
+        focus !== null ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Cards,
+          {
+            focus,
+            align,
+            cardItems,
+            favorites,
+            onToggleFavorite: toggleFavorite,
+            onJump,
+            onEnter: cancelClear,
+            onLeave: hoverOff
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/client/components/deepseek/DeepseekRail.tsx
+var import_react8 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DS_ROW_HEIGHT = 30;
+var DsRow = (0, import_react8.memo)(function DsRow2(props) {
+  const { marker, current, jumping, hovered, favorited, label, onHover, onLeave, onToggleFavorite, onJump } = props;
+  const cls = ["mgcn-dsRow"];
+  if (current) cls.push("mgcn-dsCurrent");
+  if (jumping) cls.push("mgcn-dsJump");
+  if (hovered) cls.push("mgcn-dsRowHover");
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: cls.join(" "),
+      "data-mega-chat-nav-key": marker.key,
+      onMouseEnter: onHover,
+      onMouseLeave: onLeave,
+      children: [
+        hovered ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            type: "button",
+            className: favorited ? "mgcn-dsFav mgcn-dsFavOn" : "mgcn-dsFav",
+            "aria-label": favorited ? "unfavorite" : "favorite",
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleFavorite();
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 16 16", width: "11", height: "11", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "path",
+              {
+                d: "M8 2.2l1.76 3.56 3.93.57-2.84 2.77.67 3.91L8 11.4l-3.52 1.85.67-3.91-2.84-2.77 3.93-.57z",
+                fill: favorited ? "currentColor" : "none",
+                stroke: "currentColor",
+                strokeWidth: "1.4",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "mgcn-dsMark", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "mgcn-dsText", "aria-label": label, onClick: onJump, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-dsTextInner", children: marker.texts[0] ?? "" }) })
+      ]
+    }
+  );
+});
+function SearchHitRow(props) {
+  const { hit, onJump } = props;
+  const roleTag2 = hit.role === "assistant" ? "\u52A9\u624B" : hit.role === "tool" ? "\u5DE5\u5177" : "\u7528\u6237";
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "mgcn-dsHit", onClick: onJump, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "mgcn-dsMark", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mgcn-dsHitBody", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mgcn-dsHitMeta", children: [
+        hit.turn > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
+          "\u7B2C ",
+          hit.turn,
+          " \u8F6E"
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-dsHitTag mgcn-dsHitTag--" + hit.role, children: roleTag2 })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-dsHitText", children: hit.hitStart >= 0 && hit.hitLen > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        hit.snippet.slice(0, hit.hitStart),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("mark", { className: "mgcn-search-mark", children: hit.snippet.slice(hit.hitStart, hit.hitStart + hit.hitLen) }),
+        hit.snippet.slice(hit.hitStart + hit.hitLen)
+      ] }) : hit.snippet })
+    ] })
+  ] });
+}
+function useFollowCurrent2(listRef, currentKey, markers, resetKey) {
+  (0, import_react8.useEffect)(() => {
+    const list = listRef.current;
+    if (list === null || currentKey === null) return;
+    const index = markers.findIndex((d) => d.key === currentKey);
+    if (index < 0) return;
+    const slotTop = index * DS_ROW_HEIGHT;
+    const contentHeight = markers.length * DS_ROW_HEIGHT + 12;
+    const maxScroll = Math.max(0, contentHeight - list.clientHeight);
+    const target = Math.max(0, Math.min(slotTop - list.clientHeight / 2 + DS_ROW_HEIGHT / 2, maxScroll));
+    if (Math.abs(target - list.scrollTop) < 2) return;
+    list.scrollTo({ top: target, behavior: "smooth" });
+  }, [currentKey, markers, resetKey]);
+}
+function DeepseekRail(props) {
+  const { injected, useSessions, t } = props;
+  const panelRef = (0, import_react8.useRef)(null);
+  const listRef = (0, import_react8.useRef)(null);
+  const searchInputRef = (0, import_react8.useRef)(null);
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [jumpingKey, setJumpingKey] = (0, import_react8.useState)(null);
+  const [searchOpen, setSearchOpen] = (0, import_react8.useState)(false);
+  const [configOpen, setConfigOpen] = (0, import_react8.useState)(false);
+  const [favFilter, setFavFilter] = (0, import_react8.useState)(false);
+  const [hoverKey, setHoverKey] = (0, import_react8.useState)(null);
+  const [drawerOpen, setDrawerOpen] = (0, import_react8.useState)(false);
+  const closeTimer = (0, import_react8.useRef)(null);
+  const [query, setQuery] = (0, import_react8.useState)("");
+  const [results, setResults] = (0, import_react8.useState)([]);
+  const [searching, setSearching] = (0, import_react8.useState)(false);
+  const [followTick, setFollowTick] = (0, import_react8.useState)(0);
+  const abortRef = (0, import_react8.useRef)(null);
+  const debounceRef = (0, import_react8.useRef)(null);
+  const mobile = useMobileMode();
+  const { sessionId, visible, markers } = useMarkerData(injected, useSessions);
+  const { favorites, toggle: toggleFavorite } = useFavorites(sessionId);
+  const settings = useNavSettings(injected);
+  const { align, bandHeight } = settings;
+  useMobileSearchButton(() => setDrawerOpen(true), mobile && markers.length > 0, align, t("search.placeholder"));
+  const effectiveFilter = favFilter && favorites.size > 0;
+  const displayMarkers = effectiveFilter ? markers.filter((m) => m.members.some((k) => favorites.has(k))) : markers;
+  usePinning(panelRef, visible, align, settings.railOffset, sessionId);
+  const [currentKey, forceKey] = useReadingSpy(visible, displayMarkers);
+  const hint = useFailureNotice(t);
+  const loading = useLoadingNotice(t);
+  useFollowCurrent2(listRef, currentKey, displayMarkers, String(searchOpen) + ":" + followTick);
+  const collapseToIdle = () => {
+    cancelClose();
+    setOpen(false);
+    setHoverKey(null);
+    setSearchOpen(false);
+    setQuery("");
+    setResults([]);
+    setSearching(false);
+    if (debounceRef.current !== null) {
+      window.clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    }
+    abortRef.current?.abort();
+    setConfigOpen(false);
+    setFavFilter(false);
+  };
+  const cancelClose = () => {
+    if (closeTimer.current !== null) {
+      window.clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  };
+  const scheduleClose = () => {
+    cancelClose();
+    if (searchOpen || configOpen || effectiveFilter) return;
+    closeTimer.current = window.setTimeout(() => {
+      closeTimer.current = null;
+      collapseToIdle();
+    }, 260);
+  };
+  const collapseToIdleRef = (0, import_react8.useRef)(collapseToIdle);
+  collapseToIdleRef.current = collapseToIdle;
+  (0, import_react8.useEffect)(() => {
+    const onDocPointerDown = (e) => {
+      const panel = panelRef.current;
+      if (panel === null) return;
+      const t2 = e.target;
+      if (t2 instanceof Node && panel.contains(t2)) return;
+      collapseToIdleRef.current?.();
+    };
+    document.addEventListener("pointerdown", onDocPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onDocPointerDown, true);
+  }, []);
+  (0, import_react8.useEffect)(() => () => {
+    if (closeTimer.current !== null) window.clearTimeout(closeTimer.current);
+    if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
+    abortRef.current?.abort();
+  }, []);
+  const runSearch = (raw) => {
+    abortRef.current?.abort();
+    const ac = new AbortController();
+    abortRef.current = ac;
+    const q = raw.trim();
+    if (q.length < 1) {
+      setResults([]);
+      setSearching(false);
+      return;
+    }
+    setSearching(true);
+    fetchHits(sessionId, q, settings.searchScopes, ac.signal).then((hits) => {
+      if (abortRef.current !== ac) return;
+      setResults(hits);
+      setSearching(false);
+    }).catch(() => {
+      if (abortRef.current === ac) setSearching(false);
+    });
+  };
+  const onSearchInput = (value) => {
+    setQuery(value);
+    if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
+    if (value.trim() === "") {
+      debounceRef.current = null;
+      abortRef.current?.abort();
+      setResults([]);
+      setSearching(false);
+      return;
+    }
+    setSearching(true);
+    debounceRef.current = window.setTimeout(() => {
+      debounceRef.current = null;
+      runSearch(value);
+    }, 250);
+  };
+  const openSearch = () => {
+    cancelClose();
+    setConfigOpen(false);
+    setFavFilter(false);
+    setSearchOpen(true);
+    setOpen(true);
+    window.setTimeout(() => searchInputRef.current?.focus(), 30);
+  };
+  const onToggleRowFavorite = (key) => {
+    const removingLast = effectiveFilter && favorites.size === 1 && favorites.has(key);
+    toggleFavorite(key);
+    if (removingLast) setFavFilter(false);
+  };
+  const closeSearch = () => {
+    cancelClose();
+    setSearchOpen(false);
+    setQuery("");
+    setResults([]);
+    setSearching(false);
+    if (debounceRef.current !== null) {
+      window.clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    }
+    abortRef.current?.abort();
+    if (panelRef.current !== null && !panelRef.current.matches(":hover")) {
+      setOpen(false);
+      setHoverKey(null);
+    }
+  };
+  const toggleConfig = () => {
+    cancelClose();
+    if (configOpen) {
+      setConfigOpen(false);
+      setHoverKey(null);
+      if (panelRef.current !== null && !panelRef.current.matches(":hover")) {
+        setOpen(false);
+      }
+      return;
+    }
+    closeSearch();
+    setOpen(false);
+    setHoverKey(null);
+    setConfigOpen(true);
+  };
+  if (!visible || injected === void 0 || markers.length === 0) return null;
+  const onJump = (row) => {
+    if (sessionId === void 0) return;
+    setJumpingKey(row.key);
+    forceKey(row.key);
+    const currentMarker = currentKey === null ? void 0 : displayMarkers.find((m) => m.key === currentKey);
+    injected.jump(sessionId, row.key, row.seq, currentMarker?.seq);
+    window.setTimeout(() => setJumpingKey((k) => k === row.key ? null : k), 600);
+  };
+  const onJumpHit = (hit) => {
+    if (sessionId === void 0) return;
+    setJumpingKey(hit.key);
+    forceKey(hit.key);
+    injected.jump(sessionId, hit.key, hit.seq);
+    window.setTimeout(() => setJumpingKey((k) => k === hit.key ? null : k), 600);
+  };
+  if (mobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-drawerMask", onClick: () => setDrawerOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-searchDrawer", role: "dialog", "aria-label": t("search.placeholder"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-drawerInput", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "input",
+          {
+            className: "mgcn-search-input",
+            value: query,
+            placeholder: t("search.placeholder"),
+            autoFocus: true,
+            onChange: (e) => onSearchInput(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Escape") setDrawerOpen(false);
+            }
+          }
+        ) }),
+        query.trim() === "" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-drawerList", children: [...markers].reverse().slice(0, 20).map((m) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "mgcn-drawerItem",
+            onClick: () => {
+              setDrawerOpen(false);
+              onJump(m);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mgcn-drawerItemTitle", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-drawerItemTurn", children: m.turn !== null ? "Turn " + m.turn : "" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-drawerItemTime", children: clockText(m.time, Date.now()) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-drawerItemText", children: m.texts[0] ?? "" })
+            ]
+          },
+          m.key
+        )) }) : searching ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-drawerList", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-dsLoadingRow", role: "status", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mgcn-dsLoadingDots", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t("search.loading") })
+        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-drawerList", children: [
+          results.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SearchHitRow, { hit, onJump: () => {
+            setDrawerOpen(false);
+            onJumpHit(hit);
+          } }, hit.key + ":" + hit.seq)),
+          results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-dsNoHit", children: t("search.empty") }) : null
+        ] })
+      ] })
+    ] }) : null });
+  }
+  const messagesBody = (scrollable) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: scrollable ? listRef : void 0, className: "mgcn-dsList", children: displayMarkers.map((row) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    DsRow,
+    {
+      marker: row,
+      current: currentKey === row.key,
+      jumping: jumpingKey === row.key,
+      hovered: hoverKey === row.key,
+      favorited: favorites.has(row.key),
+      label: row.texts[0] ?? "",
+      onHover: () => setHoverKey(row.key),
+      onLeave: () => setHoverKey((k) => k === row.key ? null : k),
+      onToggleFavorite: () => onToggleRowFavorite(row.key),
+      onJump: () => onJump(row)
+    },
+    row.key
+  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      className: (align === "right" ? "mgcn-rail mgcn-dsRail mgcn-railRight" : "mgcn-rail mgcn-dsRail") + (open ? " mgcn-dsOpen" : "") + (configOpen ? " mgcn-dsSnap" : ""),
+      "data-mega-chat-nav": "rail",
+      onMouseEnter: () => {
+        cancelClose();
+        if (!configOpen) setOpen(true);
+      },
+      onMouseLeave: () => {
+        setFollowTick((n) => n + 1);
+        scheduleClose();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-queue", children: displayMarkers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-empty", children: t("strip.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          "div",
+          {
+            className: "mgcn-list",
+            style: { "--mgcn-band-height": BAND_HEIGHT_PX.deepseek[bandHeight] + "px" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { role: "menu", className: "mgcn-dsPanel", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-dsHead", children: [
+                  settings.showSearch !== "hide" ? searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        className: "mgcn-config-gear mgcn-dsModeOn",
+                        "aria-label": t("search.placeholder"),
+                        onClick: closeSearch,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "13", height: "13", "aria-hidden": "true", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "7", cy: "7", r: "4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "10.4", y1: "10.4", x2: "14", y2: "14", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "input",
+                      {
+                        ref: searchInputRef,
+                        className: "mgcn-dsSearchInput",
+                        value: query,
+                        placeholder: t("search.placeholder"),
+                        onChange: (e) => onSearchInput(e.target.value),
+                        onKeyDown: (e) => {
+                          if (e.key === "Escape") closeSearch();
+                        }
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "mgcn-config-gear",
+                      "aria-label": t("search.placeholder"),
+                      onClick: openSearch,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "13", height: "13", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "7", cy: "7", r: "4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "10.4", y1: "10.4", x2: "14", y2: "14", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" })
+                      ] })
+                    }
+                  ) : null,
+                  !searchOpen && settings.showQuickSettings !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: configOpen ? "mgcn-config-gear mgcn-dsModeOn" : "mgcn-config-gear",
+                      "aria-label": t("config.title"),
+                      onClick: toggleConfig,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 24 24", width: "13", height: "13", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12", cy: "12", r: "3", fill: "none", stroke: "currentColor", strokeWidth: "1.7" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })
+                      ] })
+                    }
+                  ) : null,
+                  !searchOpen && settings.showFavorites !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: effectiveFilter ? "mgcn-config-gear mgcn-favFilterOn" : "mgcn-config-gear",
+                      "aria-label": t("fav.filter"),
+                      onClick: () => {
+                        if (favorites.size > 0) setFavFilter((v) => !v);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { className: "mgcn-btn-icon", viewBox: "0 0 16 16", width: "13", height: "13", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                        "path",
+                        {
+                          d: "M8 2.2l1.76 3.56 3.93.57-2.84 2.77.67 3.91L8 11.4l-3.52 1.85.67-3.91-2.84-2.77 3.93-.57z",
+                          fill: favFilter ? "currentColor" : "none",
+                          stroke: "currentColor",
+                          strokeWidth: "1.3",
+                          strokeLinejoin: "round"
+                        }
+                      ) })
+                    }
+                  ) : null,
+                  !searchOpen && settings.showCount !== "hide" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-count", children: displayMarkers.length }) : null
+                ] }),
+                searchOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-dsMode", children: query.trim() === "" ? messagesBody(false) : searching ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-dsLoadingRow", role: "status", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mgcn-dsLoadingDots", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", {})
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t("search.loading") })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mgcn-dsList", children: [
+                  results.map((hit) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SearchHitRow, { hit, onJump: () => onJumpHit(hit) }, hit.key + ":" + hit.seq)),
+                  results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mgcn-dsNoHit", children: t("search.empty") }) : null
+                ] }) }) : messagesBody(true)
+              ] }),
+              configOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mgcn-gear-wrap mgcn-gear-wrap--" + align + " mgcn-dsFloat", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(QuickSettings, { injected, t, onClose: () => {
+                cancelClose();
+                setConfigOpen(false);
+                setHoverKey(null);
+              } }) }) : null
+            ]
+          }
+        ) }),
+        loading !== null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { text: loading, align, position: "bottom", loading: true }) : hint !== null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Hint, { text: hint, align }) : null
+      ]
+    }
+  );
+}
+
+// src/client/components/RailDispatch.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function RailDispatch(props) {
+  const [style, setStyle] = (0, import_react9.useState)(() => props.injected?.style() ?? DEFAULT_STYLE);
+  (0, import_react9.useEffect)(() => {
+    if (props.injected === void 0) return;
+    return props.injected.subscribeSettings(() => setStyle(props.injected?.style() ?? DEFAULT_STYLE));
+  }, [props.injected]);
+  const railProps = { injected: props.injected, useSessions: props.useSessions, t: props.t };
+  if (style === "codex") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CodexRail, { ...railProps });
+  if (style === "deepseek") return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DeepseekRail, { ...railProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MinimalRail, { ...railProps });
+}
+
+// src/client/components/settings/SettingsPage.tsx
+var import_react10 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Seg2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mgcn-segmented", role: "radiogroup", children: props.options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": props.value === o,
+      className: props.value === o ? "mgcn-segment mgcn-segmentActive" : "mgcn-segment",
+      onClick: () => props.onPick(o),
+      children: props.labels[String(o)] ?? String(o)
+    },
+    String(o)
+  )) });
+}
+function Field({ label, desc, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mgcn-settingsRow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mgcn-settingsLabel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mgcn-settingsTitle", children: label }),
+      desc !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mgcn-settingsDesc", children: desc }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mgcn-settingsControl", children })
+  ] });
+}
+function useSettingsTick2(subscribe) {
+  const [, bump] = (0, import_react10.useState)(0);
+  (0, import_react10.useEffect)(() => subscribe(() => bump((n) => n + 1)), [subscribe]);
+}
+function SettingsPage(props) {
+  const { injected, t, hosted } = props;
+  useSettingsTick2(injected.subscribeSettings);
+  if (hosted === true) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mgcn-settings", children: t("settings.hosted") });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mgcn-settings", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.style"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Seg2,
+      {
+        options: STYLE_OPTIONS,
+        value: injected.style(),
+        labels: { minimal: t("config.style.minimal"), codex: t("config.style.codex"), deepseek: t("config.style.deepseek") },
+        onPick: (v) => injected.setStyle(v)
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.railOffset"), desc: t("config.railOffset.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mgcn-sliderRow", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "input",
+        {
+          type: "range",
+          min: "0",
+          max: "32",
+          step: "1",
+          value: injected.railOffset(),
+          onChange: (e) => injected.setRailOffset(Number(e.target.value))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "mgcn-sliderValue", children: [
+        injected.railOffset(),
+        "px"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.align"), desc: t("settings.align.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Seg2,
+      {
+        options: ALIGN_OPTIONS,
+        value: injected.align(),
+        labels: { left: t("settings.align.left"), right: t("settings.align.right") },
+        onPick: (v) => injected.setAlign(v)
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.scrollBehavior"), desc: t("config.scrollBehavior.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Seg2,
+      {
+        options: SCROLL_OPTIONS,
+        value: injected.scrollBehavior(),
+        labels: { smooth: t("config.scrollBehavior.smooth"), instant: t("config.scrollBehavior.instant") },
+        onPick: (v) => injected.setScrollMode(v)
+      }
+    ) }),
+    STYLE_CAPABILITIES[injected.style()].hoverCards ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.cardCount"), desc: t("config.cardCount.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        Seg2,
+        {
+          options: CARD_OPTIONS,
+          value: injected.cardCount(),
+          labels: { 1: "1", 3: "3", 5: "5" },
+          onPick: (v) => injected.setCardCount(v)
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.cardItems"), desc: t("config.cardItems.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mgcn-checkGroup", children: CARD_ITEM_OPTIONS.map((item) => {
+        const on = injected.cardItems().includes(item);
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "mgcn-checkItem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: on,
+              onChange: (e) => {
+                const items = e.target.checked ? [...injected.cardItems(), item] : injected.cardItems().filter((x) => x !== item);
+                injected.setCardItems(items);
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: t("config.cardItems." + item) })
+        ] }, item);
+      }) }) })
+    ] }) : null,
+    injected.style() === "codex" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.markTone"), desc: t("config.markTone.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Seg2,
+      {
+        options: MARK_TONE_OPTIONS,
+        value: injected.markTone(),
+        labels: { soft: t("config.markTone.soft"), deep: t("config.markTone.deep") },
+        onPick: (v) => injected.setMarkTone(v)
+      }
+    ) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.searchScopes"), desc: t("config.searchScopes.desc"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mgcn-checkGroup", children: SEARCH_SCOPE_OPTIONS.map((scope) => {
+      const on = injected.searchScopes().includes(scope);
+      const locked = scope === "user";
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "mgcn-checkItem", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: on,
+            disabled: locked,
+            onChange: (e) => {
+              const items = e.target.checked ? [...injected.searchScopes(), scope] : injected.searchScopes().filter((x) => x !== scope);
+              injected.setSearchScopes(items);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: t("config.searchScopes." + scope) })
+      ] }, scope);
+    }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.showQuickSettings"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModeSeg2, { value: injected.showQuickSettings(), onChange: (v) => injected.setShowQuickSettings(v), t }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.showSearch"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModeSeg2, { value: injected.showSearch(), onChange: (v) => injected.setShowSearch(v), t }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.showFavorites"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModeSeg2, { value: injected.showFavorites(), onChange: (v) => injected.setShowFavorites(v), t }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.showCount"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModeSeg2, { value: injected.showCount(), onChange: (v) => injected.setShowCount(v), t }) }),
+    STYLE_CAPABILITIES[injected.style()].paging ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Field, { label: t("config.showPaging"), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModeSeg2, { value: injected.showPaging(), onChange: (v) => injected.setShowPaging(v), t }) }) : null
+  ] });
+}
+function ModeSeg2({ value, onChange, t }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Seg2,
+    {
+      options: SHOW_OPTIONS,
+      value,
+      labels: {
+        show: t("config.showMode.show"),
+        peek: t("config.showMode.peek"),
+        hide: t("config.showMode.hide")
+      },
+      onPick: (v) => onChange(v)
+    }
+  );
+}
+
+// src/client/components/settings/StandaloneSettings.tsx
+var import_react11 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function StandaloneSettings(props) {
+  const [hosted, setHosted] = (0, import_react11.useState)(false);
+  (0, import_react11.useEffect)(() => {
+    const check = () => {
+      const n = props.slots?.entries?.("mega.settings.member")?.length ?? 0;
+      setHosted(n > 0);
+    };
+    check();
+    return props.slots?.subscribe?.("mega.settings.member", check);
+  }, [props.slots]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SettingsPage, { injected: props.injected, t: props.t, hosted });
+}
+
+// src/client/locales.ts
+var zh = {
+  "strip.empty": "\u672C\u4F1A\u8BDD\u8FD8\u6CA1\u6709\u63D0\u95EE",
+  "strip.up": "\u5411\u4E0A\u7FFB\u51FA\u66F4\u591A\u63D0\u95EE\u5706\u70B9",
+  "strip.down": "\u5411\u4E0B\u7FFB\u51FA\u66F4\u591A\u63D0\u95EE\u5706\u70B9",
+  "jump.inactive": "\u804A\u5929\u89C6\u56FE\u672A\u6FC0\u6D3B",
+  "jump.hidden": "\u76EE\u6807\u65E0\u72EC\u7ACB\u6C14\u6CE1\uFF0C\u5DF2\u5B9A\u4F4D\u5230\u90BB\u8FD1\u5185\u5BB9",
+  "jump.notfound": "\u76EE\u6807\u672A\u52A0\u8F7D\u6216\u4E0D\u5B58\u5728\uFF08\u53EF\u80FD\u5DF2\u538B\u7F29\uFF09",
+  "jump.timeout": "\u52A0\u8F7D\u5386\u53F2\u8D85\u65F6\uFF0C\u53EF\u91CD\u8BD5",
+  "jump.loading": "\u6B63\u5728\u52A0\u8F7D\u8F83\u65E9\u8BB0\u5F55\u4EE5\u5B9A\u4F4D\uFF08\u7B2C {n} \u9875\uFF09",
+  "search.historic": "\u53E6\u6709 {n} \u6761\u6765\u81EA\u66F4\u65E9\u5386\u53F2",
+  "search.turnTitle": "\u7B2C {turn} \u8F6E",
+  "search.tag.user": "\u7528\u6237",
+  "search.tag.assistant": "\u52A9\u624B",
+  "search.tag.tool": "\u5DE5\u5177",
+  "settings.tab": "\u63D0\u95EE\u5BFC\u822A",
+  "label": "mega \u5BFC\u822A",
+  "config.align": "\u5BF9\u9F50\u65B9\u5F0F",
+  "config.railOffset": "\u5BFC\u822A\u680F\u504F\u79FB",
+  "config.railOffset.desc": "\u5BFC\u822A\u6761\u4E0E\u5BF9\u8BDD\u5217\u8FB9\u7F18\u7684\u8DDD\u79BB\uFF080-32px\uFF0C\u968F\u5DE6\u53F3\u5BF9\u9F50\u81EA\u9002\u5E94\uFF09\u3002",
+  "settings.align.desc": "\u9009\u62E9\u5706\u70B9\u5BFC\u822A\u6761\u951A\u5B9A\u5728\u5BF9\u8BDD\u680F\u7684\u54EA\u4E00\u4FA7\u3002",
+  "settings.align.left": "\u5DE6\u4FA7",
+  "settings.align.right": "\u53F3\u4FA7",
+  "settings.hosted": "\u914D\u7F6E\u5DF2\u6536\u7EB3\u81F3 mega \u8BBE\u7F6E\u4E2D\u5FC3",
+  "config.bandHeight": "\u8282\u70B9\u680F\u9AD8\u5EA6",
+  "config.bandHeight.desc": "\u8282\u70B9\u680F\u7684\u6700\u5927\u9AD8\u5EA6\u3002",
+  "config.bandHeight.compact": "\u7D27\u51D1",
+  "config.bandHeight.standard": "\u6807\u51C6",
+  "config.bandHeight.tall": "\u9AD8",
+  "config.title": "\u5BFC\u822A\u6761\u8BBE\u7F6E",
+  "config.settings": "\u8BBE\u7F6E",
+  "config.close": "\u5173\u95ED",
+  "config.scrollBehavior": "\u8DF3\u8F6C\u52A8\u753B",
+  "config.scrollBehavior.desc": "\u70B9\u51FB\u8DF3\u8F6C\u65F6\u6D88\u606F\u6EDA\u5165\u7684\u52A8\u753B\u65B9\u5F0F\u3002",
+  "config.scrollBehavior.smooth": "\u5E73\u6ED1",
+  "config.scrollBehavior.instant": "\u77AC\u65F6",
+  "config.showCount": "\u8F6E\u6B21\u603B\u6570",
+  "config.showPaging": "\u7FFB\u9875\u6807\u8BB0",
+  "config.showQuickSettings": "\u8BBE\u7F6E\u6309\u94AE",
+  "config.showFavorites": "\u6536\u85CF\u6309\u94AE",
+  "config.searchScopes": "\u641C\u7D22\u5185\u5BB9",
+  "config.searchScopes.desc": "\u641C\u7D22\u54EA\u4E9B\u6D88\u606F\u7C7B\u578B\uFF08\u591A\u9009\uFF1B\u7528\u6237\u5FC5\u9009\uFF09\u3002",
+  "config.searchScopes.user": "\u7528\u6237",
+  "config.searchScopes.assistant": "\u52A9\u624B",
+  "config.searchScopes.tool": "\u5DE5\u5177",
+  "config.style": "\u98CE\u683C",
+  "config.style.minimal": "\u7B80\u7EA6",
+  "config.style.codex": "Codex",
+  "config.style.deepseek": "Deepseek Chat",
+  "config.cardCount": "\u60AC\u505C\u5361\u7247\u6570",
+  "config.cardCount.desc": "\u60AC\u505C\u8282\u70B9\u65F6\u5F39\u51FA\u7684\u5361\u7247\u6570\u91CF\uFF081/3/5 \u5F20\uFF09\u3002",
+  "config.cardItems": "\u60AC\u6D6E\u5361\u529F\u80FD",
+  "config.cardItems.desc": "\u52FE\u9009\u60AC\u6D6E\u5361\u663E\u793A\u7684\u5185\u5BB9\u5757\uFF08\u591A\u9009\uFF09\u3002",
+  "config.cardItems.turn": "\u8F6E\u6B21",
+  "config.cardItems.duration": "\u7528\u65F6",
+  "config.cardItems.favorite": "\u6536\u85CF",
+  "config.markTone": "\u523B\u5EA6\u8272\u8C03",
+  "config.markTone.desc": "codex \u523B\u5EA6\u6761\u7684\u660E\u6697\u6863\uFF1A\u67D4\u548C\u4F4E\u5BF9\u6BD4 / \u6DF1\u9083\u9AD8\u5BF9\u6BD4\uFF08\u9ED8\u8BA4\uFF09\u3002",
+  "config.markTone.soft": "\u67D4\u548C",
+  "config.markTone.deep": "\u6DF1\u9083",
+  "fav.filter": "\u53EA\u770B\u6536\u85CF",
+  "strip.noFavorites": "\u6682\u65E0\u6536\u85CF",
+  "config.showSearch": "\u641C\u7D22\u6309\u94AE",
+  "config.showMode.show": "\u663E\u793A",
+  "config.showMode.peek": "\u6D6E\u73B0",
+  "config.showMode.hide": "\u9690\u85CF",
+  "search.placeholder": "\u641C\u7D22\u6D88\u606F\u2026",
+  "search.empty": "\u65E0\u5339\u914D\u7ED3\u679C",
+  "search.loading": "\u6B63\u5728\u641C\u7D22\u2026"
+};
+var en = {
+  "strip.empty": "No questions in this session yet",
+  "strip.up": "Reveal more question dots above",
+  "strip.down": "Reveal more question dots below",
+  "jump.inactive": "Chat view is not active",
+  "jump.hidden": "No dedicated bubble; landed on nearby content",
+  "jump.notfound": "Target not loaded or missing (maybe compacted)",
+  "jump.timeout": "Timed out loading history; retry",
+  "jump.loading": "Loading earlier records to locate (page {n})",
+  "search.historic": "{n} more from earlier history",
+  "search.turnTitle": "Turn {turn}",
+  "search.tag.user": "User",
+  "search.tag.assistant": "Assistant",
+  "search.tag.tool": "Tool",
+  "settings.tab": "Question Nav",
+  "label": "Mega Nav",
+  "config.align": "Alignment",
+  "config.railOffset": "Rail offset",
+  "config.railOffset.desc": "Distance between the rail and the conversation edge (0-32px, adapts to alignment).",
+  "settings.align.desc": "Choose which edge of the conversation column the dot rail anchors to.",
+  "settings.align.left": "Left",
+  "settings.align.right": "Right",
+  "settings.hosted": "Config is hosted in the mega settings center",
+  "config.bandHeight": "Band height",
+  "config.bandHeight.desc": "Max height of the dot band.",
+  "config.bandHeight.compact": "Compact",
+  "config.bandHeight.standard": "Standard",
+  "config.bandHeight.tall": "Tall",
+  "config.title": "Nav settings",
+  "config.settings": "Settings",
+  "config.close": "Close",
+  "config.scrollBehavior": "Jump animation",
+  "config.scrollBehavior.desc": "How the chat scrolls when jumping to a message.",
+  "config.scrollBehavior.smooth": "Smooth",
+  "config.scrollBehavior.instant": "Instant",
+  "config.showCount": "Turn count",
+  "config.showPaging": "Paging markers",
+  "config.showQuickSettings": "Settings button",
+  "config.showFavorites": "Favorite button",
+  "config.searchScopes": "Search content",
+  "config.searchScopes.desc": "Message types included in search (multi-select; user is required).",
+  "config.searchScopes.user": "User",
+  "config.searchScopes.assistant": "Assistant",
+  "config.searchScopes.tool": "Tool",
+  "config.style": "Style",
+  "config.style.minimal": "Minimal",
+  "config.style.codex": "Codex",
+  "config.style.deepseek": "Deepseek Chat",
+  "config.cardCount": "Card count",
+  "config.cardCount.desc": "Cascade cards shown on hover (1/3/5).",
+  "config.cardItems": "Card contents",
+  "config.cardItems.desc": "Content blocks shown on hover cards (multi-select).",
+  "config.cardItems.turn": "Turn",
+  "config.cardItems.duration": "Duration",
+  "config.cardItems.favorite": "Favorite",
+  "config.markTone": "Mark tone",
+  "config.markTone.desc": "Codex tick contrast: soft / deep (default).",
+  "config.markTone.soft": "Soft",
+  "config.markTone.deep": "Deep",
+  "fav.filter": "Favorites only",
+  "strip.noFavorites": "No favorites yet",
+  "config.showSearch": "Search button",
+  "config.showMode.show": "Show",
+  "config.showMode.peek": "Peek",
+  "config.showMode.hide": "Hide",
+  "search.placeholder": "Search messages\u2026",
+  "search.empty": "No matches",
+  "search.loading": "Searching\u2026"
+};
+
+// src/client/jump.ts
+var BUDGET = {
+  totalTimeoutMs: 3e4,
+  maxPages: 300,
+  rowWaitMs: 8e3,
+  pollMs: 60
+};
+function isVisibleRow(row) {
+  return row.visibility !== "hidden";
+}
+function hasTarget(rows, key) {
+  for (const row of rows) {
+    if (isVisibleRow(row) && row.key === key) return true;
+  }
+  return false;
+}
+function seqRange(rows) {
+  let min = null;
+  let max = null;
+  for (const row of rows) {
+    if (min === null || row.anchorSeq < min) min = row.anchorSeq;
+    if (max === null || row.anchorSeq > max) max = row.anchorSeq;
+  }
+  return min === null || max === null ? null : { min, max };
+}
+function smallestSeq(rows) {
+  const range = seqRange(rows);
+  return range === null ? null : range.min;
+}
+function retreatTo(rows, excludeKey) {
+  let best = null;
+  for (const row of rows) {
+    if (row.visibility === "hidden") continue;
+    if (row.key === excludeKey) continue;
+    if (best === null || row.anchorSeq > best.anchorSeq) best = { key: row.key, anchorSeq: row.anchorSeq };
+  }
+  return best;
+}
+async function waitForRow(ports, rowKey, pollMs, rowWaitMs) {
+  for (let waited = 0; waited <= rowWaitMs; waited += pollMs) {
+    if (!ports.active()) return null;
+    const row = ports.locate(rowKey);
+    if (row !== null) return row;
+    await ports.sleep(pollMs);
+  }
+  return null;
+}
+async function scrollLocate(ports, key, dir, maxSteps, stepMs) {
+  const port = ports.scrollport();
+  if (port === null) return null;
+  for (let i = 0; i < maxSteps; i++) {
+    const row = ports.locate(key);
+    if (row !== null) return row;
+    const before = port.scrollTop;
+    const step = Math.max(200, Math.round(port.clientHeight * 0.4));
+    port.scrollBy({ top: dir * step });
+    await ports.sleep(stepMs);
+    const floor = Math.max(0, port.scrollHeight - port.clientHeight);
+    if (Math.abs(port.scrollTop - before) < 2) {
+      if (dir === 1) {
+        for (let i2 = 0; i2 < 10; i2++) {
+          const row2 = ports.locate(key);
+          if (row2 !== null) return row2;
+          port.scrollBy({ top: -Math.round(port.clientHeight * 0.4) });
+          await ports.sleep(stepMs);
+        }
+      }
+      return null;
+    }
+    const snap = ports.snap();
+    if (snap !== void 0 && hasTarget(snap.rows, key)) {
+      const rendered = await waitForRow(ports, key, Math.max(100, stepMs), 2500);
+      if (rendered !== null) return rendered;
+      return null;
+    }
+  }
+  return null;
+}
+async function goTo(ports, key, options = {}, mode = "smooth", targetSeq, currentSeq) {
+  const budget = { ...BUDGET, ...options };
+  const fail = (code, fallback2 = false) => {
+    ports.report?.(code, fallback2);
+    return fallback2 ? { ok: false, code, fallback: true } : { ok: false, code };
+  };
+  if (!ports.active()) return fail("VIEW_INACTIVE");
+  const deadline = ports.now() + budget.totalTimeoutMs;
+  let pages = 0;
+  let lastNotified = -1;
+  const notifyLoading = (loading, count) => {
+    const key2 = loading ? count : -1;
+    if (key2 === lastNotified) return;
+    lastNotified = key2;
+    ports.onLoading?.(loading, count);
+  };
+  for (; ; ) {
+    const snap2 = ports.snap();
+    if (snap2 === void 0) {
+      notifyLoading(false, 0);
+      return fail("VIEW_INACTIVE");
+    }
+    if (hasTarget(snap2.rows, key)) {
+      notifyLoading(false, 0);
+      break;
+    }
+    if (ports.now() > deadline) {
+      notifyLoading(false, 0);
+      return fail("TIMEOUT");
+    }
+    if (targetSeq !== void 0) {
+      const range = seqRange(snap2.rows);
+      const below = currentSeq !== void 0 ? targetSeq > currentSeq : range !== null && targetSeq > range.max;
+      if (below) {
+        const found = await scrollLocate(ports, key, 1, 500, budget.pollMs * 2);
+        if (found !== null) {
+          ports.reveal(found, mode);
+          return { ok: true };
+        }
+        notifyLoading(false, 0);
+        return fail("TARGET_HIDDEN");
+      }
+    }
+    if (!snap2.loadingOlder) {
+      const range = seqRange(snap2.rows);
+      const closeEnough = targetSeq === void 0 || range === null || targetSeq >= range.min - 40;
+      if (closeEnough) {
+        const up = await scrollLocate(ports, key, -1, 40, budget.pollMs * 2);
+        if (up !== null) {
+          notifyLoading(false, 0);
+          ports.reveal(up, mode);
+          return { ok: true };
+        }
+      }
+    }
+    if (snap2.openState !== "open") {
+      if (snap2.openState === "error") {
+        notifyLoading(false, 0);
+        return fail("VIEW_INACTIVE");
+      }
+      await ports.sleep(budget.pollMs);
+      continue;
+    }
+    if (snap2.hasMore !== true) {
+      notifyLoading(false, 0);
+      return fail("NOT_FOUND");
+    }
+    if (pages >= budget.maxPages) {
+      notifyLoading(false, 0);
+      return fail("TIMEOUT");
+    }
+    notifyLoading(true, pages + 1);
+    if (snap2.loadingOlder) {
+      await ports.sleep(budget.pollMs);
+      continue;
+    }
+    const before = smallestSeq(snap2.rows);
+    await ports.loadMore();
+    pages += 1;
+    notifyLoading(true, pages);
+    let after = before;
+    for (let waited = 0; waited <= 5e3; waited += budget.pollMs) {
+      const s2 = ports.snap();
+      const cur = smallestSeq(s2 === void 0 ? [] : s2.rows);
+      if (cur !== null && (before === null || cur < before)) {
+        after = cur;
+        break;
+      }
+      await ports.sleep(budget.pollMs);
+    }
+    if (after === null || before !== null && after >= before) {
+      const up = await scrollLocate(ports, key, -1, 40, budget.pollMs * 2);
+      if (up !== null) {
+        notifyLoading(false, 0);
+        ports.reveal(up, mode);
+        return { ok: true };
+      }
+      notifyLoading(false, 0);
+      return fail("NOT_FOUND");
+    }
+  }
+  const row = await waitForRow(ports, key, budget.pollMs, budget.rowWaitMs);
+  if (row !== null) {
+    ports.reveal(row, mode);
+    return { ok: true };
+  }
+  const snap0 = ports.snap();
+  if (snap0 !== void 0 && hasTarget(snap0.rows, key)) {
+    const located = await scrollLocate(ports, key, -1, 60, budget.pollMs * 2) ?? await scrollLocate(ports, key, 1, 60, budget.pollMs * 2);
+    if (located !== null) {
+      ports.reveal(located, mode);
+      return { ok: true };
+    }
+  }
+  const snap = ports.snap();
+  const fallback = retreatTo(snap === void 0 ? [] : snap.rows, key);
+  if (fallback !== null) {
+    const fbRow = await waitForRow(ports, fallback.key, budget.pollMs, budget.rowWaitMs);
+    if (fbRow !== null) {
+      ports.reveal(fbRow, mode);
+      return fail("TARGET_HIDDEN", true);
+    }
+  }
+  return fail("TARGET_HIDDEN", false);
+}
+
+// src/client/index.ts
+var NS = "mega-chat-nav";
+var inject = ["slots", "locale", "sessions"];
+function sessionsOf(ctx) {
+  return ctx.sessions;
+}
+var QUESTION_KINDS = ["user", "steering"];
+function firstTextBlock(content) {
+  const block = content?.find((part) => typeof part?.text === "string");
+  return block?.text ?? "";
+}
+function extractQuestionRows(nodes) {
+  return [...nodes].filter((node) => QUESTION_KINDS.includes(node.kind ?? "")).map((node) => {
+    const payload = typeof node.data === "object" && node.data !== null ? node.data : {};
+    return {
+      key: node.key,
+      anchorSeq: node.anchorSeq,
+      seq: payload.seq ?? -1,
+      time: payload.time ?? 0,
+      text: firstTextBlock(payload.content)
+    };
+  }).sort((a, b) => a.anchorSeq - b.anchorSeq);
+}
+function claimApply() {
+  if (globalThis.__dshMegaChatNavApplied === true) return false;
+  globalThis.__dshMegaChatNavApplied = true;
+  return true;
+}
+function releaseApply() {
+  globalThis.__dshMegaChatNavApplied = void 0;
+}
+function jumpPortsFor(ctx, sessionId) {
+  const sessions = sessionsOf(ctx);
+  return {
+    snap: () => {
+      const binding = sessions.binding(sessionId);
+      const snap = binding?.session.getSnapshot();
+      if (snap === void 0) return void 0;
+      return {
+        openState: snap.openState ?? "",
+        hasMore: snap.hasMore ?? false,
+        loadingOlder: snap.loadingOlder ?? false,
+        rows: snap.chat?.nodes?.values() ?? []
+      };
+    },
+    loadMore: async () => {
+      const binding = sessions.binding(sessionId);
+      if (binding === void 0) throw new Error("session unavailable");
+      await binding.session.loadOlder();
+    },
+    active: () => document.querySelector("[data-chat-flow]") !== null,
+    locate: (key) => {
+      const rows = Array.from(document.querySelectorAll("[data-chat-anchor-key]"));
+      for (const row of rows) {
+        if (row.dataset.chatAnchorKey === key) return row;
+      }
+      for (const row of rows) {
+        const k = row.dataset.chatAnchorKey;
+        if (k !== void 0 && k.includes(key)) return row;
+      }
+      if (key.startsWith("seq:")) {
+        const n = key.slice(4);
+        let found = null;
+        for (const row of rows) {
+          const k = row.dataset.chatAnchorKey;
+          if (k !== void 0 && k.includes(n)) found = row;
+        }
+        if (found !== null) return found;
+      }
+      return null;
+    },
+    reveal: (row, mode) => {
+      const scrollToRow = () => {
+        const port = document.querySelector("[data-conversation-scroll]");
+        if (port !== null) {
+          const rowTop = row.getBoundingClientRect().top - port.getBoundingClientRect().top + port.scrollTop;
+          port.scrollTo({ top: rowTop - 12, behavior: mode });
+        } else {
+          row.scrollIntoView({ behavior: mode, block: "start" });
+        }
+      };
+      scrollToRow();
+      const ensure = () => {
+        const port = document.querySelector("[data-conversation-scroll]");
+        if (port === null) return;
+        const rowRect = row.getBoundingClientRect();
+        const portRect = port.getBoundingClientRect();
+        const offset = rowRect.top - portRect.top;
+        if (offset < -60 || offset > 120) scrollToRow();
+      };
+      window.setTimeout(ensure, 300);
+      window.setTimeout(ensure, 800);
+      const bubble = row.querySelector('[class*="bubble"]') ?? row.querySelector('[class*="messageBody"], [class*="bubbleBody"]');
+      if (bubble !== null) {
+        const original = bubble.style.background;
+        const themeBg = "color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, transparent)";
+        bubble.style.transition = "background 350ms ease";
+        const paint = (on) => {
+          bubble.style.background = on ? themeBg : original;
+        };
+        const waitVisible = () => new Promise((resolve) => {
+          const port = document.querySelector("[data-conversation-scroll]");
+          let tries = 0;
+          const check = () => {
+            const r = bubble.getBoundingClientRect();
+            const portTop = port !== null ? port.getBoundingClientRect().top : 0;
+            const portBottom = port !== null ? port.getBoundingClientRect().bottom : window.innerHeight;
+            if (r.bottom > portTop && r.top < portBottom || tries > 40) resolve();
+            else {
+              tries += 1;
+              window.setTimeout(check, 100);
+            }
+          };
+          check();
+        });
+        void waitVisible().then(() => {
+          paint(true);
+          window.setTimeout(() => paint(false), 400);
+          window.setTimeout(() => paint(true), 800);
+          window.setTimeout(() => paint(false), 1200);
+          window.setTimeout(() => {
+            bubble.style.transition = "";
+          }, 1500);
+        });
+      }
+    },
+    scrollport: () => document.querySelector("[data-conversation-scroll]"),
+    now: () => Date.now(),
+    sleep: (ms) => new Promise((resolve) => window.setTimeout(resolve, ms))
+  };
+}
+function navProjectionOf(ctx, sessionId) {
+  const face = sessionsOf(ctx).binding(sessionId)?.session.projections.faceOf("msgNavMessages");
+  if (face === void 0) return void 0;
+  return {
+    getSnapshot: () => face.getSnapshot(),
+    subscribe: (listener) => face.subscribe(listener)
+  };
+}
+function createInject(ctx, settings) {
+  const sessions = sessionsOf(ctx);
+  return {
+    readQuestions: (sessionId) => {
+      const snap = sessions.binding(sessionId)?.session.getSnapshot();
+      if (snap === void 0 || snap.chat?.nodes === void 0) return [];
+      return extractQuestionRows(snap.chat.nodes.values());
+    },
+    subscribeList: (cb) => sessions.list.subscribe(cb),
+    subscribeContent: (sessionId, cb) => {
+      const binding = sessions.binding(sessionId);
+      if (binding === void 0) return () => {
+      };
+      return binding.session.subscribe(cb);
+    },
+    questionProjection: (sessionId) => navProjectionOf(ctx, sessionId),
+    jump: (sessionId, key, seq, currentSeq) => {
+      const ports = jumpPortsFor(ctx, sessionId);
+      ports.report = (code) => {
+        window.dispatchEvent(new CustomEvent("mega-chat-nav:jump-failed", { detail: code }));
+      };
+      ports.onLoading = (loading, pages) => {
+        window.dispatchEvent(new CustomEvent("mega-chat-nav:jump-loading", { detail: { loading, pages } }));
+      };
+      void goTo(ports, key, {}, settings.getSnapshot().scrollBehavior, seq, currentSeq);
+    },
+    style: () => settings.getSnapshot().style,
+    setStyle: (style) => settings.setStyle(style),
+    align: () => settings.getSnapshot().align,
+    subscribeSettings: (cb) => settings.subscribe(cb),
+    setAlign: (align) => settings.setAlign(align),
+    bandHeight: () => settings.getSnapshot().bandHeight,
+    setBandHeight: (band) => settings.setBandHeight(band),
+    scrollBehavior: () => settings.getSnapshot().scrollBehavior,
+    setScrollMode: (mode) => settings.setScrollMode(mode),
+    showCount: () => settings.getSnapshot().showCount,
+    setShowCount: (mode) => settings.setShowCount(mode),
+    showSearch: () => settings.getSnapshot().showSearch,
+    setShowSearch: (mode) => settings.setShowSearch(mode),
+    showQuickSettings: () => settings.getSnapshot().showQuickSettings,
+    setShowQuickSettings: (mode) => settings.setShowQuickSettings(mode),
+    showFavorites: () => settings.getSnapshot().showFavorites,
+    setShowFavorites: (mode) => settings.setShowFavorites(mode),
+    showPaging: () => settings.getSnapshot().showPaging,
+    setShowPaging: (mode) => settings.setShowPaging(mode),
+    searchScopes: () => settings.getSnapshot().searchScopes,
+    setSearchScopes: (scopes) => settings.setSearchScopes(scopes),
+    railOffset: () => settings.getSnapshot().railOffset,
+    setRailOffset: (offset) => settings.setRailOffset(offset),
+    cardCount: () => settings.getSnapshot().cardCount,
+    setCardCount: (count) => settings.setCardCount(count),
+    cardItems: () => settings.getSnapshot().cardItems,
+    setCardItems: (items) => settings.setCardItems(items),
+    markTone: () => settings.getSnapshot().markTone,
+    setMarkTone: (tone) => settings.setMarkTone(tone)
+  };
+}
+function apply(ctx) {
+  if (!claimApply()) return;
+  ctx.effect(() => releaseApply, "mega-chat-nav: apply claim");
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "mega-chat-nav: dictionaries");
+  const t = ctx.locale.bind(NS);
+  const settings = new NavSettingsController();
+  const injected = createInject(ctx, settings);
+  ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+    name: "shell.overlay",
+    id: "mega-chat-nav",
+    order: 900,
+    locale: NS,
+    inject: () => ({ injected })
+  }, RailDispatch));
+  ctx.slots.inject("mega.settings.member", () => ctx.slots.register({
+    name: "mega.settings.member",
+    id: "mega-chat-nav",
+    order: 10,
+    label: () => t("label"),
+    inject: () => ({ description: () => t("desc"), version: PKG_VERSION })
+  }, ListRow));
+  ctx.slots.inject("mega.settings.member.page", () => ctx.slots.register({
+    name: "mega.settings.member.page",
+    key: "mega-chat-nav",
+    order: 10,
+    label: () => t("label"),
+    locale: NS,
+    inject: () => ({ injected })
+  }, SettingsPage));
+  {
+    let tabDispose = null;
+    const ensurePluginsTab = () => {
+      const hosted = (ctx.slots.entries?.("mega.settings.member")?.length ?? 0) > 0;
+      if (hosted) {
+        tabDispose?.();
+        tabDispose = null;
+      } else if (tabDispose === null) {
+        tabDispose = ctx.slots.register({
+          name: "settings.plugins.tab",
+          id: "mega-chat-nav",
+          order: 100,
+          label: () => t("label"),
+          locale: NS,
+          inject: () => ({ injected, slots: ctx.slots })
+        }, StandaloneSettings);
+      }
+    };
+    ensurePluginsTab();
+    const offMember = ctx.slots.subscribe?.("mega.settings.member", ensurePluginsTab);
+    ctx.effect(() => () => {
+      tabDispose?.();
+      tabDispose = null;
+      offMember?.();
+    }, "mega-chat-nav: plugins tab ledger");
+  }
+  ctx.inject(["settingsScope"], (scopeCtx) => {
+    settings.attach(scopeCtx.get("settingsScope"));
+  });
+}
+function ListRow() {
+  return null;
+}
+
+    return module.exports;
+  }
+});