dsh-side-memo 1.2.0 → 1.3.0

package/client.js

@@ -134,6 +134,12 @@ window.__ModuleLoader__.load({
         'favorite.remove': '取消收藏',
         'favorite.pinned': '已收藏并置顶',
         'favorite.unpinned': '已取消收藏',
+        // Right-click menu on a memo row.
+        'menu.label': '便签操作',
+        'menu.open': '打开',
+        'menu.duplicate': '复制一份',
+        'menu.deleted': '已删除便签',
+        'menu.duplicated': '已复制为新便签',
         'image.add': '插入图片',
         'image.remove': '移除图片',
         'image.memo': '图片便签',
@@ -153,7 +159,24 @@ window.__ModuleLoader__.load({
         'image.resize': '调整图片大小',
         'image.size': '尺寸 {width} × {height}',
         'image.resetSize': '还原原始大小',
-        'image.sizeReset': '已还原图片大小'
+        'image.sizeReset': '已还原图片大小',
+        // Saving a whole conversation as a memo.
+        'chat.create': '保存为便签',
+        'chat.createAria': '把这段对话保存为便签',
+        'chat.saved': '已保存为便签',
+        'chat.empty': '这段对话还没有可保存的内容。',
+        'chat.limit': '便签数量已达上限，先删除一些再保存。',
+        'chat.fallbackTitle': '对话便签',
+        'chat.you': '你',
+        'chat.assistant': '助手',
+        'chat.emptyPrompts': '你还没有发送任何内容。',
+        'chat.menu.label': '保存对话的方式',
+        'chat.menu.chat': '保存整段对话',
+        'chat.menu.chatNote': '我的提问和助手的回答',
+        'chat.menu.prompts': '只保存我的提问',
+        'chat.menu.promptsNote': '保留你发送过的内容',
+        'prompt.create': '把这条提问存成便签',
+        'prompt.createAria': '把这条提问保存为便签'
     };
     var en = {
         'type.label': 'Side Memo',
@@ -221,6 +244,12 @@ window.__ModuleLoader__.load({
         'favorite.remove': 'Remove from favorites',
         'favorite.pinned': 'Added to favorites and pinned to top',
         'favorite.unpinned': 'Removed from favorites',
+        // Right-click menu on a memo row.
+        'menu.label': 'Memo actions',
+        'menu.open': 'Open',
+        'menu.duplicate': 'Duplicate',
+        'menu.deleted': 'Memo deleted',
+        'menu.duplicated': 'Duplicated as a new memo',
         'image.add': 'Insert image',
         'image.remove': 'Remove image',
         'image.memo': 'Image memo',
@@ -240,13 +269,30 @@ window.__ModuleLoader__.load({
         'image.resize': 'Resize image',
         'image.size': '{width} × {height}',
         'image.resetSize': 'Reset to original size',
-        'image.sizeReset': 'Image size reset'
+        'image.sizeReset': 'Image size reset',
+        // Saving a whole conversation as a memo.
+        'chat.create': 'Save chat as memo',
+        'chat.createAria': 'Save this conversation as a memo',
+        'chat.saved': 'Saved to memos',
+        'chat.empty': 'This conversation has nothing to save yet.',
+        'chat.limit': 'Memo limit reached. Delete a few before saving.',
+        'chat.fallbackTitle': 'Chat memo',
+        'chat.you': 'You',
+        'chat.assistant': 'Assistant',
+        'chat.emptyPrompts': 'You have not sent anything yet.',
+        'chat.menu.label': 'How to save this conversation',
+        'chat.menu.chat': 'Save whole conversation',
+        'chat.menu.chatNote': 'My prompts and the replies',
+        'chat.menu.prompts': 'Save only my prompts',
+        'chat.menu.promptsNote': 'What I sent, nothing else',
+        'prompt.create': 'Save this prompt as memo',
+        'prompt.createAria': 'Save this prompt as a memo'
     };
     // ---------------------------------------------------------------------
     // Styles (theme tokens only; literal colors are reserved for artwork)
     // ---------------------------------------------------------------------
     var STYLE = [
-        '.dsm-root{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;',
+        '.dsm-root{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;',
         'color:var(--dsw-alias-label-primary);font-family:inherit;font-size:13.5px;line-height:1.45;background:transparent}',
         '.dsm-toolbar{display:flex;align-items:center;gap:6px;padding:10px 10px 8px;flex:0 0 auto}',
         '.dsm-toolbar-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}',
@@ -304,6 +350,21 @@ window.__ModuleLoader__.load({
         '.dsm-row[draggable="true"]{cursor:grab}',
         '.dsm-row[draggable="true"]:active{cursor:grabbing}',
         '.dsm-row[data-dragging="true"]{opacity:.55;background:var(--dsw-alias-bg-layer-2)}',
+        '.dsm-menu{position:absolute;z-index:20;min-width:172px;max-width:240px;padding:4px;box-sizing:border-box;',
+        'display:flex;flex-direction:column;gap:1px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;',
+        'background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);',
+        'box-shadow:var(--dsw-elevation-prominent)}',
+        '.dsm-menu-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;box-sizing:border-box;',
+        'border:0;border-radius:7px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;',
+        'font-size:12.5px;line-height:1.2;text-align:left;white-space:nowrap;cursor:pointer}',
+        '.dsm-menu-item:hover{background:var(--dsw-alias-bg-layer-1)}',
+        '.dsm-menu-item:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px;',
+        'background:var(--dsw-alias-bg-layer-1)}',
+        '.dsm-menu-item[data-danger="true"]{color:var(--dsw-alias-state-error-primary)}',
+        '.dsm-menu-icon{display:flex;flex:0 0 auto;color:var(--dsw-alias-label-secondary)}',
+        '.dsm-menu-item[data-danger="true"] .dsm-menu-icon{color:inherit}',
+        '.dsm-menu-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}',
+        '.dsm-menu-sep{flex:0 0 auto;height:1px;margin:3px 4px;background:var(--dsw-alias-border-l1)}',
         '.dsm-foot-hint{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
         '[data-composer-input].dsm-composer-drop{outline:2px dashed var(--dsw-alias-brand-primary);outline-offset:2px;border-radius:10px}',
         '.dsm-icon-btn[data-favorite="true"]{color:var(--dsw-alias-brand-primary)}',
@@ -420,6 +481,26 @@ window.__ModuleLoader__.load({
         '.dsm-toggle:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}',
         '.dsm-toggle[data-active="true"]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1)}',
         '.dsm-toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}',
+        '.dsm-toggle[data-state="saved"]{color:var(--dsw-alias-brand-primary)}',
+        '.dsm-toggle[data-state="failed"]{color:var(--dsw-alias-label-primary);opacity:.85}',
+        '.dsm-chat-memo{display:inline-flex;align-items:center;position:relative}',
+        '.dsm-chat-memo-menu{position:fixed;z-index:120;min-width:214px;padding:5px;display:flex;flex-direction:column;gap:2px;',
+        'box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-specific-menu);',
+        'backdrop-filter:var(--dsw-menu-backdrop-filter);box-shadow:var(--dsw-elevation-prominent)}',
+        '.dsm-chat-memo-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 9px;',
+        'border:0;border-radius:7px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;',
+        'line-height:1.35;text-align:left;cursor:pointer}',
+        '.dsm-chat-memo-item:hover{background:var(--dsw-alias-bg-layer-2)}',
+        '.dsm-chat-memo-item:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}',
+        '.dsm-chat-memo-note{color:var(--dsw-alias-label-secondary);font-size:11px;line-height:1.3}',
+        '.dsm-prompt-memo{position:fixed;z-index:115;display:inline-flex;align-items:center;justify-content:center;',
+        'width:22px;height:22px;padding:0;pointer-events:auto;-webkit-app-region:no-drag;cursor:pointer;',
+        'border:1px solid var(--dsw-alias-border-l1);border-radius:6px;background:var(--dsw-specific-menu);',
+        'color:var(--dsw-alias-label-secondary);box-shadow:var(--dsw-elevation-prominent)}',
+        '.dsm-prompt-memo:hover{color:var(--dsw-alias-label-primary)}',
+        '.dsm-prompt-memo:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}',
+        '.dsm-prompt-memo[data-state="saved"]{color:var(--dsw-alias-brand-primary)}',
+        '.dsm-prompt-memo[data-state="failed"]{color:var(--dsw-alias-label-primary);opacity:.85}',
         '.dsm-header-toggle{position:absolute;top:11px;right:62px;z-index:2}',
         '.dsm-drawer-layer{position:absolute;inset:0;pointer-events:none}',
         '.dsm-drawer{position:absolute;top:max(56px,var(--dsh-frame-overlay-top,12px));right:12px;bottom:12px;',
@@ -461,6 +542,10 @@ window.__ModuleLoader__.load({
     function IconNote(props) {
         return h(IconBase, props, h('path', { d: 'M5.5 5.25A1.75 1.75 0 0 1 7.25 3.5h6.9L19 8.35v10.4a1.75 1.75 0 0 1-1.75 1.75h-10A1.75 1.75 0 0 1 5.5 18.75z' }), h('path', { d: 'M14 3.5v5h5' }), h('path', { d: 'M8.75 12.25h6.5' }), h('path', { d: 'M8.75 15.75h4.25' }));
     }
+    /** A speech bubble with memo lines: "turn this conversation into a memo". */
+    function IconChatMemo(props) {
+        return h(IconBase, props, h('path', { d: 'M4.75 6.25A2.5 2.5 0 0 1 7.25 3.75h9.5a2.5 2.5 0 0 1 2.5 2.5v6.5a2.5 2.5 0 0 1-2.5 2.5h-6.4L5.5 19.5v-4.25h-.75a2.5 2.5 0 0 1-2.5-2.5z' }), h('path', { d: 'M8.5 7.75h7' }), h('path', { d: 'M8.5 10.75h4.5' }));
+    }
     function IconSearch(props) {
         return h(IconBase, props, h('circle', { cx: 10.5, cy: 10.5, r: 6.25 }), h('path', { d: 'M15.25 15.25 20 20' }));
     }
@@ -1549,6 +1634,46 @@ window.__ModuleLoader__.load({
                 emit();
                 return next;
             },
+            duplicate: function (id) {
+                var index = -1;
+                for (var at = 0; at < notes.length; at += 1) {
+                    if (notes[at].id === id) {
+                        index = at;
+                        break;
+                    }
+                }
+                if (index < 0)
+                    return undefined;
+                if (notes.length >= MAX_NOTES)
+                    return undefined;
+                var source = notes[index];
+                var now = Date.now();
+                var clonedContent = source.content.map(function (block) {
+                    if (block.type === 'image') {
+                        var image = { type: 'image', id: block.id };
+                        if (typeof block.width === 'number')
+                            image.width = block.width;
+                        if (typeof block.height === 'number')
+                            image.height = block.height;
+                        return image;
+                    }
+                    return { type: 'text', text: block.text };
+                });
+                var copy = {
+                    id: newNoteId(),
+                    title: source.title,
+                    body: source.body,
+                    content: clonedContent,
+                    createdAt: now,
+                    updatedAt: now,
+                    favorite: false,
+                    labels: normalizeLabels(source.labels)
+                };
+                notes = [copy].concat(notes);
+                schedule();
+                emit();
+                return copy;
+            },
             remove: function (id) {
                 var next = notes.filter(function (note) {
                     return note.id !== id;
@@ -2036,6 +2161,199 @@ window.__ModuleLoader__.load({
             }
         };
     }
+    /**
+     * One-shot "open this memo" hand-off used by the chat-memo button.
+     *
+     * It is a store rather than local state because the notes surface may not be
+     * mounted yet when the memo is written: the button reveals the panel first,
+     * and the notes body picks the request up as it mounts.
+     */
+    function createOpenRequestStore() {
+        var requested = null;
+        var listeners = new Set();
+        function emit() {
+            listeners.forEach(function (listener) {
+                try {
+                    listener();
+                }
+                catch (error) {
+                    console.error('[dsh-side-memo] open-request listener failed', error);
+                }
+            });
+        }
+        return {
+            subscribe: function (listener) {
+                listeners.add(listener);
+                return function () {
+                    listeners.delete(listener);
+                };
+            },
+            getSnapshot: function () {
+                return requested;
+            },
+            set: function (id) {
+                var next = typeof id === 'string' && id.length > 0 ? id : null;
+                if (next === requested)
+                    return;
+                requested = next;
+                emit();
+            }
+        };
+    }
+    /** Inert store for notes surfaces rendered without a chat-memo hand-off. */
+    var nullOpenRequest = {
+        subscribe: function () {
+            return function () { };
+        },
+        getSnapshot: function () {
+            return null;
+        },
+        set: function () { }
+    };
+    // ---------------------------------------------------------------------
+    // Chat → memo: condense the visible conversation into one memo draft.
+    // ---------------------------------------------------------------------
+    // The title comes from the first user message; long prompts make hostile
+    // titles, so cap the derived title well below the stored MAX_TITLE.
+    var CHAT_MEMO_TITLE_MAX = 80;
+    function chatMemoText(value) {
+        return typeof value === 'string' ? value.replace(/\r\n?/g, '\n').trim() : '';
+    }
+    /** Join the text entries of one chat block list (images, tools, reasoning skipped). */
+    function chatMemoBlocks(value, key) {
+        if (!Array.isArray(value))
+            return '';
+        var parts = [];
+        for (var index = 0; index < value.length; index += 1) {
+            var block = value[index];
+            if (block === null || typeof block !== 'object')
+                continue;
+            if (block[key] !== 'text')
+                continue;
+            var text = chatMemoText(block.text);
+            if (text !== '')
+                parts.push(text);
+        }
+        return parts.join('\n\n');
+    }
+    /**
+     * Reduce visible chat nodes to ordered user/assistant text turns.
+     * `mode` "prompts" keeps only what the user sent.
+     */
+    function chatMemoEntries(nodes, mode) {
+        var entries = [];
+        if (!Array.isArray(nodes))
+            return entries;
+        for (var index = 0; index < nodes.length; index += 1) {
+            var node = nodes[index];
+            if (node === null || typeof node !== 'object')
+                continue;
+            var kind = typeof node.kind === 'string' ? node.kind : '';
+            var data = node.data === null || typeof node.data !== 'object' ? {} : node.data;
+            var role = null;
+            var text = '';
+            if (kind === 'user' || kind === 'steering') {
+                role = 'user';
+                text = chatMemoBlocks(data.content, 'type');
+            }
+            else if (kind === 'assistant' || kind === 'assistant-step') {
+                role = 'assistant';
+                text = chatMemoBlocks(data.blocks, 'kind');
+            }
+            if (role === null || text === '')
+                continue;
+            if (mode === 'prompts' && role !== 'user')
+                continue;
+            entries.push({ role: role, text: text });
+        }
+        return entries;
+    }
+    function chatMemoHeading(entry, labels) {
+        return (entry.role === 'user' ? labels.you : labels.assistant) + ':\n';
+    }
+    function chatMemoTitle(entries, labels) {
+        var limit = Math.min(CHAT_MEMO_TITLE_MAX, MAX_TITLE);
+        for (var index = 0; index < entries.length; index += 1) {
+            if (entries[index].role !== 'user')
+                continue;
+            var collapsed = entries[index].text.replace(/\s+/g, ' ').trim();
+            if (collapsed === '')
+                continue;
+            return collapsed.length > limit ? collapsed.slice(0, limit).trim() : collapsed;
+        }
+        return labels.fallbackTitle;
+    }
+    function chatMemoBody(entries, labels) {
+        var parts = [];
+        for (var index = 0; index < entries.length; index += 1) {
+            parts.push(chatMemoHeading(entries[index], labels) + entries[index].text);
+        }
+        return parts.join('\n\n');
+    }
+    /**
+     * Build the memo title/body for one conversation. Returns null when the chat
+     * holds no user or assistant text (blank session, tools only, …).
+     *
+     * Transcripts are bounded twice: whole turns are dropped from the old end
+     * until the body fits MAX_BODY, and a single oversized turn keeps its tail so
+     * the newest words survive. `truncated` reports either adjustment.
+     *
+     * `mode` "prompts" saves only the user's messages; the title still comes from
+     * the first prompt, and a chat with no prompts returns null.
+     */
+    function chatMemoDraft(nodes, labels, mode) {
+        var entries = chatMemoEntries(nodes, mode);
+        if (entries.length === 0)
+            return null;
+        var maxBody = MAX_BODY;
+        var kept = entries.slice();
+        var truncated = false;
+        var body = chatMemoBody(kept, labels);
+        while (body.length > maxBody && kept.length > 1) {
+            kept.shift();
+            truncated = true;
+            body = chatMemoBody(kept, labels);
+        }
+        if (body.length > maxBody) {
+            var last = kept[0];
+            var room = maxBody - chatMemoHeading(last, labels).length;
+            if (room > 0 && last.text.length > room) {
+                kept = [{ role: last.role, text: last.text.slice(last.text.length - room) }];
+                truncated = true;
+                body = chatMemoBody(kept, labels);
+            }
+        }
+        if (body.length > maxBody) {
+            body = body.slice(body.length - maxBody);
+            truncated = true;
+        }
+        if (body.trim() === '')
+            return null;
+        return {
+            title: chatMemoTitle(entries, labels),
+            body: body,
+            messages: kept.length,
+            truncated: truncated
+        };
+    }
+    /**
+     * Memo title/body for one prompt captured from the transcript. The body keeps
+     * the prompt verbatim (only normalised line endings); the title is collapsed
+     * and capped, and an oversized prompt keeps its tail so a memo can never
+     * exceed the stored body limit.
+     */
+    function promptMemoDraft(value, labels) {
+        var text = chatMemoText(value);
+        if (text === '')
+            return null;
+        var body = text.length > MAX_BODY ? text.slice(text.length - MAX_BODY) : text;
+        return {
+            title: chatMemoTitle([{ role: 'user', text: text }], labels),
+            body: body,
+            messages: 1,
+            truncated: body.length !== text.length
+        };
+    }
     /**
      * Read the Session the right sidebar can act on. `ctx.sidebarRight.mounted`
      * is the observable of the on-screen Session — undefined while no Session is
@@ -2159,6 +2477,38 @@ window.__ModuleLoader__.load({
             return right.updatedAt - left.updatedAt;
         });
     }
+    /**
+     * Fit a context menu inside its container. Coordinates are container-relative,
+     * so the menu flips above the anchor when it would overflow the bottom edge and
+     * is clamped to the container with a small margin on every side.
+     */
+    function placeContextMenu(anchor, size, bounds, margin) {
+        var gap = typeof margin === 'number' && isFinite(margin) ? Math.max(0, margin) : 4;
+        var anchorX = typeof anchor.x === 'number' && isFinite(anchor.x) ? anchor.x : gap;
+        var anchorY = typeof anchor.y === 'number' && isFinite(anchor.y) ? anchor.y : gap;
+        var width = typeof size.width === 'number' && isFinite(size.width) ? Math.max(0, size.width) : 0;
+        var height = typeof size.height === 'number' && isFinite(size.height) ? Math.max(0, size.height) : 0;
+        var boundWidth = typeof bounds.width === 'number' && isFinite(bounds.width) ? Math.max(0, bounds.width) : 0;
+        var boundHeight = typeof bounds.height === 'number' && isFinite(bounds.height) ? Math.max(0, bounds.height) : 0;
+        var left = Math.min(Math.max(anchorX, gap), Math.max(gap, boundWidth - width - gap));
+        var top = anchorY;
+        if (top + height + gap > boundHeight)
+            top = anchorY - height - gap;
+        top = Math.min(Math.max(top, gap), Math.max(gap, boundHeight - height - gap));
+        return { left: Math.round(left), top: Math.round(top) };
+    }
+    /** One row of the memo context menu; keyboard focus is managed by the menu. */
+    function contextMenuItem(key, label, icon, danger, onSelect) {
+        return h('button', {
+            type: 'button',
+            role: 'menuitem',
+            key: key,
+            className: 'dsm-menu-item',
+            'data-danger': danger ? 'true' : undefined,
+            tabIndex: -1,
+            onClick: onSelect
+        }, h('span', { className: 'dsm-menu-icon' }, icon), h('span', { className: 'dsm-menu-label' }, label));
+    }
     function copyToClipboard(text) {
         if (typeof navigator !== 'undefined' && navigator.clipboard !== undefined && typeof navigator.clipboard.writeText === 'function') {
             return navigator.clipboard.writeText(text).then(function () {
@@ -2928,6 +3278,45 @@ window.__ModuleLoader__.load({
         var labelNoticeState = React.useState('');
         var labelNotice = labelNoticeState[0];
         var setLabelNotice = labelNoticeState[1];
+        // Right-click menu on a memo row. Coordinates are relative to `.dsm-root`.
+        var menuState = React.useState(null);
+        var menu = menuState[0];
+        var setMenu = menuState[1];
+        var menuPositionState = React.useState(null);
+        var menuPosition = menuPositionState[0];
+        var setMenuPosition = menuPositionState[1];
+        var menuArmedState = React.useState(false);
+        var menuDeleteArmed = menuArmedState[0];
+        var setMenuDeleteArmed = menuArmedState[1];
+        var rootRef = React.useRef(null);
+        var menuRef = React.useRef(null);
+        var menuReturnFocusRef = React.useRef(null);
+        var openRequest = props.openRequest === undefined ? nullOpenRequest : props.openRequest;
+        var requestedNoteId = useSyncExternalStore(openRequest.subscribe, openRequest.getSnapshot, openRequest.getSnapshot);
+        // A memo created from the chat header asks to be opened here. The panel can
+        // mount after the request was filed, so the store is read on mount as well;
+        // the request is consumed exactly once.
+        React.useEffect(function () {
+            if (requestedNoteId === null)
+                return;
+            openRequest.set(null);
+            var found = false;
+            for (var index = 0; index < snapshot.notes.length; index += 1) {
+                if (snapshot.notes[index].id === requestedNoteId) {
+                    found = true;
+                    break;
+                }
+            }
+            if (!found)
+                return;
+            setTransfer(null);
+            setQuery('');
+            setCopiedId(null);
+            setEditorCopied(false);
+            setDeleteArmed(false);
+            setNewId(null);
+            setEditingId(requestedNoteId);
+        }, [requestedNoteId, openRequest, snapshot.notes]);
         var now = Date.now();
         var normalizedQuery = query.trim().toLocaleLowerCase();
         var labelFilterActive = activeLabels.length > 0;
@@ -3183,6 +3572,103 @@ window.__ModuleLoader__.load({
                 }
             }
         }
+        var menuTarget;
+        if (menu !== null) {
+            for (var menuAt = 0; menuAt < snapshot.notes.length; menuAt += 1) {
+                if (snapshot.notes[menuAt].id === menu.id) {
+                    menuTarget = snapshot.notes[menuAt];
+                    break;
+                }
+            }
+        }
+        // Drop the menu when its memo disappears (deleted elsewhere, imported over, ...).
+        React.useEffect(function () {
+            if (menu === null || menuTarget !== undefined)
+                return;
+            setMenu(null);
+            setMenuDeleteArmed(false);
+            setMenuPosition(null);
+        }, [menu, menuTarget, setMenu, setMenuDeleteArmed, setMenuPosition]);
+        // Measure after render so the menu can be clamped or flipped inside the panel.
+        React.useLayoutEffect(function () {
+            if (menu === null)
+                return;
+            var root = rootRef.current;
+            var element = menuRef.current;
+            if (root === null || element === null)
+                return;
+            var next = placeContextMenu({ x: menu.x, y: menu.y }, { width: element.offsetWidth, height: element.offsetHeight }, { width: root.clientWidth, height: root.clientHeight });
+            setMenuPosition(function (current) {
+                if (current !== null && current.left === next.left && current.top === next.top)
+                    return current;
+                return next;
+            });
+        }, [menu, menuDeleteArmed, setMenuPosition]);
+        React.useLayoutEffect(function () {
+            if (menu === null)
+                return;
+            var element = menuRef.current;
+            if (element === null)
+                return;
+            var items = element.querySelectorAll('[role="menuitem"]');
+            if (items.length === 0)
+                return;
+            try {
+                items[0].focus();
+            }
+            catch (error) {
+                // Focus is best effort; the menu still works with the mouse.
+            }
+        }, [menu]);
+        React.useEffect(function () {
+            if (menu === null)
+                return undefined;
+            if (typeof document === 'undefined' || typeof window === 'undefined')
+                return undefined;
+            function isInsideMenu(target) {
+                var element = menuRef.current;
+                if (element === null || target === null)
+                    return false;
+                return element.contains(target);
+            }
+            function onPointerDown(event) {
+                if (isInsideMenu(event.target))
+                    return;
+                closeRowMenu(false);
+            }
+            function onKeyDown(event) {
+                if (event.key !== 'Escape')
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                closeRowMenu(true);
+            }
+            function onDismiss() {
+                closeRowMenu(false);
+            }
+            document.addEventListener('pointerdown', onPointerDown, true);
+            document.addEventListener('keydown', onKeyDown, true);
+            document.addEventListener('scroll', onDismiss, true);
+            window.addEventListener('resize', onDismiss);
+            window.addEventListener('blur', onDismiss);
+            return function () {
+                document.removeEventListener('pointerdown', onPointerDown, true);
+                document.removeEventListener('keydown', onKeyDown, true);
+                document.removeEventListener('scroll', onDismiss, true);
+                window.removeEventListener('resize', onDismiss);
+                window.removeEventListener('blur', onDismiss);
+            };
+        }, [menu]);
+        React.useEffect(function () {
+            if (!menuDeleteArmed)
+                return undefined;
+            var timer = setTimeout(function () {
+                setMenuDeleteArmed(false);
+            }, DELETE_ARM_MS);
+            return function () {
+                clearTimeout(timer);
+            };
+        }, [menuDeleteArmed, setMenuDeleteArmed]);
         React.useEffect(function () {
             if (editingId !== null && editing === undefined) {
                 setEditingId(null);
@@ -3492,6 +3978,130 @@ window.__ModuleLoader__.load({
             setNewId(null);
             setDeleteArmed(false);
         }
+        function openRowMenu(note, clientX, clientY, returnFocus) {
+            var root = rootRef.current;
+            var rect = root === null ? null : root.getBoundingClientRect();
+            var x = rect === null ? clientX : clientX - rect.left;
+            var y = rect === null ? clientY : clientY - rect.top;
+            menuReturnFocusRef.current = returnFocus;
+            setMenuDeleteArmed(false);
+            setMenuPosition(null);
+            setMenu({ id: note.id, x: x, y: y });
+        }
+        function closeRowMenu(restoreFocus) {
+            var target = menuReturnFocusRef.current;
+            menuReturnFocusRef.current = null;
+            setMenu(null);
+            setMenuDeleteArmed(false);
+            setMenuPosition(null);
+            if (!restoreFocus || target === null)
+                return;
+            if (typeof target.isConnected === 'boolean' && !target.isConnected)
+                return;
+            try {
+                target.focus();
+            }
+            catch (error) {
+                /* focusing is best effort */
+            }
+        }
+        function menuNote() {
+            if (menu === null)
+                return undefined;
+            for (var index = 0; index < snapshot.notes.length; index += 1) {
+                if (snapshot.notes[index].id === menu.id)
+                    return snapshot.notes[index];
+            }
+            return undefined;
+        }
+        function handleMenuOpen() {
+            var note = menuNote();
+            closeRowMenu(true);
+            if (note !== undefined)
+                openNote(note.id);
+        }
+        function handleMenuCopy() {
+            var note = menuNote();
+            closeRowMenu(true);
+            if (note !== undefined)
+                copyNote(note);
+        }
+        function handleMenuDuplicate() {
+            var note = menuNote();
+            closeRowMenu(true);
+            if (note === undefined)
+                return;
+            var copy = notes.duplicate(note.id);
+            if (copy === undefined) {
+                setAnnounce(t('limit.reached', { max: limits.maxNotes }));
+                return;
+            }
+            setAnnounce(t('menu.duplicated'));
+        }
+        function handleMenuFavorite() {
+            var note = menuNote();
+            closeRowMenu(true);
+            if (note !== undefined)
+                toggleFavorite(note);
+        }
+        function handleMenuDelete() {
+            var note = menuNote();
+            if (note === undefined) {
+                closeRowMenu(false);
+                return;
+            }
+            if (!menuDeleteArmed) {
+                setMenuDeleteArmed(true);
+                return;
+            }
+            closeRowMenu(false);
+            notes.remove(note.id);
+            notes.flush();
+            setAnnounce(t('menu.deleted'));
+        }
+        function moveMenuFocus(event) {
+            if (event.key === 'Tab') {
+                closeRowMenu(false);
+                return;
+            }
+            var forward = event.key === 'ArrowDown';
+            var backward = event.key === 'ArrowUp';
+            var home = event.key === 'Home';
+            var end = event.key === 'End';
+            if (!forward && !backward && !home && !end)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            var element = menuRef.current;
+            if (element === null)
+                return;
+            var items = element.querySelectorAll('[role="menuitem"]');
+            if (items.length === 0)
+                return;
+            var active = document.activeElement;
+            var current = -1;
+            for (var index = 0; index < items.length; index += 1) {
+                if (items[index] === active) {
+                    current = index;
+                    break;
+                }
+            }
+            var next;
+            if (home)
+                next = 0;
+            else if (end)
+                next = items.length - 1;
+            else if (forward)
+                next = current < 0 ? 0 : (current + 1) % items.length;
+            else
+                next = current < 0 ? items.length - 1 : (current - 1 + items.length) % items.length;
+            try {
+                items[next].focus();
+            }
+            catch (error) {
+                /* focusing is best effort */
+            }
+        }
         function updateEditing(field, value) {
             if (editing === undefined)
                 return;
@@ -4266,6 +4876,20 @@ window.__ModuleLoader__.load({
                     }
                     fillMemoDragData(event.dataTransfer, note);
                     setDraggingId(note.id);
+                },
+                onContextMenu: function (event) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    var focusTarget = event.currentTarget.querySelector('.dsm-row-main');
+                    var x = event.clientX;
+                    var y = event.clientY;
+                    if (x === 0 && y === 0) {
+                        // Keyboard-triggered context menu: anchor it to the row instead of 0,0.
+                        var rect = event.currentTarget.getBoundingClientRect();
+                        x = rect.left + Math.min(24, rect.width / 2);
+                        y = rect.bottom - 6;
+                    }
+                    openRowMenu(note, x, y, focusTarget);
                 }
             }, h('button', {
                 type: 'button',
@@ -4273,6 +4897,15 @@ window.__ModuleLoader__.load({
                 title: title,
                 onClick: function () {
                     openNote(note.id);
+                },
+                onKeyDown: function (event) {
+                    var isMenuKey = event.key === 'ContextMenu' || (event.shiftKey && event.key === 'F10');
+                    if (!isMenuKey)
+                        return;
+                    event.preventDefault();
+                    event.stopPropagation();
+                    var rect = event.currentTarget.getBoundingClientRect();
+                    openRowMenu(note, rect.left + Math.min(24, rect.width / 2), rect.bottom - 6, event.currentTarget);
                 }
             }, h('span', { className: 'dsm-row-title' }, h('span', { className: 'dsm-row-title-text' }, title), imageTotal > 0
                 ? h('span', { className: 'dsm-row-images', title: imageCountLabel(t, imageTotal), 'aria-label': imageCountLabel(t, imageTotal) }, h(IconImage, { size: 11 }), String(imageTotal))
@@ -4333,7 +4966,33 @@ window.__ModuleLoader__.load({
                 ? t('count.one')
                 : t('count.other', { count: snapshot.notes.length });
         }
-        return h('div', { className: 'dsm-root', 'data-side-memo': 'list' }, h('div', { className: 'dsm-toolbar' }, h('div', { className: 'dsm-search' }, h('span', { className: 'dsm-search-icon' }, h(IconSearch, { size: 14 })), h('input', {
+        var menuElement = null;
+        if (menu !== null && menuTarget !== undefined) {
+            var targetNote = menuTarget;
+            var menuItems = [
+                contextMenuItem('open', t('menu.open'), h(IconNote, { size: 14 }), false, handleMenuOpen),
+                contextMenuItem('copy', t('copy'), h(IconCopy, { size: 14 }), false, handleMenuCopy),
+                contextMenuItem('duplicate', t('menu.duplicate'), h(IconPlus, { size: 14 }), false, handleMenuDuplicate),
+                contextMenuItem('favorite', targetNote.favorite === true ? t('favorite.remove') : t('favorite.add'), targetNote.favorite === true ? h(IconStarFilled, { size: 14 }) : h(IconStar, { size: 14 }), false, handleMenuFavorite),
+                h('div', { className: 'dsm-menu-sep', role: 'separator', key: 'sep' }),
+                contextMenuItem('delete', menuDeleteArmed ? t('delete.confirm') : t('delete'), h(IconX, { size: 14 }), true, handleMenuDelete)
+            ];
+            menuElement = h('div', {
+                className: 'dsm-menu',
+                role: 'menu',
+                'aria-label': t('menu.label'),
+                ref: menuRef,
+                style: {
+                    left: String(menuPosition === null ? menu.x : menuPosition.left) + 'px',
+                    top: String(menuPosition === null ? menu.y : menuPosition.top) + 'px'
+                },
+                onKeyDown: moveMenuFocus,
+                onContextMenu: function (event) {
+                    event.preventDefault();
+                }
+            }, menuItems);
+        }
+        return h('div', { className: 'dsm-root', 'data-side-memo': 'list', ref: rootRef }, h('div', { className: 'dsm-toolbar' }, h('div', { className: 'dsm-search' }, h('span', { className: 'dsm-search-icon' }, h(IconSearch, { size: 14 })), h('input', {
             type: 'search',
             value: query,
             placeholder: t('search.placeholder'),
@@ -4420,7 +5079,7 @@ window.__ModuleLoader__.load({
             }, t('labels.all'))
             : null), h('div', { className: 'dsm-list-scroll' }, listContent), h('div', { className: 'dsm-foot' }, h('span', null, countLabel), visibleNotes.length === 0 || props.inputActions === undefined
             ? null
-            : h('span', { className: 'dsm-foot-hint', title: t('drag.hint') }, t('drag.hint')), atLimit ? h('span', { title: t('limit.hint', { max: limits.maxNotes }) }, t('limit.reached', { max: limits.maxNotes })) : null), liveRegion);
+            : h('span', { className: 'dsm-foot-hint', title: t('drag.hint') }, t('drag.hint')), atLimit ? h('span', { title: t('limit.hint', { max: limits.maxNotes }) }, t('limit.reached', { max: limits.maxNotes })) : null), liveRegion, menuElement);
     }
     // ---------------------------------------------------------------------
     // Chip title and header toggle
@@ -4445,6 +5104,374 @@ window.__ModuleLoader__.load({
             }
         }, h(IconNote, { size: 16 }));
     }
+    /**
+     * "Save this conversation as a memo" header button.
+     *
+     * The chat snapshot hook only exists inside a Session-scope slot, so this
+     * wrapper renders nothing on hosts that do not supply it and defers the real
+     * button — whose hook calls must be unconditional — to a child component.
+     */
+    function NotesChatMemo(props) {
+        if (typeof props.useChat !== 'function')
+            return null;
+        return h(NotesChatMemoButton, props);
+    }
+    function NotesChatMemoButton(props) {
+        var t = translateFor(props);
+        var notes = props.notes;
+        var openRequest = props.openRequest;
+        var useChat = props.useChat;
+        // Subscribe to the whole (identity-stable) snapshot; the transcript is
+        // reduced only when the user picks a menu item, so this never allocates per
+        // render and stays a safe useSyncExternalStore consumer.
+        var chat = useChat(function (snapshot) {
+            return snapshot;
+        });
+        var feedbackState = React.useState('');
+        var feedback = feedbackState[0];
+        var setFeedback = feedbackState[1];
+        var menuState = React.useState(false);
+        var menuOpen = menuState[0];
+        var setMenuOpen = menuState[1];
+        var anchorState = React.useState(null);
+        var anchor = anchorState[0];
+        var setAnchor = anchorState[1];
+        var rootRef = React.useRef(null);
+        var buttonRef = React.useRef(null);
+        React.useEffect(function () {
+            if (feedback === '')
+                return undefined;
+            var timer = setTimeout(function () {
+                setFeedback('');
+            }, feedback === 'saved' ? COPY_FEEDBACK_MS : COPY_FAILED_MS);
+            return function () {
+                clearTimeout(timer);
+            };
+        }, [feedback]);
+        // The header clips its own children, so the menu is fixed-positioned under
+        // the button and dismissed like a native menu: outside press, Escape, or
+        // any scroll/resize that would leave it floating in the wrong place.
+        React.useEffect(function () {
+            if (!menuOpen)
+                return undefined;
+            function close() {
+                setMenuOpen(false);
+            }
+            function onPointerDown(event) {
+                var root = rootRef.current;
+                if (root !== null && typeof root.contains === 'function' && root.contains(event.target))
+                    return;
+                close();
+            }
+            function onKeyDown(event) {
+                if (event.key === 'Escape')
+                    close();
+            }
+            document.addEventListener('pointerdown', onPointerDown, true);
+            document.addEventListener('keydown', onKeyDown);
+            window.addEventListener('resize', close);
+            window.addEventListener('scroll', close, true);
+            return function () {
+                document.removeEventListener('pointerdown', onPointerDown, true);
+                document.removeEventListener('keydown', onKeyDown);
+                window.removeEventListener('resize', close);
+                window.removeEventListener('scroll', close, true);
+            };
+        }, [menuOpen]);
+        function visibleNodes() {
+            var list = [];
+            if (chat === null || chat === undefined)
+                return list;
+            var order = Array.isArray(chat.order) ? chat.order : [];
+            var nodes = chat.nodes;
+            if (nodes === null || nodes === undefined || typeof nodes.get !== 'function')
+                return list;
+            for (var index = 0; index < order.length; index += 1) {
+                var node = nodes.get(order[index]);
+                if (node !== null && node !== undefined)
+                    list.push(node);
+            }
+            return list;
+        }
+        function openMenu() {
+            var button = buttonRef.current;
+            if (button !== null && typeof button.getBoundingClientRect === 'function') {
+                var rect = button.getBoundingClientRect();
+                var width = 226;
+                var viewport = typeof window === 'undefined' ? width : window.innerWidth;
+                var left = Math.max(8, Math.min(rect.right - width, viewport - width - 8));
+                setAnchor({ left: left, top: rect.bottom + 6 });
+            }
+            setMenuOpen(true);
+        }
+        function save(mode) {
+            setMenuOpen(false);
+            var draft = chatMemoDraft(visibleNodes(), {
+                you: t('chat.you'),
+                assistant: t('chat.assistant'),
+                fallbackTitle: t('chat.fallbackTitle')
+            }, mode);
+            if (draft === null) {
+                setFeedback(mode === 'prompts' ? 'empty-prompts' : 'empty');
+                return;
+            }
+            var note = notes.create();
+            if (note === undefined) {
+                setFeedback('limit');
+                return;
+            }
+            notes.update(note.id, { title: draft.title, body: draft.body });
+            notes.flush();
+            openRequest.set(note.id);
+            if (typeof props.reveal === 'function')
+                props.reveal();
+            setFeedback('saved');
+        }
+        var saved = feedback === 'saved';
+        var failed = feedback !== '' && !saved;
+        var label = saved
+            ? t('chat.saved')
+            : feedback === 'limit'
+                ? t('chat.limit')
+                : feedback === 'empty-prompts'
+                    ? t('chat.emptyPrompts')
+                    : feedback === 'empty'
+                        ? t('chat.empty')
+                        : t('chat.create');
+        var menuStyle = anchor === null ? undefined : { left: anchor.left + 'px', top: anchor.top + 'px' };
+        return h('div', { className: 'dsm-chat-memo', ref: rootRef }, h('button', {
+            type: 'button',
+            className: 'dsm-toggle',
+            ref: buttonRef,
+            'data-side-memo-chat-memo': 'true',
+            'data-state': saved ? 'saved' : failed ? 'failed' : 'idle',
+            'data-active': menuOpen ? 'true' : 'false',
+            'aria-haspopup': 'menu',
+            'aria-expanded': menuOpen ? 'true' : 'false',
+            title: label,
+            'aria-label': saved || failed ? label : t('chat.createAria'),
+            onClick: function () {
+                if (menuOpen)
+                    setMenuOpen(false);
+                else
+                    openMenu();
+            }
+        }, saved ? h(IconCheck, { size: 16 }) : h(IconChatMemo, { size: 16 })), menuOpen
+            ? h('div', {
+                className: 'dsm-chat-memo-menu',
+                role: 'menu',
+                'aria-label': t('chat.menu.label'),
+                style: menuStyle
+            }, h('button', {
+                type: 'button',
+                role: 'menuitem',
+                className: 'dsm-chat-memo-item',
+                onClick: function () {
+                    save('chat');
+                }
+            }, h('span', null, t('chat.menu.chat')), h('span', { className: 'dsm-chat-memo-note' }, t('chat.menu.chatNote'))), h('button', {
+                type: 'button',
+                role: 'menuitem',
+                className: 'dsm-chat-memo-item',
+                onClick: function () {
+                    save('prompts');
+                }
+            }, h('span', null, t('chat.menu.prompts')), h('span', { className: 'dsm-chat-memo-note' }, t('chat.menu.promptsNote'))))
+            : null, h('span', { className: 'dsm-sr-only', role: 'status', 'aria-live': 'polite' }, saved ? t('chat.saved') : ''));
+    }
+    /**
+     * Quick "save this prompt as a memo" affordance.
+     *
+     * DSH renders a user message's action row itself and exposes no slot for it,
+     * so the button is fixed-positioned next to that row and follows the pointer
+     * from message to message. The prompt text is read from the
+     * `conversation.chat.user.content` slot anchor, and the button lives in the
+     * click-through `shell.overlay` layer so the message list's overflow and
+     * hover scopes cannot clip it.
+     */
+    function NotesPromptMemo(props) {
+        var t = translateFor(props);
+        var labels = {
+            you: t('chat.you'),
+            assistant: t('chat.assistant'),
+            fallbackTitle: t('chat.fallbackTitle')
+        };
+        var notes = props.notes;
+        var openRequest = props.openRequest;
+        var labelsRef = React.useRef(labels);
+        labelsRef.current = labels;
+        var targetState = React.useState(null);
+        var target = targetState[0];
+        var setTarget = targetState[1];
+        var targetRef = React.useRef(target);
+        targetRef.current = target;
+        var feedbackState = React.useState('');
+        var feedback = feedbackState[0];
+        var setFeedback = feedbackState[1];
+        var feedbackRef = React.useRef(feedback);
+        feedbackRef.current = feedback;
+        var hideTimer = React.useRef(null);
+        function clearHide() {
+            var timer = hideTimer.current;
+            if (timer === null)
+                return;
+            clearTimeout(timer);
+            hideTimer.current = null;
+        }
+        function hide() {
+            clearHide();
+            setTarget(null);
+        }
+        function scheduleHide() {
+            clearHide();
+            hideTimer.current = window.setTimeout(function () {
+                hideTimer.current = null;
+                setTarget(null);
+            }, 140);
+        }
+        React.useEffect(function () {
+            if (feedback === '')
+                return undefined;
+            var timer = setTimeout(function () {
+                setFeedback('');
+            }, feedback === 'saved' ? COPY_FEEDBACK_MS : COPY_FAILED_MS);
+            return function () {
+                clearTimeout(timer);
+            };
+        }, [feedback]);
+        React.useEffect(function () {
+            if (typeof document === 'undefined')
+                return undefined;
+            function elementOf(value) {
+                return value !== null && typeof value === 'object' && 'closest' in value ? value : null;
+            }
+            function locate(item) {
+                var row = item.querySelector('[data-clock="start"]');
+                if (row === null)
+                    return null;
+                var copy = row.querySelector('button');
+                if (copy === null)
+                    return null;
+                var copyBox = copy.getBoundingClientRect();
+                if (copyBox.width === 0 && copyBox.height === 0)
+                    return null;
+                var first = row.children.length === 0 ? null : row.children[0];
+                var time = first !== null && first.tagName === 'SPAN' ? first : null;
+                var left = Math.round(copyBox.right + 5);
+                if (time !== null) {
+                    var timeBox = time.getBoundingClientRect();
+                    if (timeBox.right + 26 <= copyBox.left)
+                        left = Math.round(timeBox.right + 4);
+                    else
+                        left = Math.round((timeBox.right + copyBox.left) / 2 - 11);
+                }
+                var content = item.querySelector('[data-slot="conversation.chat.user.content"]');
+                var text = content === null ? '' : content.innerText || content.textContent || '';
+                if (promptMemoDraft(text, labelsRef.current) === null)
+                    return null;
+                return {
+                    text: text,
+                    left: left,
+                    top: Math.round(copyBox.top + copyBox.height / 2 - 11)
+                };
+            }
+            function onPointerOver(event) {
+                var node = elementOf(event.target);
+                if (node === null)
+                    return;
+                if (node.closest('[data-side-memo-prompt-memo]') !== null) {
+                    clearHide();
+                    return;
+                }
+                var item = node.closest('[data-chat-flow-kind="user"]');
+                if (item === null)
+                    return;
+                var next = locate(item);
+                if (next === null)
+                    return;
+                var current = targetRef.current;
+                if (current !== null && current.text === next.text && current.left === next.left && current.top === next.top)
+                    return;
+                clearHide();
+                if (feedbackRef.current !== '')
+                    setFeedback('');
+                setTarget(next);
+            }
+            function onPointerOut(event) {
+                var node = elementOf(event.target);
+                if (node === null)
+                    return;
+                var item = node.closest('[data-chat-flow-kind="user"]');
+                if (item === null)
+                    return;
+                var related = elementOf(event.relatedTarget);
+                if (related !== null && (related.closest('[data-chat-flow-kind="user"]') === item || related.closest('[data-side-memo-prompt-memo]') !== null))
+                    return;
+                scheduleHide();
+            }
+            function onPointerDown(event) {
+                var node = elementOf(event.target);
+                if (node !== null && node.closest('[data-side-memo-prompt-memo]') !== null)
+                    return;
+                hide();
+            }
+            function onKeyDown(event) {
+                if (event.key === 'Escape')
+                    hide();
+            }
+            document.addEventListener('pointerover', onPointerOver, true);
+            document.addEventListener('pointerout', onPointerOut, true);
+            document.addEventListener('pointerdown', onPointerDown, true);
+            document.addEventListener('keydown', onKeyDown);
+            window.addEventListener('scroll', hide, true);
+            window.addEventListener('resize', hide);
+            return function () {
+                clearHide();
+                document.removeEventListener('pointerover', onPointerOver, true);
+                document.removeEventListener('pointerout', onPointerOut, true);
+                document.removeEventListener('pointerdown', onPointerDown, true);
+                document.removeEventListener('keydown', onKeyDown);
+                window.removeEventListener('scroll', hide, true);
+                window.removeEventListener('resize', hide);
+            };
+        }, []);
+        function save() {
+            if (target === null)
+                return;
+            var draft = promptMemoDraft(target.text, labels);
+            if (draft === null)
+                return;
+            var note = notes.create();
+            if (note === undefined) {
+                setFeedback('limit');
+                return;
+            }
+            notes.update(note.id, { title: draft.title, body: draft.body });
+            notes.flush();
+            openRequest.set(note.id);
+            if (typeof props.reveal === 'function')
+                props.reveal();
+            setFeedback('saved');
+        }
+        var saved = feedback === 'saved';
+        var failed = feedback !== '' && !saved;
+        var status = saved ? t('chat.saved') : feedback === 'limit' ? t('chat.limit') : '';
+        if (target === null) {
+            return h('span', { className: 'dsm-sr-only', role: 'status', 'aria-live': 'polite' }, status);
+        }
+        return h(React.Fragment, null, h('button', {
+            type: 'button',
+            className: 'dsm-prompt-memo',
+            'data-side-memo-prompt-memo': 'true',
+            'data-state': saved ? 'saved' : failed ? 'failed' : 'idle',
+            style: { left: target.left + 'px', top: target.top + 'px' },
+            title: saved ? t('chat.saved') : t('prompt.create'),
+            'aria-label': t('prompt.createAria'),
+            onClick: save,
+            onPointerEnter: clearHide,
+            onPointerLeave: scheduleHide
+        }, saved ? h(IconCheck, { size: 13 }) : h(IconChatMemo, { size: 13 })), h('span', { className: 'dsm-sr-only', role: 'status', 'aria-live': 'polite' }, status));
+    }
     /**
      * The header toggle for the phases without the normal Session chrome.
      *
@@ -4594,7 +5621,7 @@ window.__ModuleLoader__.load({
             onClick: function () {
                 drawer.set(false);
             }
-        }, h(IconX, { size: 16 }))), h('div', { className: 'dsm-drawer-body' }, h(NotesBody, { t: t, notes: props.notes }))));
+        }, h(IconX, { size: 16 }))), h('div', { className: 'dsm-drawer-body' }, h(NotesBody, { t: t, notes: props.notes, openRequest: props.openRequest }))));
     }
     // ---------------------------------------------------------------------
     // Plugin body
@@ -4620,6 +5647,7 @@ window.__ModuleLoader__.load({
         fallbackT = ctx.locale.bind(NS);
         var notes = createNotesStore();
         var drawer = createDrawerStore();
+        var openRequest = createOpenRequestStore();
         var mountedBinding = createMountedBinding(function () {
             return ctx.sidebarRight;
         });
@@ -4719,6 +5747,22 @@ window.__ModuleLoader__.load({
             }, 'could not toggle the notes panel in the right sidebar');
             drawer.set(false);
         }
+        // Unlike toggleNotes, this never collapses an already-open panel: the
+        // chat-memo button saved a memo and has to show it, not hide it.
+        function revealNotes() {
+            var mounted = readMountedSession(ctx.sidebarRight);
+            if (mounted === undefined) {
+                drawer.set(true);
+                return;
+            }
+            retrySidebarCommand(function () {
+                var right = ctx.sidebarRight;
+                right.openTab(KIND);
+                if (!right.isExpanded())
+                    right.toggleExpanded();
+            }, 'could not open the notes panel in the right sidebar');
+            drawer.set(false);
+        }
         ctx.effect(function () {
             return ctx.slots.inject('conversation.session.header.utilities', function () {
                 return ctx.slots.register({
@@ -4732,6 +5776,37 @@ window.__ModuleLoader__.load({
                 }, NotesToggle);
             });
         }, 'side-memo: header toggle');
+        // Turn the visible conversation into a memo in one click. The slot is
+        // Session-scope, which is what supplies the standard `useChat` hook.
+        ctx.effect(function () {
+            return ctx.slots.inject('conversation.session.header.utilities', function () {
+                return ctx.slots.register({
+                    name: 'conversation.session.header.utilities',
+                    id: 'side-memo-chat-memo',
+                    order: 31,
+                    locale: NS,
+                    inject: function () {
+                        return { reveal: revealNotes, notes: notes, openRequest: openRequest };
+                    }
+                }, NotesChatMemo);
+            });
+        }, 'side-memo: chat memo');
+        // One click next to a prompt turns that prompt into a memo. User messages
+        // have no action slot, so the button rides the click-through overlay layer
+        // and locates the hovered prompt in the message list.
+        ctx.effect(function () {
+            return ctx.slots.inject('shell.overlay', function () {
+                return ctx.slots.register({
+                    name: 'shell.overlay',
+                    id: 'side-memo.prompt-memo',
+                    order: 45,
+                    locale: NS,
+                    inject: function () {
+                        return { notes: notes, openRequest: openRequest, reveal: revealNotes };
+                    }
+                }, NotesPromptMemo);
+            });
+        }, 'side-memo: prompt memo');
         // The resident header's leading seat is the one place that exists before a
         // Session and while the new-Session (blank) chrome is up, so the toggle is
         // there exactly for those phases; once the Session is established the
@@ -4760,7 +5835,7 @@ window.__ModuleLoader__.load({
                     order: 40,
                     locale: NS,
                     inject: function () {
-                        return { notes: notes, drawer: drawer };
+                        return { notes: notes, drawer: drawer, openRequest: openRequest };
                     }
                 }, NotesDrawer);
             });
@@ -4798,7 +5873,7 @@ window.__ModuleLoader__.load({
                     locale: NS,
                     // Slot inject is a factory called as inject(bindingKey, actions).
                     inject: function () {
-                        return { notes: notes };
+                        return { notes: notes, openRequest: openRequest };
                     },
                     children: {
                         'sidebar.right.tab.notes.actions': {
@@ -4887,6 +5962,7 @@ window.__ModuleLoader__.load({
             noteImageIds: noteImageIds,
             normalizeImageRecord: normalizeImageRecord,
             sortNotes: sortNotes,
+            placeContextMenu: placeContextMenu,
             ageLabel: ageLabel,
             crc32: crc32,
             encodeText: encodeText,
@@ -4904,7 +5980,12 @@ window.__ModuleLoader__.load({
             importFavorite: importFavorite,
             parseLabelCell: parseLabelCell,
             normalizedHeader: normalizedHeader,
-            stripXmlPrefixes: stripXmlPrefixes
+            stripXmlPrefixes: stripXmlPrefixes,
+            // Chat → memo helpers (also used by the Node unit suite).
+            chatMemoEntries: chatMemoEntries,
+            chatMemoDraft: chatMemoDraft,
+            createOpenRequestStore: createOpenRequestStore,
+            promptMemoDraft: promptMemoDraft
         };
     }
     return module.exports;