@restregular/dsh-notepad 0.4.0 → 0.6.0

package/client.js

@@ -37,7 +37,7 @@ window.__ModuleLoader__.load({
   factory: (require) => {
     const React = require('react');
     const h = React.createElement;
-    const { useState, useEffect, useRef } = React;
+    const { useState, useEffect, useLayoutEffect, useRef } = React;
 
     const NS = 'dsh-notepad';
     const API = '/dsh-notepad/api';
@@ -56,6 +56,8 @@ window.__ModuleLoader__.load({
     const MAX_OPTIMIZE_CHARS = 60000;
     const SIDEBAR_REFRESH_MS = 20000;
     const IMAGE_DELETE_DELAY = 5000;
+    const OPTIMIZE_CACHE_LIMIT = 100;
+    const EDGE_GAP = 8;
     const IMAGE_MIME = {
       'image/png': 'png',
       'image/jpeg': 'jpg',
@@ -86,6 +88,10 @@ window.__ModuleLoader__.load({
         insert: '插入到输入框',
         insertSegment: '插入此段',
         insertSelected: '插入选中的 {n} 段',
+        insertNewSession: '在新会话中插入',
+        insertNewSelected: '在新会话中插入选中的 {n} 段',
+        insertNewDone: '已在新会话中填入内容',
+        insertNewUnavailable: '无法新建会话，内容已复制',
         inserted: '已插入输入框',
         insertEmpty: '没有可插入的内容',
         insertUnavailable: '输入框暂不可用，内容已复制',
@@ -97,6 +103,10 @@ window.__ModuleLoader__.load({
         send: '发送',
         sendSegment: '发送此段',
         sendSelected: '发送选中的 {n} 段',
+        sendNewSession: '在新会话中发送',
+        sendNewSelected: '在新会话中发送选中的 {n} 段',
+        sendNewDone: '已在新会话中发送',
+        sendNewUnavailable: '无法新建会话，内容已复制',
         sending: '发送中…',
         sent: '已发送',
         sendFailed: '发送失败',
@@ -114,11 +124,14 @@ window.__ModuleLoader__.load({
         mergeHint: '至少选择 2 段才能合并',
         mergedToast: '已合并 {n} 段',
         optimizeSegment: 'AI 优化此段',
-        optimizeAll: 'AI 优化全部分段',
+        optimizeSelected: 'AI 优化选中的 {n} 段',
+        optimizeSelectHint: '勾选分段后可批量优化',
         optimizeAllProgress: 'AI 优化中 {done}/{total}',
         optimizing: '优化中…',
+        undoOptimize: '撤销优化',
         optimizedToast: '已优化此段',
         optimizedCount: '已优化 {n} 段',
+        optimizeUndone: '已撤销优化',
         optimizeEmpty: '没有可优化的文字',
         optimizeTooLong: '内容太长，无法优化',
         optimizeUnavailable: 'AI 服务不可用',
@@ -142,6 +155,12 @@ window.__ModuleLoader__.load({
         restoredToast: '已恢复',
         restoredCount: '已恢复 {n} 段',
         deleteSegment: '删除此段',
+        deleteActiveSegment: '删除此段（不可恢复）',
+        deleteConfirmTitle: '删除这个分段？',
+        deleteConfirmBody: '删除后无法恢复。分段里的文字和图片引用会一起移除。',
+        deleteConfirmHint: '此操作不可撤销',
+        deleteConfirmCancel: '取消',
+        deleteConfirmOk: '删除',
         deletedToast: '已删除',
         clearArchive: '清空归档',
         clearedArchive: '已清空 {n} 段归档',
@@ -155,12 +174,24 @@ window.__ModuleLoader__.load({
         show: '显示记事本（Ctrl+Shift+N）',
         chars: '{n} 字符',
         segments: '{n} 段',
-        hint: 'Enter 新建分段 · Shift+Enter 换行 · Ctrl+Enter 插入 · 支持粘贴图片',
+        hintNext: '点击查看下一条快捷键',
+        hintEnter: 'Enter 新建分段',
+        hintNewline: 'Shift+Enter 分段内换行',
+        hintInsert: 'Ctrl+Enter 插入当前分段',
+        hintToggle: 'Ctrl+Shift+N 显示 / 隐藏浮窗',
+        hintReset: 'Ctrl+Shift+0 复位浮窗',
+        hintArrow: '↑ / ↓ 切换分段',
+        hintPaste: '粘贴图片自动保存到工作区',
+        resetShortcut: '复位记事本位置和尺寸',
         workspace: '工作区',
         resize: '拖动调整大小',
+        uiReset: '已复位浮窗位置和尺寸',
         addImage: '添加图片',
         removeImage: '移除图片',
         openImage: '打开图片',
+        imagePreview: '图片预览',
+        closePreview: '关闭预览',
+        openOriginal: '打开原图',
         imageAdded: '已添加 {n} 张图片',
         imageFailed: '图片添加失败',
         imageUnsupported: '只支持 PNG / JPEG / WebP / GIF 图片',
@@ -190,6 +221,10 @@ window.__ModuleLoader__.load({
         insert: 'Insert into composer',
         insertSegment: 'Insert this segment',
         insertSelected: 'Insert {n} selected',
+        insertNewSession: 'Insert into a new session',
+        insertNewSelected: 'Insert {n} selected into a new session',
+        insertNewDone: 'Filled into a new session',
+        insertNewUnavailable: 'Could not create a session; copied instead',
         inserted: 'Inserted into composer',
         insertEmpty: 'Nothing to insert',
         insertUnavailable: 'Composer unavailable; copied instead',
@@ -201,6 +236,10 @@ window.__ModuleLoader__.load({
         send: 'Send',
         sendSegment: 'Send this segment',
         sendSelected: 'Send {n} selected',
+        sendNewSession: 'Send into a new session',
+        sendNewSelected: 'Send {n} selected into a new session',
+        sendNewDone: 'Sent into a new session',
+        sendNewUnavailable: 'Could not create a session; copied instead',
         sending: 'Sending…',
         sent: 'Sent',
         sendFailed: 'Send failed',
@@ -218,11 +257,14 @@ window.__ModuleLoader__.load({
         mergeHint: 'Select at least 2 segments to merge',
         mergedToast: 'Merged {n} segments',
         optimizeSegment: 'Improve this segment with AI',
-        optimizeAll: 'Improve all segments with AI',
+        optimizeSelected: 'Improve {n} selected with AI',
+        optimizeSelectHint: 'Select segments to improve',
         optimizeAllProgress: 'Improving {done}/{total}',
         optimizing: 'Improving…',
+        undoOptimize: 'Undo improvement',
         optimizedToast: 'Segment improved',
         optimizedCount: 'Improved {n} segments',
+        optimizeUndone: 'Improvement undone',
         optimizeEmpty: 'Nothing to improve',
         optimizeTooLong: 'Too long to improve',
         optimizeUnavailable: 'AI service unavailable',
@@ -246,6 +288,12 @@ window.__ModuleLoader__.load({
         restoredToast: 'Restored',
         restoredCount: 'Restored {n}',
         deleteSegment: 'Delete this segment',
+        deleteActiveSegment: 'Delete this segment (cannot be undone)',
+        deleteConfirmTitle: 'Delete this segment?',
+        deleteConfirmBody: 'This cannot be undone. The text and image references in the segment will be removed too.',
+        deleteConfirmHint: 'This action cannot be undone',
+        deleteConfirmCancel: 'Cancel',
+        deleteConfirmOk: 'Delete',
         deletedToast: 'Deleted',
         clearArchive: 'Clear archive',
         clearedArchive: 'Cleared {n} archived',
@@ -259,12 +307,24 @@ window.__ModuleLoader__.load({
         show: 'Show notepad (Ctrl+Shift+N)',
         chars: '{n} chars',
         segments: '{n} segments',
-        hint: 'Enter new segment · Shift+Enter newline · Ctrl+Enter insert · Paste images',
+        hintNext: 'Click for the next shortcut',
+        hintEnter: 'Enter creates a segment',
+        hintNewline: 'Shift+Enter adds a line break',
+        hintInsert: 'Ctrl+Enter inserts the current segment',
+        hintToggle: 'Ctrl+Shift+N shows / hides the notepad',
+        hintReset: 'Ctrl+Shift+0 resets the floating window',
+        hintArrow: '↑ / ↓ switch segments',
+        hintPaste: 'Pasted images are saved in the workspace',
+        resetShortcut: 'Reset the notepad position and size',
         workspace: 'Workspace',
         resize: 'Drag to resize',
+        uiReset: 'Window position and size reset',
         addImage: 'Add image',
         removeImage: 'Remove image',
         openImage: 'Open image',
+        imagePreview: 'Image preview',
+        closePreview: 'Close preview',
+        openOriginal: 'Open original',
         imageAdded: 'Added {n} image(s)',
         imageFailed: 'Could not add image',
         imageUnsupported: 'Only PNG / JPEG / WebP / GIF images are supported',
@@ -277,6 +337,17 @@ window.__ModuleLoader__.load({
       },
     };
 
+    /** Rotating shortcut tips shown one at a time in the footer. */
+    const HINT_KEYS = [
+      'hintEnter',
+      'hintNewline',
+      'hintInsert',
+      'hintToggle',
+      'hintReset',
+      'hintArrow',
+      'hintPaste',
+    ];
+
     function preferredLanguage() {
       try {
         const tag = String((typeof navigator !== 'undefined' && navigator.language) || 'zh').toLowerCase();
@@ -548,6 +619,78 @@ window.__ModuleLoader__.load({
       );
     }
 
+    /** Curved arrow: undo the last AI improvement. */
+    function UndoIcon({ size = 16 }) {
+      return h(
+        Svg,
+        { size, viewBox: '0 0 16 16' },
+        h('path', {
+          d: 'M5.4 4.2 2.8 6.8l2.6 2.6',
+          stroke: 'currentColor', strokeWidth: 1.35,
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        }),
+        h('path', {
+          d: 'M3 6.8h5.3c2.7 0 4.9 2.2 4.9 4.9',
+          stroke: 'currentColor', strokeWidth: 1.35,
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        }),
+      );
+    }
+
+    /** Two panels, the second with a plus: start a new session. */
+    function NewSessionIcon({ size = 16 }) {
+      return h(
+        Svg,
+        { size, viewBox: '0 0 16 16' },
+        h('rect', {
+          x: 1.9, y: 3.2, width: 5.1, height: 9.4, rx: 1.4,
+          stroke: 'currentColor', strokeWidth: 1.25,
+        }),
+        h('rect', {
+          x: 8.7, y: 3.2, width: 5.4, height: 9.4, rx: 1.4,
+          stroke: 'currentColor', strokeWidth: 1.25,
+        }),
+        h('path', {
+          d: 'M11.4 6.1v3.8M9.5 8h3.8',
+          stroke: 'currentColor', strokeWidth: 1.25, strokeLinecap: 'round',
+        }),
+      );
+    }
+
+    /** Circular arrow: reset the floating window geometry. */
+    function ResetIcon({ size = 16 }) {
+      return h(
+        Svg,
+        { size, viewBox: '0 0 16 16' },
+        h('path', {
+          d: 'M13 8a5 5 0 1 1-1.6-3.7',
+          stroke: 'currentColor', strokeWidth: 1.35, strokeLinecap: 'round',
+        }),
+        h('path', {
+          d: 'M13.3 2.7v3.4H9.9',
+          stroke: 'currentColor', strokeWidth: 1.35,
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        }),
+      );
+    }
+
+    /** Arrow leaving a frame: open the original image. */
+    function OpenIcon({ size = 16 }) {
+      return h(
+        Svg,
+        { size, viewBox: '0 0 16 16' },
+        h('path', {
+          d: 'M9.4 3.2h3.4v3.4M12.8 3.2 7.6 8.4',
+          stroke: 'currentColor', strokeWidth: 1.3,
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        }),
+        h('path', {
+          d: 'M12.4 9.4v2.3c0 .7-.6 1.3-1.3 1.3H4.6c-.7 0-1.3-.6-1.3-1.3V5.2c0-.7.6-1.3 1.3-1.3h2.3',
+          stroke: 'currentColor', strokeWidth: 1.3, strokeLinecap: 'round',
+        }),
+      );
+    }
+
     /** Two arrows converging: merge selected segments into one. */
     function MergeIcon({ size = 16 }) {
       return h(
@@ -608,7 +751,7 @@ window.__ModuleLoader__.load({
 .dsh-np-btn[data-accent=true]{background:var(--np-accent);color:var(--np-accent-fg)}
 .dsh-np-btn[data-accent=true]:hover:not(:disabled){background:color-mix(in srgb,var(--np-accent) 88%,#000);color:var(--np-accent-fg)}
 .dsh-np-btn:disabled{opacity:.38;cursor:default;background:transparent;color:var(--dsw-alias-label-tertiary,#6b7280)}
-.dsh-np-btn:focus-visible,.dsh-np-segbtn:focus-visible,.dsh-np-link:focus-visible,.dsh-np-empty-add:focus-visible,.dsh-np-toast-action:focus-visible,.dsh-np-selectall input:focus-visible,.dsh-np-check input:focus-visible,.dsh-np-restore:focus-visible,.dsh-np-img-open:focus-visible,.dsh-np-img-remove:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4176e6));outline-offset:-2px}
+.dsh-np-btn:focus-visible,.dsh-np-segbtn:focus-visible,.dsh-np-link:focus-visible,.dsh-np-empty-add:focus-visible,.dsh-np-toast-action:focus-visible,.dsh-np-selectall input:focus-visible,.dsh-np-check input:focus-visible,.dsh-np-title-add:focus-visible,.dsh-np-preview-btn:focus-visible,.dsh-np-confirm-btn:focus-visible,button.dsh-np-hint:focus-visible,.dsh-np-restore:focus-visible,.dsh-np-img-open:focus-visible,.dsh-np-img-remove:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary,#4176e6));outline-offset:-2px}
 .dsh-np-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:8px 10px 0;opacity:1;transition:opacity .16s ease,visibility 0s linear 0s}
 .dsh-np-card[data-minimized=true] .dsh-np-body{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}
 .dsh-np-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:none;padding:0 2px 7px;border-bottom:1px solid var(--dsw-alias-border-l1,rgb(15 23 42/.08))}
@@ -633,6 +776,7 @@ window.__ModuleLoader__.load({
 .dsh-np-title-input::placeholder{color:var(--dsw-alias-label-caption,#9aa3b2);font-weight:400}
 .dsh-np-title-input:hover{background:var(--dsw-alias-interactive-bg-hover,rgb(38 49 72/.06))}
 .dsh-np-title-input:focus{background:var(--np-surface);box-shadow:0 0 0 1px var(--np-accent) inset;color:var(--dsw-alias-label-primary,#1f2430)}
+.dsh-np-title-add{flex:1 1 auto;min-width:0;width:0;height:20px;padding:0 4px;border:0;border-radius:5px;background:transparent;color:var(--dsw-alias-label-caption,#9aa3b2);font:inherit;font-size:11px;font-weight:400;line-height:20px;text-align:left;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}
 .dsh-np-seg-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary,#4b5563);font-size:11px;font-weight:600}
 .dsh-np-archived-chip{flex:none;padding:0 6px;border-radius:5px;background:var(--dsw-alias-interactive-bg-hover,rgb(38 49 72/.06));color:var(--dsw-alias-label-tertiary,#6b7280);font-size:10px;line-height:16px}
 .dsh-np-segbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary,#6b7280);cursor:pointer;transition:background .12s,color .12s,opacity .12s;opacity:.8}
@@ -640,6 +784,11 @@ window.__ModuleLoader__.load({
 .dsh-np-segbtn[data-ai=true]{color:var(--np-accent);opacity:1}
 .dsh-np-segbtn[data-danger=true]:hover:not(:disabled){color:var(--dsw-alias-state-error-primary,#e25555);background:var(--dsw-alias-interactive-bg-hover-danger,rgb(236 19 19/.05))}
 .dsh-np-segbtn:disabled{opacity:.3;cursor:default}
+.dsh-np-actiongroup{display:inline-flex;align-items:center;flex:none;padding:1px;border:1px solid transparent;border-radius:8px;transition:border-color .12s,background .12s}
+.dsh-np-actiongroup:hover,.dsh-np-actiongroup:focus-within{border-color:var(--dsw-alias-border-l2,rgb(15 23 42/.14));background:color-mix(in srgb,var(--np-surface-2) 58%,transparent)}
+.dsh-np-group-extra{width:0!important;min-width:0;padding:0;border:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:width .14s ease,opacity .12s ease,visibility 0s linear .14s}
+.dsh-np-actiongroup:hover .dsh-np-group-extra,.dsh-np-actiongroup:focus-within .dsh-np-group-extra{width:24px!important;opacity:1;visibility:visible;pointer-events:auto;transition:width .14s ease,opacity .12s ease,visibility 0s linear 0s}
+.dsh-np-actiongroup[data-size=bar]:hover .dsh-np-group-extra,.dsh-np-actiongroup[data-size=bar]:focus-within .dsh-np-group-extra{width:27px!important}
 .dsh-np-seg-text{display:block;width:100%;box-sizing:border-box;padding:2px 10px 8px;border:0;outline:0;resize:none;background:transparent;color:inherit;font-family:${FONT_STACK};font-size:13px;line-height:1.6;min-height:26px;max-height:240px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
 .dsh-np-seg-text::placeholder{color:var(--dsw-alias-label-caption,#9aa3b2)}
 .dsh-np-seg-text:disabled{opacity:.6}
@@ -677,6 +826,24 @@ window.__ModuleLoader__.load({
 .dsh-np-retry{flex:none;padding:0;border:0;background:none;color:var(--dsw-alias-link,#4176e6);font:inherit;font-size:10.5px;cursor:pointer;text-decoration:underline}
 .dsh-np-count{flex:none;font-variant-numeric:tabular-nums}
 .dsh-np-hint{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85;font-size:10px}
+button.dsh-np-hint{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:10px;cursor:pointer;text-align:right}
+button.dsh-np-hint:hover{opacity:1;color:var(--dsw-alias-label-secondary,#4b5563);text-decoration:underline}
+.dsh-np-preview{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:44px 20px 28px;background:rgb(8 12 20/.74);backdrop-filter:blur(3px);animation:dsh-np-fade .14s ease-out}
+.dsh-np-preview-img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 16px 40px rgb(0 0 0/.35)}
+.dsh-np-preview-bar{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px}
+.dsh-np-preview-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgb(255 255 255/.18);border-radius:7px;background:rgb(15 23 42/.55);color:#f8fafc;cursor:pointer;backdrop-filter:blur(4px)}
+.dsh-np-preview-btn:hover{background:rgb(15 23 42/.82)}
+.dsh-np-preview-name{position:absolute;left:12px;bottom:8px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5e7eb;font-size:11px}
+.dsh-np-confirm{position:absolute;inset:0;z-index:21;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(8 12 20/.55);backdrop-filter:blur(2px);animation:dsh-np-fade .14s ease-out}
+.dsh-np-confirm-card{width:min(100%,300px);padding:14px;border:1px solid var(--dsw-alias-border-l2,rgb(15 23 42/.14));border-radius:12px;background:var(--np-surface);box-shadow:var(--dsw-elevation-prominent,0 20px 50px rgb(15 23 42/.22))}
+.dsh-np-confirm-title{font-size:13px;font-weight:650;color:var(--dsw-alias-label-primary,#1f2430)}
+.dsh-np-confirm-body{margin-top:6px;color:var(--dsw-alias-label-secondary,#4b5563);font-size:12px;line-height:1.55}
+.dsh-np-confirm-hint{margin-top:8px;color:var(--dsw-alias-state-error-primary,#e25555);font-size:11px}
+.dsh-np-confirm-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}
+.dsh-np-confirm-btn{height:28px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2,rgb(15 23 42/.14));border-radius:7px;background:var(--np-surface-2);color:var(--dsw-alias-label-secondary,#4b5563);font:inherit;font-size:12px;cursor:pointer}
+.dsh-np-confirm-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgb(38 49 72/.06));color:var(--dsw-alias-label-primary,#1f2430)}
+.dsh-np-confirm-btn[data-danger=true]{border-color:transparent;background:var(--dsw-alias-state-error-primary,#e25555);color:#fff}
+.dsh-np-confirm-btn[data-danger=true]:hover{background:color-mix(in srgb,var(--dsw-alias-state-error-primary,#e25555) 86%,#000);color:#fff}
 .dsh-np-toast{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:5px 10px;border-radius:8px;background:var(--np-surface-2);border:1px solid var(--dsw-alias-border-l2,rgb(15 23 42/.12));box-shadow:var(--dsw-elevation-lv2,0 8px 24px rgb(15 23 42/.18));color:var(--dsw-alias-label-primary,#1f2430);font-size:11.5px;white-space:nowrap;overflow:hidden;animation:dsh-np-rise .16s ease-out}
 .dsh-np-toast-text{overflow:hidden;text-overflow:ellipsis}
 .dsh-np-toast-action{flex:none;padding:0;border:0;background:none;color:var(--dsw-alias-link,#4176e6);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:underline}
@@ -691,6 +858,7 @@ window.__ModuleLoader__.load({
 [data-row-key^="workspace:"][data-np-unsent]{position:relative}
 [data-row-key^="workspace:"][data-np-unsent]::after{content:attr(data-np-unsent);position:absolute;top:-4px;left:1px;z-index:2;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--dsw-alias-state-business-primary,#4176e6);color:#fff;font-size:9.5px;font-weight:700;line-height:15px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:0 0 0 1.5px var(--dsw-specific-sidebar-fill,var(--dsw-alias-bg-layer-1,#fff))}
 @keyframes dsh-np-pulse{0%,100%{opacity:1}50%{opacity:.35}}
+@keyframes dsh-np-fade{from{opacity:0}to{opacity:1}}
 @keyframes dsh-np-rise{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}
 @keyframes dsh-np-item-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
 @keyframes dsh-np-spin{to{transform:rotate(360deg)}}
@@ -698,7 +866,7 @@ body[data-ds-dark-theme] .dsh-np-card{--np-accent-fg:#0f1115;box-shadow:0 18px 4
 body[data-ds-dark-theme] .dsh-np-seg[data-selected=true]{background:color-mix(in srgb,var(--np-accent) 14%,var(--dsw-alias-bg-layer-2,#2c2c2e))}
 body[data-ds-dark-theme] .dsh-np-btn[data-accent=true]:hover:not(:disabled){background:color-mix(in srgb,var(--np-accent) 84%,#fff)}
 body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
-@media (prefers-reduced-motion:reduce){.dsh-np-card,.dsh-np-body,.dsh-np-archive,.dsh-np-restore,.dsh-np-seg,.dsh-np-toast{transition:none!important;animation:none!important}.dsh-np-dot[data-state=saving]{animation:none}.dsh-np-img-spinner,.dsh-np-mini-spinner{animation:none}}`;
+@media (prefers-reduced-motion:reduce){.dsh-np-card,.dsh-np-body,.dsh-np-archive,.dsh-np-restore,.dsh-np-seg,.dsh-np-toast,.dsh-np-actiongroup,.dsh-np-group-extra,.dsh-np-preview,.dsh-np-confirm{transition:none!important;animation:none!important}.dsh-np-dot[data-state=saving]{animation:none}.dsh-np-img-spinner,.dsh-np-mini-spinner{animation:none}}`;
 
     // ------------------------------------------------------------------
     // Helpers
@@ -1032,6 +1200,43 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       return parts.length === 0 ? String(root ?? '') : parts[parts.length - 1];
     }
 
+    /**
+     * Height of the chrome the host draws over the page (the Windows title bar
+     * with maximize / minimize / close, or the macOS traffic lights). The
+     * floating card must never move above that strip. The host exposes it as a
+     * CSS variable on <html>; standalone browsers have none, so this is 0.
+     * @returns {number}
+     */
+    function hostChromeTop() {
+      try {
+        const root = typeof document !== 'undefined' ? document.documentElement : null;
+        if (root === null || root === undefined) return 0;
+        const hasAttribute = (name) => typeof root.hasAttribute === 'function' && root.hasAttribute(name);
+        const readVar = (name) => {
+          try {
+            if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') return NaN;
+            const style = window.getComputedStyle(root);
+            return Number.parseFloat(style?.getPropertyValue(name) ?? '');
+          } catch {
+            return NaN;
+          }
+        };
+        // `--dsh-frame-chrome-top` is 0 while the host is in fullscreen.
+        const chrome = readVar('--dsh-frame-chrome-top');
+        if (Number.isFinite(chrome)) return Math.max(0, chrome);
+        const clearance = readVar('--dsh-frame-top-clearance');
+        if (Number.isFinite(clearance) && clearance > 0) return clearance;
+        if (hasAttribute('data-windows-titlebar')) {
+          const titlebar = readVar('--dsh-windows-titlebar-height');
+          return Number.isFinite(titlebar) && titlebar > 0 ? titlebar : 32;
+        }
+        const platform = typeof root.getAttribute === 'function' ? root.getAttribute('data-platform') : '';
+        return platform === 'darwin' ? 48 : 0;
+      } catch {
+        return 0;
+      }
+    }
+
     function readStoredUi() {
       const base = {
         x: null,
@@ -1064,17 +1269,18 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
     function clampUi(ui) {
       const vw = (typeof window !== 'undefined' && window.innerWidth) || 1280;
       const vh = (typeof window !== 'undefined' && window.innerHeight) || 800;
-      const widthLimit = Math.max(240, vw - 16);
-      const heightLimit = Math.max(180, vh - 16);
+      const minTop = hostChromeTop() + EDGE_GAP;
+      const widthLimit = Math.max(240, vw - EDGE_GAP * 2);
+      const heightLimit = Math.max(180, vh - minTop - EDGE_GAP);
       const width = Math.min(Math.max(MIN_W, Number(ui.width) || DEFAULT_W), widthLimit);
       const height = Math.min(Math.max(MIN_H, Number(ui.height) || DEFAULT_H), heightLimit);
       const displayHeight = ui.minimized ? HEAD_H : height;
       const x = ui.x === null || ui.x === undefined
-        ? vw - width - 24
-        : Math.min(Math.max(8, ui.x), Math.max(8, vw - width - 8));
+        ? Math.max(EDGE_GAP, vw - width - 24)
+        : Math.min(Math.max(EDGE_GAP, ui.x), Math.max(EDGE_GAP, vw - width - EDGE_GAP));
       const y = ui.y === null || ui.y === undefined
-        ? vh - displayHeight - 24
-        : Math.min(Math.max(8, ui.y), Math.max(8, vh - displayHeight - 8));
+        ? Math.max(minTop, vh - displayHeight - 24)
+        : Math.min(Math.max(minTop, ui.y), Math.max(minTop, vh - displayHeight - EDGE_GAP));
       return { ...ui, x, y, width, height };
     }
 
@@ -1185,6 +1391,38 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       }
     }
 
+    /** Mounted notepads register here so a host shortcut can reset them. */
+    const resetHandlers = new Set();
+
+    /** Whether the host shortcut service already owns Ctrl/Cmd+Shift+0. */
+    let resetShortcutHandledByHost = false;
+
+    /** Ask every mounted notepad to reset its position and size. */
+    function requestUiReset() {
+      let handled = false;
+      for (const handler of resetHandlers) {
+        try {
+          handler();
+          handled = true;
+        } catch {
+          /* One failing overlay must not block the others. */
+        }
+      }
+      return handled;
+    }
+
+    /** Read the General Settings "send behavior while busy" preference. */
+    function busyEnterPreference(ctx) {
+      try {
+        const forms = ctx.get('configForms') ?? ctx.configForms;
+        const form = typeof forms?.get === 'function' ? forms.get('ui-conversation') : undefined;
+        const value = form?.getSnapshot?.()?.value;
+        return value?.busyEnter === 'steer' ? 'steer' : 'queue';
+      } catch {
+        return 'queue';
+      }
+    }
+
     // ------------------------------------------------------------------
     // Overlay
     // ------------------------------------------------------------------
@@ -1201,7 +1439,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       const [error, setError] = useState('');
       const [savedAt, setSavedAt] = useState(null);
       const [toast, setToast] = useState(null);
-      const [ui, setUi] = useState(readStoredUi);
+      const [ui, setUi] = useState(() => clampUi(readStoredUi()));
       const [sending, setSending] = useState(false);
       const [resizing, setResizing] = useState(false);
       const [uploading, setUploading] = useState({});
@@ -1209,7 +1447,13 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       const [reorderDrag, setReorderDrag] = useState('');
       const [reorderOver, setReorderOver] = useState(null);
       const [optimizing, setOptimizing] = useState(() => new Set());
-      const [optimizeAll, setOptimizeAll] = useState(null);
+      const [optimizeBatch, setOptimizeBatch] = useState(null);
+      const [segmentUndo, setSegmentUndo] = useState(() => new Map());
+      const [batchUndo, setBatchUndo] = useState(null);
+      const [titleEditing, setTitleEditing] = useState('');
+      const [previewImage, setPreviewImage] = useState(null);
+      const [deleteConfirm, setDeleteConfirm] = useState('');
+      const [hintIndex, setHintIndex] = useState(0);
       const [wsCounts, setWsCounts] = useState({});
       const [currentWsId, setCurrentWsId] = useState('');
 
@@ -1235,9 +1479,13 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       const fileInputRefs = useRef(new Map());
       const listRef = useRef(null);
       const pendingFocusRef = useRef(null);
+      const pendingScrollRef = useRef(null);
+      const refreshSeqRef = useRef(0);
       const undoRef = useRef(null);
       const optimizingRef = useRef(new Set());
-      const optimizeAllRef = useRef(false);
+      const optimizeBatchRef = useRef(false);
+      const optimizeCacheRef = useRef(new Map());
+      const batchUndoRef = useRef(null);
       const reorderDragRef = useRef('');
       const reorderOverRef = useRef(null);
       const imageDeleteTimersRef = useRef(new Map());
@@ -1259,6 +1507,17 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         if (changed) setSelection(pruned);
       };
 
+      /** Keep the ref and the state in sync for the batch-optimize undo slot. */
+      const setBatchUndoState = (value) => {
+        batchUndoRef.current = value;
+        setBatchUndo(value);
+      };
+
+      /** Any local edit invalidates the "undo the last batch" offer. */
+      const invalidateBatchUndo = () => {
+        if (batchUndoRef.current !== null) setBatchUndoState(null);
+      };
+
       // Session + workspace -------------------------------------------------
       useEffect(() => {
         let disposed = false;
@@ -1335,6 +1594,24 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         toastTimerRef.current = setTimeout(() => setToast(null), action === undefined || action === null ? 1800 : 5000);
       };
 
+      const resetGeometry = () => {
+        setUi((previous) => clampUi({
+          ...previous,
+          x: null,
+          y: null,
+          width: DEFAULT_W,
+          height: DEFAULT_H,
+        }));
+        showToast(t('uiReset'));
+      };
+
+      useEffect(() => {
+        resetHandlers.add(resetGeometry);
+        return () => {
+          resetHandlers.delete(resetGeometry);
+        };
+      }, []);
+
       const scheduleSave = () => {
         clearTimer();
         timerRef.current = setTimeout(() => {
@@ -1378,6 +1655,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       saveNowRef.current = saveNow;
 
       const commitSegments = (next, options = {}) => {
+        invalidateBatchUndo();
         segmentsRef.current = next;
         setSegments(next);
         pruneSelectionFor(next);
@@ -1396,11 +1674,20 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           segmentsRef.current = [];
           setSegments([]);
           setSelection(new Set());
+          setSegmentUndo(new Map());
+          setBatchUndoState(null);
+          setTitleEditing('');
+          setPreviewImage(null);
+          setDeleteConfirm('');
+          pendingScrollRef.current = null;
           setStatus('idle');
           setError('');
           return undefined;
         }
-        if (dirtyRef.current && rootRef.current !== '' && rootRef.current !== binding.cwd) {
+        if (dirtyRef.current && rootRef.current !== '') {
+          // Flush the old workspace/session note before this binding replaces
+          // the in-memory segments; a same-workspace session switch must not
+          // drop a still-debounced edit.
           saveNowRef.current?.({ force: true });
         }
         clearTimer();
@@ -1412,6 +1699,12 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         segmentsRef.current = [];
         setSegments([]);
         setSelection(new Set());
+        setSegmentUndo(new Map());
+        setBatchUndoState(null);
+        setTitleEditing('');
+        setPreviewImage(null);
+        setDeleteConfirm('');
+        pendingScrollRef.current = null;
         setStatus('loading');
         setError('');
         const load = () => {
@@ -1430,6 +1723,8 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               segmentsRef.current = value;
               setSegments(value);
               setSelection(new Set());
+              setSegmentUndo(new Map());
+              setBatchUndoState(null);
               versionRef.current = typeof data.mtimeMs === 'number' ? data.mtimeMs : null;
               setSavedAt(typeof data.mtimeMs === 'number' ? data.mtimeMs : null);
               dirtyRef.current = false;
@@ -1566,14 +1861,36 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         autoGrow(element);
       }, [segments]);
 
+      // Restore a captured scroll offset right after a refresh commits ------
+      useLayoutEffect(() => {
+        const pending = pendingScrollRef.current;
+        if (pending === null || pending === undefined) return;
+        pendingScrollRef.current = null;
+        const list = listRef.current;
+        if (list === null || list === undefined) return;
+        try {
+          list.scrollTop = pending;
+        } catch {
+          /* A detached list cannot be scrolled. */
+        }
+      }, [segments]);
+
       // Keyboard ------------------------------------------------------------
       useEffect(() => {
         const onKeyDown = (event) => {
           const chord = event.ctrlKey || event.metaKey;
-          if (!chord || !event.shiftKey) return;
-          if (event.key !== 'N' && event.key !== 'n') return;
-          event.preventDefault();
-          setUi((previous) => clampUi({ ...previous, hidden: !previous.hidden }));
+          if (!chord || !event.shiftKey || event.altKey) return;
+          if (event.key === 'N' || event.key === 'n') {
+            event.preventDefault();
+            setUi((previous) => clampUi({ ...previous, hidden: !previous.hidden }));
+            return;
+          }
+          if (!resetShortcutHandledByHost
+            && (event.key === '0' || event.key === ')' || event.code === 'Digit0'
+              || event.code === 'Numpad0' || event.keyCode === 48)) {
+            event.preventDefault();
+            resetGeometry();
+          }
         };
         window.addEventListener('keydown', onKeyDown, true);
         return () => {
@@ -1585,6 +1902,19 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         };
       }, []);
 
+      // Close the preview / delete confirmation with Escape ----------------
+      useEffect(() => {
+        if (previewImage === null && deleteConfirm === '') return undefined;
+        const onKeyDown = (event) => {
+          if (event.key !== 'Escape') return;
+          event.preventDefault();
+          setPreviewImage(null);
+          setDeleteConfirm('');
+        };
+        window.addEventListener('keydown', onKeyDown, true);
+        return () => window.removeEventListener('keydown', onKeyDown, true);
+      }, [previewImage, deleteConfirm]);
+
       // Flush on page hide / reload -----------------------------------------
       useEffect(() => {
         const flush = () => {
@@ -1616,10 +1946,25 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           const active = typeof document !== 'undefined' ? document.activeElement : null;
           if (active !== null && active !== undefined && typeof active.closest === 'function'
             && active.closest('[data-dsh-notepad="true"]') !== null) return;
+          // Snapshot the scroll offset right before the refresh; the list may
+          // re-render (and jump) while the updated note is applied.
+          const list = listRef.current;
+          const scrollTop = list !== null && list !== undefined && Number.isFinite(list.scrollTop)
+            ? list.scrollTop
+            : null;
+          const mySeq = ++refreshSeqRef.current;
+          pendingScrollRef.current = scrollTop;
           fetchNote(root, sessionId)
             .then((data) => {
-              if (rootRef.current !== root || dirtyRef.current) return;
-              if (typeof data.mtimeMs === 'number' && data.mtimeMs === versionRef.current) return;
+              if (mySeq !== refreshSeqRef.current) return;
+              if (rootRef.current !== root || dirtyRef.current) {
+                pendingScrollRef.current = null;
+                return;
+              }
+              if (typeof data.mtimeMs === 'number' && data.mtimeMs === versionRef.current) {
+                pendingScrollRef.current = null;
+                return;
+              }
               let incoming = normalizeServerSegments(data);
               if (isLegacyPayload(data)) incoming = incoming.slice().reverse();
               if (incoming.length === 0) incoming = [newSegment('')];
@@ -1627,11 +1972,15 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               segmentsRef.current = value;
               setSegments(value);
               pruneSelectionFor(value);
+              setSegmentUndo(new Map());
+              setBatchUndoState(null);
               versionRef.current = typeof data.mtimeMs === 'number' ? data.mtimeMs : null;
               setSavedAt(typeof data.mtimeMs === 'number' ? data.mtimeMs : null);
               setStatus('saved');
             })
-            .catch(() => {});
+            .catch(() => {
+              if (mySeq === refreshSeqRef.current) pendingScrollRef.current = null;
+            });
         };
         const onVisibility = () => {
           if (typeof document !== 'undefined' && document.visibilityState === 'visible') refresh();
@@ -1650,9 +1999,17 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
 
       // Segment mutations ---------------------------------------------------
       const updateSegmentText = (id, value) => {
+        invalidateBatchUndo();
         const next = segmentsRef.current.map((segment) => (segment.id === id ? { ...segment, text: value } : segment));
         segmentsRef.current = next;
         setSegments(next);
+        setSegmentUndo((previous) => {
+          const record = previous.get(id);
+          if (record === undefined || record.after === value) return previous;
+          const pruned = new Map(previous);
+          pruned.delete(id);
+          return pruned;
+        });
         dirtyRef.current = true;
         setStatus('dirty');
         setError('');
@@ -1663,6 +2020,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         const title = String(value ?? '').slice(0, MAX_TITLE_CHARS);
         const target = segmentsRef.current.find((segment) => segment.id === id);
         if (target === undefined || target.title === title) return;
+        invalidateBatchUndo();
         const next = segmentsRef.current.map((segment) => (segment.id === id ? { ...segment, title } : segment));
         segmentsRef.current = next;
         setSegments(next);
@@ -1785,6 +2143,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         const stillReferenced = next.some((segment) =>
           (Array.isArray(segment.images) ? segment.images : []).some((image) => image.path === pathValue));
         commitSegments(next);
+        if (previewImage !== null && previewImage.path === pathValue) setPreviewImage(null);
         if (!stillReferenced) deleteImageFile(pathValue);
       };
 
@@ -1815,7 +2174,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         const files = clipboardImageFiles(data);
         if (files.length === 0) return;
         event.preventDefault?.();
-        event.stopPropagation?.();
+        event?.stopPropagation?.();
         attachImages(id, files, 'paste');
       };
 
@@ -1824,7 +2183,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         setDragSegment('');
         if (files.length === 0) return;
         event.preventDefault?.();
-        event.stopPropagation?.();
+        event?.stopPropagation?.();
         attachImages(id, files, 'pick');
       };
 
@@ -1844,11 +2203,15 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       };
 
       const openImage = (image) => {
+        setPreviewImage({ path: image.path, name: image.name });
+      };
+
+      const openOriginalImage = (image) => {
         const url = imageUrl(image.path, rootRef.current);
         try {
           window.open(url, '_blank', 'noopener,noreferrer');
         } catch {
-          /* Popups may be blocked; the path remains available in the title. */
+          /* Popups may be blocked; the in-panel preview still works. */
         }
       };
 
@@ -1935,6 +2298,8 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         if (record === null || record === undefined) return;
         undoRef.current = null;
         clearPendingImageDeletes();
+        setSegmentUndo(new Map());
+        setBatchUndoState(null);
         commitSegments(record.snapshot);
         setToast(null);
       };
@@ -1949,6 +2314,28 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         showToast(t('deletedToast'), { label: t('undo'), onClick: undoLast });
       };
 
+      /** Irreversible delete for an active segment, gated by a confirmation. */
+      const deleteActiveSegment = (id) => {
+        setDeleteConfirm('');
+        setPreviewImage(null);
+        const target = segmentsRef.current.find((segment) => segment.id === id && segment.archived !== true);
+        if (target === undefined) return;
+        // This delete cannot be undone: retire any older snackbar undo so it
+        // cannot resurrect the segment through a stale snapshot.
+        undoRef.current = null;
+        setToast(null);
+        setSegmentUndo((previous) => {
+          if (!previous.has(id)) return previous;
+          const updated = new Map(previous);
+          updated.delete(id);
+          return updated;
+        });
+        const next = segmentsRef.current.filter((segment) => segment.id !== id);
+        commitSegments(next);
+        scheduleImageCleanup(target.images);
+        showToast(t('deletedToast'));
+      };
+
       const clearArchive = () => {
         const archived = segmentsRef.current.filter((segment) => segment.archived === true);
         if (archived.length === 0) return;
@@ -2046,7 +2433,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         const types = event?.dataTransfer?.types;
         if (types !== undefined && types !== null && !Array.from(types).includes('application/x-dsh-notepad-segment')) return;
         event.preventDefault?.();
-        event.stopPropagation?.();
+        event?.stopPropagation?.();
         const rect = typeof event.currentTarget?.getBoundingClientRect === 'function'
           ? event.currentTarget.getBoundingClientRect()
           : null;
@@ -2071,7 +2458,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         setReorderTarget(null);
         if (source === '') return;
         event.preventDefault?.();
-        event.stopPropagation?.();
+        event?.stopPropagation?.();
         reorderSegments(source, id, target?.after === true);
       };
 
@@ -2084,14 +2471,33 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         setOptimizing(next);
       };
 
+      /** Cache key: the prompt depends on the workspace, title and card text. */
+      const optimizationCacheKey = (root, segment) =>
+        `${root}\u0000${segment.title ?? ''}\u0000${segment.text}`;
+
+      const rememberOptimization = (key, value) => {
+        const cache = optimizeCacheRef.current;
+        cache.delete(key);
+        cache.set(key, value);
+        while (cache.size > OPTIMIZE_CACHE_LIMIT) {
+          const oldest = cache.keys().next();
+          if (oldest.done === true) break;
+          cache.delete(oldest.value);
+        }
+      };
+
       const requestOptimization = async (segment) => {
         const root = rootRef.current;
         const sessionId = rootSessionRef.current;
         if (root === '' || sessionId === '') throw new Error(t('optimizeUnavailable'));
         if (segment.text.length > MAX_OPTIMIZE_CHARS) throw new Error(t('optimizeTooLong'));
+        const cacheKey = optimizationCacheKey(root, segment);
+        const cached = optimizeCacheRef.current.get(cacheKey);
+        if (typeof cached === 'string' && cached !== '') return cached;
         const data = await optimizeNoteText(root, sessionId, segment.text, segment.title ?? '');
         const value = typeof data.text === 'string' ? data.text.trim() : '';
         if (value === '') throw new Error(t('optimizeFailed'));
+        rememberOptimization(cacheKey, value);
         return value;
       };
 
@@ -2102,18 +2508,21 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           showToast(t('optimizeEmpty'));
           return;
         }
-        const snapshot = segmentsRef.current;
         const original = target.text;
         markOptimizing(id, true);
         try {
           const value = await requestOptimization(target);
           const current = segmentsRef.current.find((segment) => segment.id === id);
           if (current === undefined || current.text !== original || value === original) return;
-          undoRef.current = { snapshot };
           const next = segmentsRef.current.map((segment) =>
             (segment.id === id ? { ...segment, text: value } : segment));
           commitSegments(next);
-          showToast(t('optimizedToast'), { label: t('undo'), onClick: undoLast });
+          setSegmentUndo((previous) => {
+            const updated = new Map(previous);
+            updated.set(id, { before: original, after: value });
+            return updated;
+          });
+          showToast(t('optimizedToast'));
         } catch (reason) {
           const message = String(reason?.message ?? reason);
           showToast(message === t('optimizeTooLong') || message === t('optimizeUnavailable')
@@ -2124,20 +2533,46 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         }
       };
 
-      const optimizeAllSegments = async () => {
-        if (optimizeAllRef.current) return;
+      const undoOptimizeSegment = (id) => {
+        const record = segmentUndo.get(id);
+        const current = segmentsRef.current.find((segment) => segment.id === id);
+        if (record !== undefined && current !== undefined && current.text === record.after) {
+          const next = segmentsRef.current.map((segment) =>
+            (segment.id === id ? { ...segment, text: record.before } : segment));
+          commitSegments(next);
+          setSegmentUndo((previous) => {
+            if (!previous.has(id)) return previous;
+            const updated = new Map(previous);
+            updated.delete(id);
+            return updated;
+          });
+          showToast(t('optimizeUndone'));
+          return;
+        }
+        setSegmentUndo((previous) => {
+          if (!previous.has(id)) return previous;
+          const updated = new Map(previous);
+          updated.delete(id);
+          return updated;
+        });
+      };
+
+      /** Improve only the checked segments; identical text is answered from cache. */
+      const optimizeSelectedSegments = async () => {
+        if (optimizeBatchRef.current) return;
+        const ids = new Set(selectedRef.current);
         const targets = segmentsRef.current.filter((segment) =>
-          segment.archived !== true && segment.text.trim() !== '');
+          segment.archived !== true && ids.has(segment.id) && segment.text.trim() !== '');
         if (targets.length === 0) {
           showToast(t('optimizeEmpty'));
           return;
         }
-        optimizeAllRef.current = true;
+        optimizeBatchRef.current = true;
         const snapshot = segmentsRef.current;
         let done = 0;
         let changed = 0;
         let failed = 0;
-        setOptimizeAll({ done, total: targets.length });
+        setOptimizeBatch({ done, total: targets.length });
         try {
           for (const target of targets) {
             const current = segmentsRef.current.find((segment) =>
@@ -2152,6 +2587,11 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
                       ? { ...segment, text: value }
                       : segment));
                   commitSegments(next);
+                  setSegmentUndo((previous) => {
+                    const updated = new Map(previous);
+                    updated.set(target.id, { before: current.text, after: value });
+                    return updated;
+                  });
                   changed += 1;
                 }
               } catch {
@@ -2161,20 +2601,29 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               }
             }
             done += 1;
-            setOptimizeAll({ done, total: targets.length });
+            setOptimizeBatch({ done, total: targets.length });
           }
           if (changed > 0) {
-            undoRef.current = { snapshot };
-            showToast(t('optimizedCount', { n: changed }), { label: t('undo'), onClick: undoLast });
+            setBatchUndoState({ snapshot });
+            showToast(t('optimizedCount', { n: changed }));
           } else {
             showToast(failed > 0 ? t('optimizeFailed') : t('optimizedToast'));
           }
         } finally {
-          optimizeAllRef.current = false;
-          setOptimizeAll(null);
+          optimizeBatchRef.current = false;
+          setOptimizeBatch(null);
         }
       };
 
+      const undoBatchOptimization = () => {
+        const record = batchUndoRef.current;
+        if (record === null || record === undefined) return;
+        setBatchUndoState(null);
+        setSegmentUndo(new Map());
+        commitSegments(record.snapshot);
+        showToast(t('optimizeUndone'));
+      };
+
       // Selection -----------------------------------------------------------
       const toggleSelected = (id) => {
         const next = new Set(selectedRef.current);
@@ -2232,6 +2681,28 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         showToast(copied ? t('insertUnavailable') : t('copyFailed'));
       };
 
+      /** Start a new session in this workspace with the text already in its composer. */
+      const insertNewSession = async (list) => {
+        const value = mergedText(list);
+        if (value === '') {
+          showToast(t('insertEmpty'));
+          return;
+        }
+        const uiWorkspace = ctx.get('uiWorkspace');
+        if (uiWorkspace !== undefined && uiWorkspace !== null && typeof uiWorkspace.startSession === 'function') {
+          try {
+            if (dirtyRef.current) await saveNowRef.current?.({ force: true });
+            uiWorkspace.startSession(undefined, { prompt: value, clearPreviousDraft: true });
+            showToast(t('insertNewDone'));
+            return;
+          } catch {
+            /* Fall through to copy. */
+          }
+        }
+        const copied = await copyText(value);
+        showToast(copied ? t('insertNewUnavailable') : t('copyFailed'));
+      };
+
       const replaceSegments = async (list) => {
         const value = mergedText(list);
         if (value === '') {
@@ -2246,55 +2717,93 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         showToast(copied ? t('replaceUnavailable') : t('copyFailed'));
       };
 
+      /** Resolve queue vs steer exactly like the composer's Send button. */
+      const resolveSendMode = (sessionId) => {
+        try {
+          const sessions = ctx.get('sessions');
+          const row = sessions?.list?.getSnapshot?.()?.byId?.[sessionId];
+          if (row?.running !== true) return 'queue';
+        } catch {
+          return 'queue';
+        }
+        return busyEnterPreference(ctx);
+      };
+
+      /** Send through the session face with an explicit queue/steer mode. */
+      const promptSession = async (sessionId, value, mode) => {
+        const sessions = ctx.get('sessions');
+        if (sessions === undefined || sessions === null || typeof sessions.binding !== 'function') return false;
+        const liveBinding = sessions.binding(sessionId);
+        const session = liveBinding?.session;
+        if (session === undefined || session === null || typeof session.prompt !== 'function') return false;
+        let echo;
+        try {
+          echo = typeof session.beginSubmission === 'function'
+            ? session.beginSubmission({ mode, text: value, attachments: [] })
+            : undefined;
+        } catch {
+          echo = undefined;
+        }
+        try {
+          const result = await session.prompt([{ type: 'text', text: value }], mode, undefined, echo?.requestId);
+          if (result !== undefined && result !== null && result.ok === false) {
+            const failure = new Error(result.error?.message ?? 'prompt failed');
+            failure.code = result.error?.code;
+            throw failure;
+          }
+          return true;
+        } catch (reason) {
+          try {
+            echo?.abandon?.();
+          } catch {
+            /* ignore */
+          }
+          throw reason;
+        }
+      };
+
       /**
-       * Send text into the current session. Prefers the documented scoped
-       * conversation service; falls back to the session face with a local echo.
+       * Send text into a session. Queue prefers the documented scoped conversation
+       * service; steer and its fallback go through the session face. The delivery
+       * mode follows the General Settings "send while busy" preference.
        * @returns {Promise<boolean>} whether a prompt was accepted
        */
-      const sendToSession = async (value) => {
-        const sessionId = rootSessionRef.current !== '' ? rootSessionRef.current : bindingRef.current?.id;
+      const sendToSession = async (value, targetSessionId) => {
+        const sessionId = typeof targetSessionId === 'string' && targetSessionId !== ''
+          ? targetSessionId
+          : (rootSessionRef.current !== '' ? rootSessionRef.current : bindingRef.current?.id);
         if (typeof sessionId !== 'string' || sessionId === '') return false;
         const sessions = ctx.get('sessions');
         if (sessions === undefined || sessions === null) return false;
+        const mode = resolveSendMode(sessionId);
+        let scoped;
         if (typeof sessions.scope === 'function') {
-          const scoped = sessions.scope(sessionId);
-          const conversation = scoped === undefined || scoped === null
-            ? undefined
-            : typeof scoped.get === 'function' ? scoped.get('conversation') : scoped.conversation;
-          if (conversation !== undefined && conversation !== null && typeof conversation.send === 'function') {
-            await conversation.send(value);
-            return true;
+          try {
+            scoped = sessions.scope(sessionId);
+          } catch {
+            scoped = undefined;
           }
         }
-        if (typeof sessions.binding === 'function') {
-          const liveBinding = sessions.binding(sessionId);
-          const session = liveBinding?.session;
-          if (session !== undefined && session !== null && typeof session.prompt === 'function') {
-            let echo;
-            try {
-              echo = typeof session.beginSubmission === 'function'
-                ? session.beginSubmission({ mode: 'queue', text: value, attachments: [] })
-                : undefined;
-            } catch {
-              echo = undefined;
-            }
-            try {
-              const result = await session.prompt([{ type: 'text', text: value }], 'queue', undefined, echo?.requestId);
-              if (result !== undefined && result !== null && result.ok === false) {
-                throw new Error(result.error?.message ?? 'prompt failed');
-              }
+        const conversation = scoped === undefined || scoped === null
+          ? undefined
+          : typeof scoped.get === 'function' ? scoped.get('conversation') : scoped.conversation;
+        if (mode === 'queue' && conversation !== undefined && conversation !== null
+          && typeof conversation.send === 'function') {
+          await conversation.send(value);
+          return true;
+        }
+        try {
+          return await promptSession(sessionId, value, mode);
+        } catch (reason) {
+          if (mode === 'steer' && reason?.code === 'session/steer-unavailable') {
+            if (conversation !== undefined && conversation !== null && typeof conversation.send === 'function') {
+              await conversation.send(value);
               return true;
-            } catch (reason) {
-              try {
-                echo?.abandon?.();
-              } catch {
-                /* ignore */
-              }
-              throw reason;
             }
+            return promptSession(sessionId, value, 'queue');
           }
+          throw reason;
         }
-        return false;
       };
 
       const sendSegments = async (list) => {
@@ -2335,8 +2844,78 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         }
       };
 
+      /** Create an empty session in a workspace and return its id. */
+      const createWorkspaceSession = async (cwd) => {
+        const sessions = ctx.get('sessions');
+        if (sessions === undefined || sessions === null || typeof sessions.create !== 'function') return null;
+        const result = await sessions.create({ cwd });
+        if (result === undefined || result === null) return null;
+        if (result.ok === false) {
+          const failure = new Error(result.error?.message ?? 'create session failed');
+          failure.code = result.error?.code;
+          throw failure;
+        }
+        const id = result.value?.sessionId ?? result.sessionId
+          ?? (typeof result === 'string' ? result : undefined);
+        return typeof id === 'string' && id !== '' ? id : null;
+      };
+
+      /** Start a fresh session, send the text there, then switch to it. */
+      const sendNewSession = async (list) => {
+        if (sendingRef.current) return;
+        const value = mergedText(list);
+        if (value === '') {
+          showToast(t('insertEmpty'));
+          return;
+        }
+        const cwd = bindingRef.current?.cwd ?? rootRef.current;
+        if (cwd === '') {
+          showToast(t('sendNewUnavailable'));
+          return;
+        }
+        sendingRef.current = true;
+        setSending(true);
+        try {
+          const newSessionId = await createWorkspaceSession(cwd);
+          if (newSessionId === null) {
+            if (!insertValue(value)) await copyText(value);
+            showToast(t('sendNewUnavailable'));
+            return;
+          }
+          const accepted = await sendToSession(value, newSessionId);
+          if (accepted !== true) {
+            if (!insertValue(value)) await copyText(value);
+            showToast(t('sendUnavailable'));
+            return;
+          }
+          showToast(t('sendNewDone'));
+          const ids = new Set(
+            list.filter((segment) => segment.archived !== true).map((segment) => segment.id),
+          );
+          if (ids.size > 0 && (rootRef.current === '' || rootRef.current === cwd)) {
+            const archivedAt = new Date().toISOString();
+            const next = segmentsRef.current.map((segment) =>
+              (ids.has(segment.id) ? { ...segment, archived: true, archivedAt } : segment));
+            setSelection(new Set([...selectedRef.current].filter((id) => !ids.has(id))));
+            commitSegments(next);
+            await saveNowRef.current?.({ force: true });
+          }
+          const uiWorkspace = ctx.get('uiWorkspace');
+          if (uiWorkspace !== undefined && uiWorkspace !== null && typeof uiWorkspace.openSession === 'function') {
+            uiWorkspace.openSession(newSessionId);
+          }
+        } catch (reason) {
+          showToast(`${t('sendFailed')}: ${String(reason?.message ?? reason)}`);
+        } finally {
+          sendingRef.current = false;
+          setSending(false);
+        }
+      };
+
       const copyAll = async () => {
-        const value = mergedText(segmentsRef.current);
+        // Copy only active work: archived segments were already sent or filed
+        // away and must not leak back into a copy-all.
+        const value = mergedText(segmentsRef.current.filter((segment) => segment.archived !== true));
         if (value === '') {
           showToast(t('insertEmpty'));
           return;
@@ -2370,6 +2949,34 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         updateSegmentText(id, event.target?.value ?? '');
       };
 
+      /** Focus a card's textarea and place the caret at an absolute offset. */
+      const focusSegmentAt = (id, caret) => {
+        const element = textareaRefs.current.get(id);
+        if (element === null || element === undefined) return false;
+        try {
+          element.focus?.({ preventScroll: true });
+        } catch {
+          try {
+            element.focus?.();
+          } catch {
+            /* ignore */
+          }
+        }
+        try {
+          const value = typeof element.value === 'string' ? element.value : '';
+          const position = Math.max(0, Math.min(Number(caret) || 0, value.length));
+          if (typeof element.setSelectionRange === 'function') element.setSelectionRange(position, position);
+        } catch {
+          /* A non-layout shim may not support ranges. */
+        }
+        try {
+          element.scrollIntoView?.({ block: 'nearest' });
+        } catch {
+          /* ignore */
+        }
+        return true;
+      };
+
       const onSegmentKeyDown = (event, id) => {
         if (event.isComposing === true || event.nativeEvent?.isComposing === true) return;
         const chord = event.ctrlKey || event.metaKey;
@@ -2384,6 +2991,28 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           insertSegments(list);
           return;
         }
+        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+          if (event.altKey || event.shiftKey || chord) return;
+          const element = event.currentTarget ?? event.target;
+          const value = typeof element?.value === 'string' ? element.value : '';
+          const start = typeof element?.selectionStart === 'number' ? element.selectionStart : null;
+          const end = typeof element?.selectionEnd === 'number' ? element.selectionEnd : start;
+          if (start === null || start !== end) return;
+          const firstBreak = value.indexOf('\n');
+          const lastBreak = value.lastIndexOf('\n');
+          const up = event.key === 'ArrowUp';
+          const atEdge = up
+            ? (firstBreak === -1 || start <= firstBreak)
+            : (lastBreak === -1 || start > lastBreak);
+          if (!atEdge) return;
+          const active = segmentsRef.current.filter((segment) => segment.archived !== true);
+          const position = active.findIndex((segment) => segment.id === id);
+          const neighbor = position < 0 ? undefined : active[position + (up ? -1 : 1)];
+          if (neighbor !== undefined && focusSegmentAt(neighbor.id, up ? neighbor.text.length : 0)) {
+            event.preventDefault?.();
+          }
+          return;
+        }
         if (event.key !== 'Enter' || event.shiftKey || event.altKey || chord) return;
         event.preventDefault();
         splitSegment(id, event.currentTarget ?? event.target);
@@ -2400,8 +3029,11 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           const vw = window.innerWidth || 1280;
           const vh = window.innerHeight || 800;
           const height = ui.minimized ? HEAD_H : ui.height;
-          const x = Math.min(Math.max(8, start.x + moveEvent.clientX - start.px), Math.max(8, vw - ui.width - 8));
-          const y = Math.min(Math.max(8, start.y + moveEvent.clientY - start.py), Math.max(8, vh - height - 8));
+          const minY = hostChromeTop() + EDGE_GAP;
+          const x = Math.min(Math.max(EDGE_GAP, start.x + moveEvent.clientX - start.px),
+            Math.max(EDGE_GAP, vw - ui.width - EDGE_GAP));
+          const y = Math.min(Math.max(minY, start.y + moveEvent.clientY - start.py),
+            Math.max(minY, vh - height - EDGE_GAP));
           setUi((previous) => ({ ...previous, x, y }));
         };
         const stop = () => {
@@ -2420,24 +3052,27 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         if (ui.minimized) return;
         if (event.button !== undefined && event.button !== 0) return;
         event.preventDefault?.();
-        event.stopPropagation?.();
+        event?.stopPropagation?.();
         const start = { px: event.clientX, py: event.clientY, width: ui.width, height: ui.height };
         resizeRef.current = start;
         setResizing(true);
         const move = (moveEvent) => {
           const vw = window.innerWidth || 1280;
           const vh = window.innerHeight || 800;
-          const width = Math.min(Math.max(MIN_W, start.width + moveEvent.clientX - start.px), Math.max(MIN_W, vw - 16));
-          const height = Math.min(Math.max(MIN_H, start.height + moveEvent.clientY - start.py), Math.max(MIN_H, vh - 16));
+          const minY = hostChromeTop() + EDGE_GAP;
+          const width = Math.min(Math.max(MIN_W, start.width + moveEvent.clientX - start.px),
+            Math.max(MIN_W, vw - EDGE_GAP * 2));
+          const height = Math.min(Math.max(MIN_H, start.height + moveEvent.clientY - start.py),
+            Math.max(MIN_H, vh - minY - EDGE_GAP));
           setUi((previous) => {
-            const maxX = Math.max(8, vw - width - 8);
-            const maxY = Math.max(8, vh - height - 8);
+            const maxX = Math.max(EDGE_GAP, vw - width - EDGE_GAP);
+            const maxY = Math.max(minY, vh - height - EDGE_GAP);
             return {
               ...previous,
               width,
               height,
-              x: typeof previous.x === 'number' ? Math.min(previous.x, maxX) : previous.x,
-              y: typeof previous.y === 'number' ? Math.min(previous.y, maxY) : previous.y,
+              x: typeof previous.x === 'number' ? Math.min(Math.max(EDGE_GAP, previous.x), maxX) : previous.x,
+              y: typeof previous.y === 'number' ? Math.min(Math.max(minY, previous.y), maxY) : previous.y,
             };
           });
         };
@@ -2463,10 +3098,12 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       const allSelected = activeSegments.length > 0 && selectedCount === activeSegments.length;
       const unsentCount = countUnsent(segments);
       const totalChars = segments.reduce((sum, segment) => sum + segment.text.length, 0);
+      const activeChars = activeSegments.reduce((sum, segment) => sum + segment.text.length, 0);
       const displayWidth = ui.width;
       const displayHeight = ui.minimized ? HEAD_H : ui.height;
-      const fallbackX = Math.max(8, ((typeof window !== 'undefined' && window.innerWidth) || 1280) - displayWidth - 24);
-      const fallbackY = Math.max(8, ((typeof window !== 'undefined' && window.innerHeight) || 800) - displayHeight - 24);
+      const fallbackX = Math.max(EDGE_GAP, ((typeof window !== 'undefined' && window.innerWidth) || 1280) - displayWidth - 24);
+      const fallbackY = Math.max(hostChromeTop() + EDGE_GAP,
+        ((typeof window !== 'undefined' && window.innerHeight) || 800) - displayHeight - 24);
       const left = typeof ui.x === 'number' ? ui.x : fallbackX;
       const top = typeof ui.y === 'number' ? ui.y : fallbackY;
 
@@ -2489,6 +3126,17 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         h('span', { className: 'dsh-np-title' }, t('title')),
         h('span', { className: 'dsh-np-workspace', title: binding.cwd }, workspaceName(binding.cwd)),
         h('span', { className: 'dsh-np-spacer' }),
+        h(
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-np-btn',
+            title: `${t('resetShortcut')} · Ctrl+Shift+0`,
+            'aria-label': t('resetShortcut'),
+            onClick: resetGeometry,
+          },
+          h(ResetIcon, { size: 15 }),
+        ),
         h(
           'button',
           {
@@ -2496,7 +3144,7 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
             className: 'dsh-np-btn',
             title: t('copy'),
             'aria-label': t('copy'),
-            disabled: totalChars === 0,
+            disabled: activeChars === 0,
             onClick: copyAll,
           },
           h(CopyIcon, { size: 15 }),
@@ -2549,6 +3197,37 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         ),
       );
 
+      /** One icon that expands into current-session + new-session actions. */
+      const actionGroup = ({ size, primary, extra, disabled = false }) => {
+        const base = size === 'bar' ? 'dsh-np-btn' : 'dsh-np-segbtn';
+        const primaryProps = {
+          type: 'button',
+          className: base,
+          title: primary.title,
+          'aria-label': primary.title,
+          disabled,
+          onClick: primary.onClick,
+        };
+        if (primary.accent === true) primaryProps['data-accent'] = 'true';
+        return h(
+          'div',
+          { className: 'dsh-np-actiongroup', 'data-size': size },
+          h('button', primaryProps, primary.icon),
+          h(
+            'button',
+            {
+              type: 'button',
+              className: `${base} dsh-np-group-extra`,
+              title: extra.title,
+              'aria-label': extra.title,
+              disabled,
+              onClick: extra.onClick,
+            },
+            h(NewSessionIcon, { size: 14 }),
+          ),
+        );
+      };
+
       const tools = h(
         'div',
         { className: 'dsh-np-tools' },
@@ -2566,18 +3245,19 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
             selectedCount > 0 ? t('selected', { n: selectedCount }) : t('selectHint')),
         ),
         h('span', { className: 'dsh-np-spacer' }),
-        h(
-          'button',
-          {
-            type: 'button',
-            className: 'dsh-np-btn',
+        actionGroup({
+          size: 'bar',
+          disabled: selectedCount === 0,
+          primary: {
             title: selectedCount > 0 ? t('insertSelected', { n: selectedCount }) : t('insert'),
-            'aria-label': t('insert'),
-            disabled: selectedCount === 0,
             onClick: () => insertSegments(selectedActive),
+            icon: h(InsertIcon, { size: 14 }),
           },
-          h(InsertIcon, { size: 14 }),
-        ),
+          extra: {
+            title: selectedCount > 0 ? t('insertNewSelected', { n: selectedCount }) : t('insertNewSession'),
+            onClick: () => insertNewSession(selectedActive),
+          },
+        }),
         h(
           'button',
           {
@@ -2590,21 +3270,22 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           },
           h(ReplaceIcon, { size: 14 }),
         ),
-        h(
-          'button',
-          {
-            type: 'button',
-            className: 'dsh-np-btn',
-            'data-accent': 'true',
+        actionGroup({
+          size: 'bar',
+          disabled: selectedCount === 0 || sending,
+          primary: {
             title: selectedCount > 0
               ? (sending ? t('sending') : t('sendSelected', { n: selectedCount }))
               : t('send'),
-            'aria-label': t('send'),
-            disabled: selectedCount === 0 || sending,
             onClick: () => sendSegments(selectedActive),
+            icon: h(SendIcon, { size: 14 }),
+            accent: true,
           },
-          h(SendIcon, { size: 14 }),
-        ),
+          extra: {
+            title: selectedCount > 0 ? t('sendNewSelected', { n: selectedCount }) : t('sendNewSession'),
+            onClick: () => sendNewSession(selectedActive),
+          },
+        }),
         h(
           'button',
           {
@@ -2622,17 +3303,24 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
           {
             type: 'button',
             className: 'dsh-np-btn',
-            'data-active': optimizeAll !== null ? 'true' : 'false',
-            title: optimizeAll !== null
-              ? t('optimizeAllProgress', { done: optimizeAll.done, total: optimizeAll.total })
-              : t('optimizeAll'),
-            'aria-label': t('optimizeAll'),
-            disabled: activeSegments.length === 0 || optimizeAll !== null,
-            onClick: optimizeAllSegments,
+            'data-active': optimizeBatch !== null || batchUndo !== null ? 'true' : 'false',
+            title: optimizeBatch !== null
+              ? t('optimizeAllProgress', { done: optimizeBatch.done, total: optimizeBatch.total })
+              : batchUndo !== null
+                ? t('undoOptimize')
+                : selectedCount > 0
+                  ? t('optimizeSelected', { n: selectedCount })
+                  : t('optimizeSelectHint'),
+            'aria-label': batchUndo !== null
+              ? t('undoOptimize')
+              : selectedCount > 0 ? t('optimizeSelected', { n: selectedCount }) : t('optimizeSelectHint'),
+            disabled: optimizeBatch !== null
+              || (batchUndo === null && selectedCount === 0),
+            onClick: batchUndo !== null ? undoBatchOptimization : optimizeSelectedSegments,
           },
-          optimizeAll !== null
+          optimizeBatch !== null
             ? h('span', { className: 'dsh-np-mini-spinner' })
-            : h(SparkleIcon, { size: 14 }),
+            : batchUndo !== null ? h(UndoIcon, { size: 14 }) : h(SparkleIcon, { size: 14 }),
         ),
         h(
           'button',
@@ -2720,6 +3408,15 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
       const activeCards = activeSegments.map((segment, index) => {
         const images = Array.isArray(segment.images) ? segment.images : [];
         const empty = segment.text.trim() === '' && images.length === 0;
+        const titleValue = segment.title ?? '';
+        const showTitleInput = titleValue !== '' || titleEditing === segment.id;
+        const undoRecord = segmentUndo.get(segment.id);
+        const canUndoOptimize = undoRecord !== undefined && undoRecord.after === segment.text;
+        const optimizingNow = optimizing.has(segment.id);
+        const aiBusy = optimizingNow || optimizeBatch !== null;
+        const aiTitle = aiBusy
+          ? t('optimizing')
+          : canUndoOptimize ? t('undoOptimize') : t('optimizeSegment');
         return h(
           'article',
           {
@@ -2786,28 +3483,42 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               },
               String(index + 1).padStart(2, '0'),
             ),
-            h('input', {
-              type: 'text',
-              className: 'dsh-np-title-input',
-              value: segment.title ?? '',
-              placeholder: t('titlePlaceholder'),
-              maxLength: MAX_TITLE_CHARS,
-              'aria-label': t('segmentTitle'),
-              spellCheck: false,
-              onChange: (event) => updateSegmentTitle(segment.id, event.target?.value ?? ''),
-              onKeyDown: (event) => {
-                if (event.key !== 'Enter') return;
-                event.preventDefault();
-                try {
-                  event.currentTarget?.blur?.();
-                } catch {
-                  /* ignore */
-                }
-              },
-              onBlur: () => {
-                if (dirtyRef.current) saveNowRef.current?.();
-              },
-            }),
+            showTitleInput
+              ? h('input', {
+                  type: 'text',
+                  className: 'dsh-np-title-input',
+                  value: titleValue,
+                  placeholder: t('titlePlaceholder'),
+                  maxLength: MAX_TITLE_CHARS,
+                  autoFocus: titleValue === '',
+                  'aria-label': t('segmentTitle'),
+                  spellCheck: false,
+                  onFocus: () => setTitleEditing(segment.id),
+                  onChange: (event) => updateSegmentTitle(segment.id, event.target?.value ?? ''),
+                  onKeyDown: (event) => {
+                    if (event.key !== 'Enter') return;
+                    event.preventDefault();
+                    try {
+                      event.currentTarget?.blur?.();
+                    } catch {
+                      /* ignore */
+                    }
+                  },
+                  onBlur: () => {
+                    if (dirtyRef.current) saveNowRef.current?.();
+                    if ((segment.title ?? '') === '') setTitleEditing('');
+                  },
+                })
+              : h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'dsh-np-title-add',
+                    title: t('segmentTitle'),
+                    'aria-label': t('segmentTitle'),
+                    onClick: () => setTitleEditing(segment.id),
+                  },
+                ),
             h(
               'button',
               {
@@ -2819,18 +3530,19 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               },
               h(ImageIcon, { size: 14 }),
             ),
-            h(
-              'button',
-              {
-                type: 'button',
-                className: 'dsh-np-segbtn',
+            actionGroup({
+              size: 'card',
+              disabled: empty,
+              primary: {
                 title: t('insertSegment'),
-                'aria-label': t('insertSegment'),
-                disabled: empty,
                 onClick: () => insertSegments([segment]),
+                icon: h(InsertIcon, { size: 14 }),
               },
-              h(InsertIcon, { size: 14 }),
-            ),
+              extra: {
+                title: t('insertNewSession'),
+                onClick: () => insertNewSession([segment]),
+              },
+            }),
             h(
               'button',
               {
@@ -2843,32 +3555,35 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               },
               h(ReplaceIcon, { size: 14 }),
             ),
-            h(
-              'button',
-              {
-                type: 'button',
-                className: 'dsh-np-segbtn',
+            actionGroup({
+              size: 'card',
+              disabled: empty || sending,
+              primary: {
                 title: t('sendSegment'),
-                'aria-label': t('sendSegment'),
-                disabled: empty || sending,
                 onClick: () => sendSegments([segment]),
+                icon: h(SendIcon, { size: 14 }),
               },
-              h(SendIcon, { size: 14 }),
-            ),
+              extra: {
+                title: t('sendNewSession'),
+                onClick: () => sendNewSession([segment]),
+              },
+            }),
             h(
               'button',
               {
                 type: 'button',
                 className: 'dsh-np-segbtn',
                 'data-ai': 'true',
-                title: optimizing.has(segment.id) ? t('optimizing') : t('optimizeSegment'),
-                'aria-label': t('optimizeSegment'),
-                disabled: empty || optimizing.has(segment.id) || optimizeAll !== null,
-                onClick: () => optimizeSegment(segment.id),
+                title: aiTitle,
+                'aria-label': aiTitle,
+                disabled: aiBusy || (canUndoOptimize ? false : empty),
+                onClick: canUndoOptimize
+                  ? () => undoOptimizeSegment(segment.id)
+                  : () => optimizeSegment(segment.id),
               },
-              optimizing.has(segment.id)
+              optimizingNow
                 ? h('span', { className: 'dsh-np-mini-spinner' })
-                : h(SparkleIcon, { size: 14 }),
+                : canUndoOptimize ? h(UndoIcon, { size: 14 }) : h(SparkleIcon, { size: 14 }),
             ),
             h(
               'button',
@@ -2881,6 +3596,18 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
               },
               h(ArchiveIcon, { size: 14 }),
             ),
+            h(
+              'button',
+              {
+                type: 'button',
+                className: 'dsh-np-segbtn',
+                'data-danger': 'true',
+                title: t('deleteActiveSegment'),
+                'aria-label': t('deleteActiveSegment'),
+                onClick: () => setDeleteConfirm(segment.id),
+              },
+              h(TrashIcon, { size: 14 }),
+            ),
           ),
           h(
             'div',
@@ -3077,7 +3804,17 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         h('span', { className: 'dsh-np-count' },
           `${t('chars', { n: totalChars })} · ${t('segments', { n: activeSegments.length })}`
           + (totalImages > 0 ? ` · ${t('images', { n: totalImages })}` : '')),
-        h('span', { className: 'dsh-np-hint', title: t('hint') }, t('hint')),
+        h(
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-np-hint',
+            title: t('hintNext'),
+            'aria-label': t('hintNext'),
+            onClick: () => setHintIndex((index) => (index + 1) % HINT_KEYS.length),
+          },
+          t(HINT_KEYS[hintIndex % HINT_KEYS.length]),
+        ),
       );
 
       const toastNode = toast === null
@@ -3117,6 +3854,107 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
             onPointerDown: onResizePointerDown,
           });
 
+      const previewNode = previewImage === null
+        ? null
+        : h(
+            'div',
+            {
+              className: 'dsh-np-preview',
+              role: 'dialog',
+              'aria-modal': 'true',
+              'aria-label': t('imagePreview'),
+              onClick: () => setPreviewImage(null),
+            },
+            h('img', {
+              className: 'dsh-np-preview-img',
+              src: imageUrl(previewImage.path, binding.cwd),
+              alt: previewImage.name,
+              onClick: (event) => event?.stopPropagation?.(),
+            }),
+            h(
+              'div',
+              { className: 'dsh-np-preview-bar' },
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'dsh-np-preview-btn',
+                  title: t('openOriginal'),
+                  'aria-label': t('openOriginal'),
+                  onClick: (event) => {
+                    event?.stopPropagation?.();
+                    openOriginalImage(previewImage);
+                  },
+                },
+                h(OpenIcon, { size: 15 }),
+              ),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'dsh-np-preview-btn',
+                  title: t('closePreview'),
+                  'aria-label': t('closePreview'),
+                  onClick: (event) => {
+                    event?.stopPropagation?.();
+                    setPreviewImage(null);
+                  },
+                },
+                h(CloseIcon, { size: 15 }),
+              ),
+            ),
+            h('div', { className: 'dsh-np-preview-name' }, previewImage.name),
+          );
+
+      const deleteTarget = deleteConfirm === ''
+        ? undefined
+        : segments.find((segment) => segment.id === deleteConfirm && segment.archived !== true);
+      const confirmNode = deleteTarget === undefined
+        ? null
+        : h(
+            'div',
+            {
+              className: 'dsh-np-confirm',
+              role: 'alertdialog',
+              'aria-modal': 'true',
+              'aria-label': t('deleteConfirmTitle'),
+              onClick: () => setDeleteConfirm(''),
+            },
+            h(
+              'div',
+              {
+                className: 'dsh-np-confirm-card',
+                onClick: (event) => event?.stopPropagation?.(),
+              },
+              h('div', { className: 'dsh-np-confirm-title' }, t('deleteConfirmTitle')),
+              h('div', { className: 'dsh-np-confirm-body' }, t('deleteConfirmBody')),
+              h('div', { className: 'dsh-np-confirm-hint' }, t('deleteConfirmHint')),
+              h(
+                'div',
+                { className: 'dsh-np-confirm-actions' },
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'dsh-np-confirm-btn',
+                    onClick: () => setDeleteConfirm(''),
+                  },
+                  t('deleteConfirmCancel'),
+                ),
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'dsh-np-confirm-btn',
+                    'data-danger': 'true',
+                    onClick: () => deleteActiveSegment(deleteTarget.id),
+                  },
+                  t('deleteConfirmOk'),
+                ),
+              ),
+            ),
+          );
+
       const card = h(
         'section',
         {
@@ -3139,6 +3977,8 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         },
         header,
         body,
+        previewNode,
+        confirmNode,
         resizeHandle,
       );
 
@@ -3204,6 +4044,43 @@ body[data-ds-dark-theme] .dsh-np-seg[data-archived=true]{opacity:.7}
         };
       }, 'dsh-notepad: dictionaries');
 
+      // Register the geometry-reset chord with DSH's shortcut service so it
+      // reaches the page even when the host intercepts native key bindings.
+      const installResetShortcut = (scope) => {
+        const service = typeof scope.get === 'function' ? scope.get('shortcuts') : undefined;
+        if (service === undefined || service === null || typeof service.register !== 'function') return;
+        try {
+          scope.effect(() => service.register({
+            id: 'notepad.resetGeometry',
+            label: () => translate('resetShortcut'),
+            aliases: ['reset notepad', 'reset notepad geometry'],
+            defaults: {
+              'desktop:macos': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+              'desktop:windows': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+              'desktop:linux': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+              'web:macos': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+              'web:windows': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+              'web:linux': { code: 'Digit0', modifiers: ['primary', 'shift'] },
+            },
+            regions: ['page', 'editable'],
+            modals: [],
+            resolve: () => ({ status: 'handled', run: requestUiReset }),
+          }), 'dsh-notepad: reset shortcut');
+          resetShortcutHandledByHost = true;
+        } catch (error) {
+          console.warn('[dsh-notepad] reset shortcut registration failed:', error?.message ?? error);
+        }
+      };
+      if (ctx.get('shortcuts') !== undefined) {
+        installResetShortcut(ctx);
+      } else if (typeof ctx.inject === 'function') {
+        try {
+          ctx.inject(['shortcuts'], (scoped) => installResetShortcut(scoped));
+        } catch {
+          /* The raw key listener and header button remain as fallbacks. */
+        }
+      }
+
       const slots = ctx.get('slots');
       if (slots === undefined || typeof slots.register !== 'function' || typeof slots.inject !== 'function') {
         console.warn('[dsh-notepad] slots service missing; floating notepad disabled');