dsh-prompt-history 1.2.2 → 1.2.4

package/README.en.md

@@ -39,7 +39,7 @@
    - **Auto** (terminal-style): copies the selection straight to the system clipboard on select.
 5. **Right-click pastes directly** — a right-click on the composer pastes the clipboard — no context menu, like a Linux terminal. Paste runs the same pipeline as Ctrl+V (images and reference chips behave identically), with a Clipboard API fallback when the execCommand path is blocked.
 6. **Cross-session history** (Settings toggle, default off) — keeps Up/Down history across sessions, stored in browser localStorage (cap 200), survives reloads and session switches.
-7. **Chat TOC (conversation directory)** — when the conversation gets long, a subtle semi-transparent, draggable grip on the chat's left edge (brightens on hover) expands a directory of every user message in order — click any entry to jump to that spot; click outside or press Esc to close. Can be toggled off in Settings.
+7. **Chat TOC (conversation directory)** — when the conversation gets long, a subtle semi-transparent, draggable grip on the chat's left edge (brightens on hover) expands a directory of every user message in order — click any entry to jump to that spot, and scroll through all entries when the list gets long; click outside or press Esc to close. Can be toggled off in Settings.
 
 Pure UI behavior: no session events, no agent-loop changes, no model requests. Recalled or quoted text only enters the ordinary composer draft — it reaches the model only if *you* press Enter.
 

package/README.es.md

@@ -39,7 +39,7 @@
    - **Auto** (estilo terminal): copia la selección directamente al portapapeles del sistema al seleccionar.
 5. **Clic derecho pega directamente** — un clic derecho sobre el compositor pega el portapapeles — sin menú contextual, como en una terminal Linux. El pegado usa la misma canalización que Ctrl+V (las imágenes y las chips de referencia se comportan igual), con respaldo de Clipboard API cuando la ruta execCommand está bloqueada.
 6. **Historial entre sesiones** (interruptor en Ajustes, apagado por defecto) — mantiene el historial de ↑/↓ entre sesiones, almacenado en localStorage (límite 200), sobrevive a recargas y cambios de sesión.
-7. **TOC del chat (índice de la conversación)** — cuando la conversación se hace larga, una pequeña manija semitransparente y arrastrable en el borde izquierdo del chat (se ilumina al pasar el cursor) despliega un índice de cada mensaje de usuario en orden — haz clic en cualquier entrada para saltar a ese punto; haz clic fuera o pulsa Esc para cerrar. Se puede desactivar en Ajustes.
+7. **TOC del chat (índice de la conversación)** — cuando la conversación se hace larga, una pequeña manija semitransparente y arrastrable en el borde izquierdo del chat (se ilumina al pasar el cursor) despliega un índice de cada mensaje de usuario en orden — haz clic en cualquier entrada para saltar a ese punto y desplázate por todas las entradas cuando la lista es larga; haz clic fuera o pulsa Esc para cerrar. Se puede desactivar en Ajustes.
 
 Comportamiento de UI puro: sin eventos de sesión, sin cambios en el bucle del agente, sin peticiones al modelo. El texto recuperado o citado solo entra en el borrador normal del compositor — llega al modelo solo si *tú* pulsas Enter.
 

package/README.md

@@ -39,7 +39,7 @@
    - **选中即自动复制**：终端风格，选中直接写系统剪贴板。
 5. **鼠标右键直接粘贴** — 在输入框上右键即粘贴剪贴板内容（和 Linux 终端一致，不弹菜单）；粘贴走与 Ctrl+V 完全一致的管线（图片与引用 chip 行为一致），execCommand 路径被限制时自动回退到 Clipboard API 手动插入。
 6. **跨会话历史记忆**（设置里可开关，默认关）— 开启后 ↑/↓ 历史在会话间保持，存于浏览器本地（上限 200 条），刷新/切换会话不丢失。
-7. **会话目录（Chat TOC）** — 聊天内容多时，对话左侧边缘有一个半透明、可拖动的把手（悬停变亮），点击展开按时间顺序列出你发送过的所有消息，点击任意一条即可跳转到对应位置；点击外部或按 Esc 关闭。可在设置里**一键开关**。
+7. **会话目录（Chat TOC）** — 聊天内容多时，对话左侧边缘有一个半透明、可拖动的把手（悬停变亮），点击展开按时间顺序列出你发送过的所有消息，点击任意一条即可跳转到对应位置；条目多时可在目录内滚动查看全部；点击外部或按 Esc 关闭。可在设置里**一键开关**。
 
 纯 UI 行为：不产生会话事件、不改变 agent 循环、不发起模型请求。召回/引用的文本只会进入输入框草稿，只有**你**按 Enter 才会到达模型。
 

package/README.pt.md

@@ -39,7 +39,7 @@
    - **Auto** (estilo terminal): copia a seleção direto para a área de transferência do sistema ao selecionar.
 5. **Botão direito cola diretamente** — um clique com o botão direito no compositor cola a área de transferência — sem menu de contexto, como num terminal Linux. A colagem usa o mesmo pipeline do Ctrl+V (imagens e chips de referência se comportam igual), com fallback da Clipboard API quando o caminho execCommand está bloqueado.
 6. **Histórico entre sessões** (alternância em Configurações, desligado por padrão) — mantém o histórico de ↑/↓ entre sessões, armazenado em localStorage do navegador (limite 200), sobrevive a recarregamentos e trocas de sessão.
-7. **TOC do chat (índice da conversa)** — quando a conversa fica longa, uma alça sutil, semitransparente e arrastável na borda esquerda do chat (acende no hover) expande um índice de cada mensagem de usuário em ordem — clique em qualquer item para saltar para aquele ponto; clique fora ou pressione Esc para fechar. Pode ser desativado nas Configurações.
+7. **TOC do chat (índice da conversa)** — quando a conversa fica longa, uma alça sutil, semitransparente e arrastável na borda esquerda do chat (acende no hover) expande um índice de cada mensagem de usuário em ordem — clique em qualquer item para saltar para aquele ponto e role por todas as entradas quando a lista ficar longa; clique fora ou pressione Esc para fechar. Pode ser desativado nas Configurações.
 
 Comportamento puro de UI: sem eventos de sessão, sem mudanças no loop do agente, sem requisições ao modelo. O texto recuperado ou citado só entra no rascunho comum do compositor — chega ao modelo apenas se *você* pressionar Enter.
 

package/lib/client.js

@@ -361,7 +361,7 @@ window.__ModuleLoader__.load({
 				const gripCenterY = gripTop + 26;
 				const natural = Math.min(panel.getBoundingClientRect().height, 480);
 				const maxHeight = Math.min(natural, window.innerHeight - 8);
-				const left = Math.max(4, Math.min(gripRight + gap, window.innerWidth - 230 - 4));
+				const left = Math.max(4, Math.min(gripRight + gap, window.innerWidth - 308));
 				const next = {
 					top: Math.max(4, Math.min(gripCenterY - maxHeight / 2, window.innerHeight - maxHeight - 4)),
 					left,
@@ -1138,10 +1138,10 @@ window.__ModuleLoader__.load({
 			".dsh-ph-group{margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}",
 			".dsh-ph-toc-grip{position:fixed;z-index:2147483000;width:20px;height:52px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-specific-menu);background:color-mix(in srgb,var(--dsw-specific-menu) 88%,#000);box-shadow:0 1px 4px rgba(0,0,0,.18);color:var(--dsw-alias-label-primary);font-size:14px;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s;display:flex;align-items:center;justify-content:center;padding:0;}",
 			".dsh-ph-toc-grip:hover{opacity:1;background:var(--dsw-alias-bg-layer-2);}",
-			".dsh-ph-toc{position:fixed;z-index:2147483000;width:220px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}",
+			".dsh-ph-toc{position:fixed;z-index:2147483000;width:300px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}",
 			".dsh-ph-toc-title{margin:0 4px 6px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}",
-			".dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;}",
-			".dsh-ph-toc-item{display:block;width:100%;text-align:left;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}",
+			".dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;min-height:0;flex:1 1 auto;overscroll-behavior:contain;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);}",
+			".dsh-ph-toc-item{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;cursor:pointer;overflow:hidden;white-space:normal;box-sizing:border-box;}",
 			".dsh-ph-toc-item:hover{background:var(--dsw-alias-bg-layer-2);}"
 		].join("");
 		/**
@@ -1153,7 +1153,7 @@ window.__ModuleLoader__.load({
 		*/
 		function apply(ctx) {
 			const style = document.createElement("style");
-			style.dataset.plugin = "dsh-prompt-history";
+			style.dataset.pluginCss = "dsh-ph-settings";
 			style.textContent = SETTINGS_CSS;
 			document.head.appendChild(style);
 			ctx.effect(() => ctx.locale.register(NS, {

package/lib/types/client/index.js

@@ -15,10 +15,12 @@ const SETTINGS_CSS = [
     '.dsh-ph-group{margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}',
     '.dsh-ph-toc-grip{position:fixed;z-index:2147483000;width:20px;height:52px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-specific-menu);background:color-mix(in srgb,var(--dsw-specific-menu) 88%,#000);box-shadow:0 1px 4px rgba(0,0,0,.18);color:var(--dsw-alias-label-primary);font-size:14px;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s;display:flex;align-items:center;justify-content:center;padding:0;}',
     '.dsh-ph-toc-grip:hover{opacity:1;background:var(--dsw-alias-bg-layer-2);}',
-    '.dsh-ph-toc{position:fixed;z-index:2147483000;width:220px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}',
+    '.dsh-ph-toc{position:fixed;z-index:2147483000;width:300px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}',
     '.dsh-ph-toc-title{margin:0 4px 6px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}',
-    '.dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;}',
-    '.dsh-ph-toc-item{display:block;width:100%;text-align:left;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}',
+    '.dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;min-height:0;flex:1 1 auto;overscroll-behavior:contain;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);}',
+    // Entries clamp to two lines so a long prompt stays readable (single-line
+    // ellipsis at 220px showed only ~13 chars and was unreadable).
+    '.dsh-ph-toc-item{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;cursor:pointer;overflow:hidden;white-space:normal;box-sizing:border-box;}',
     '.dsh-ph-toc-item:hover{background:var(--dsw-alias-bg-layer-2);}',
 ].join('');
 /**
@@ -30,7 +32,10 @@ const SETTINGS_CSS = [
  */
 export function apply(ctx) {
     const style = document.createElement('style');
-    style.dataset.plugin = 'dsh-prompt-history';
+    // data-plugin-css (not data-plugin): the theme/skin system also tags style
+    // elements with the bundle's package name, so a query on data-plugin would
+    // be ambiguous.
+    style.dataset.pluginCss = 'dsh-ph-settings';
     style.textContent = SETTINGS_CSS;
     document.head.appendChild(style);
     // Dictionaries + the vanilla-DOM translator (toolbar/pills/overlay/TOC).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-prompt-history",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "DSH web plugin: terminal-style input for the composer — bash-like Up/Down prompt history with prefix search and Ctrl+R, selection toolbar with copy and quote (Codex-style > blockquote), right-click paste, toggleable draggable chat TOC, fully internationalized (zh/en), with copy modes in Settings (history sourced from the session's own message log; zero config required).",
   "keywords": [
     "dsh",

package/src/client/ChatToc.tsx

@@ -161,7 +161,7 @@ export function ChatToc({ nodes }: ChatTocProps): JSX.Element {
     const gripCenterY = gripTop + 26 // grip height 52 → vertical center
     const natural = Math.min(panel.getBoundingClientRect().height, 480)
     const maxHeight = Math.min(natural, window.innerHeight - 8)
-    const left = Math.max(4, Math.min(gripRight + gap, window.innerWidth - 230 - 4))
+    const left = Math.max(4, Math.min(gripRight + gap, window.innerWidth - 308))
     // Prefer centering on the grip; clamp so both edges stay inside the viewport.
     const top = Math.max(4, Math.min(gripCenterY - maxHeight / 2, window.innerHeight - maxHeight - 4))
     const next = { top, left, maxHeight }

package/src/client/index.ts

@@ -31,10 +31,12 @@ const SETTINGS_CSS = [
   '.dsh-ph-group{margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}',
   '.dsh-ph-toc-grip{position:fixed;z-index:2147483000;width:20px;height:52px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-specific-menu);background:color-mix(in srgb,var(--dsw-specific-menu) 88%,#000);box-shadow:0 1px 4px rgba(0,0,0,.18);color:var(--dsw-alias-label-primary);font-size:14px;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s;display:flex;align-items:center;justify-content:center;padding:0;}',
   '.dsh-ph-toc-grip:hover{opacity:1;background:var(--dsw-alias-bg-layer-2);}',
-  '.dsh-ph-toc{position:fixed;z-index:2147483000;width:220px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}',
+  '.dsh-ph-toc{position:fixed;z-index:2147483000;width:300px;max-height:min(60vh,480px);display:flex;flex-direction:column;padding:8px;border-radius:12px;background:var(--dsw-specific-menu);border:1px solid var(--dsw-alias-border-l1);box-shadow:0 8px 28px rgba(0,0,0,.25);box-sizing:border-box;}',
   '.dsh-ph-toc-title{margin:0 4px 6px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}',
-  '.dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;}',
-  '.dsh-ph-toc-item{display:block;width:100%;text-align:left;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}',
+  '.dsh-ph-toc-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;min-height:0;flex:1 1 auto;overscroll-behavior:contain;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);}',
+  // Entries clamp to two lines so a long prompt stays readable (single-line
+  // ellipsis at 220px showed only ~13 chars and was unreadable).
+  '.dsh-ph-toc-item{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;cursor:pointer;overflow:hidden;white-space:normal;box-sizing:border-box;}',
   '.dsh-ph-toc-item:hover{background:var(--dsw-alias-bg-layer-2);}',
 ].join('')
 
@@ -47,7 +49,10 @@ const SETTINGS_CSS = [
  */
 export function apply(ctx: ClientContext): void {
   const style = document.createElement('style')
-  style.dataset.plugin = 'dsh-prompt-history'
+  // data-plugin-css (not data-plugin): the theme/skin system also tags style
+  // elements with the bundle's package name, so a query on data-plugin would
+  // be ambiguous.
+  style.dataset.pluginCss = 'dsh-ph-settings'
   style.textContent = SETTINGS_CSS
   document.head.appendChild(style)