@chestnut23/dsh-conversation-outline 0.1.0

package/lib/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["_Fragment"],"sources":["client/outline.js","client/OutlinePanel.js","client/locales.js","client/styles.js","client/index.js"],"sourcesContent":["/**\n * Pure logic for the conversation outline (implementation-spec §2.3).\n *\n * Deliberately has NO DOM access and NO React imports so scripts/verify.mjs can\n * import it directly in Node from the tsc output (lib/client/outline.js) and\n * assert the derivations offline.\n *\n * Input shapes are structural \"lite\" views of the runtime snapshot types\n * (@deepseek-ai/dsh-client-runtime/client) — the real objects are assignable\n * to them, and Node can import this module without the browser type graph.\n */\nconst IMAGE_PLACEHOLDER = '[image]';\n/**\n * Flatten message content blocks into a single display string: text blocks are\n * joined, image blocks become a placeholder, and whitespace is trimmed and\n * collapsed.\n */\nexport function flattenQuestionText(content) {\n    return content\n        .map((block) => {\n        if (block.type === 'text')\n            return block.text ?? '';\n        if (block.type === 'image')\n            return IMAGE_PLACEHOLDER;\n        return '';\n    })\n        .join(' ')\n        .trim()\n        .replace(/\\s+/g, ' ');\n}\n/** Turn number of a node location: step/turn → location.turn.turn, else undefined. */\nfunction turnOf(location) {\n    if (!location)\n        return undefined;\n    if (location.kind === 'step' || location.kind === 'turn')\n        return location.turn?.turn;\n    return undefined;\n}\n/**\n * Walk the chat flow in order, keep user/steering nodes, skip empty text, and\n * produce chronological outline items (spec §2.3).\n */\nexport function collectQuestions(snapshot) {\n    const items = [];\n    for (const key of snapshot.chat.order) {\n        const node = snapshot.chat.nodes.get(key);\n        if (!node)\n            continue;\n        if (node.kind !== 'user' && node.kind !== 'steering')\n            continue;\n        const data = node.data;\n        const text = flattenQuestionText(data?.content ?? []);\n        if (!text)\n            continue;\n        items.push({\n            key: node.key,\n            kind: node.kind,\n            seq: data?.seq ?? 0,\n            time: data?.time ?? 0,\n            turn: turnOf(node.location),\n            text,\n        });\n    }\n    return items;\n}\n/** Case-insensitive substring filter over the flattened question text. */\nexport function filterQuestions(items, query) {\n    const q = query.trim().toLowerCase();\n    if (!q)\n        return items;\n    return items.filter((item) => item.text.toLowerCase().includes(q));\n}\n/** Local `HH:MM` from a unix-ms timestamp (spec §2.3). */\nexport function formatTime(ms) {\n    const d = new Date(ms);\n    const hh = String(d.getHours()).padStart(2, '0');\n    const mm = String(d.getMinutes()).padStart(2, '0');\n    return `${hh}:${mm}`;\n}\n/** Pure DOM predicate for the jump loop: is this row the target node? */\nexport function isJumpTargetRow(row, key) {\n    return row.getAttribute('data-chat-anchor-key') === key;\n}\n","import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore, } from 'react';\nimport { collectQuestions, filterQuestions, formatTime, isJumpTargetRow, } from \"./outline.js\";\n/** Stable getSnapshot value while no session is current (uSES contract). */\nconst NO_SESSION = null;\nconst JUMP_HEADROOM = 96;\nconst JUMP_TIMEOUT_MS = 1500;\nconst FLASH_MS = 1900;\nconst COPIED_MS = 1500;\n/** Grace period before the hover panel collapses (lets the pointer travel). */\nconst COLLAPSE_DELAY_MS = 240;\n/** Rail capacity; older questions fold into the \"+N\" marker. */\nconst MAX_BARS = 60;\n/**\n * The conversation view's header tablist, scoped to the conversation root:\n * walk up from the scrollport's PARENT (the scrollport itself may contain\n * other tablists, e.g. the trajectory event-details tabs) and return the\n * nearest ancestor containing a `[role=\"tablist\"]`. Never falls back to a\n * document-wide query, so other tablists (trajectory event details,\n * settings, cordis source viewer) are not hit.\n */\nfunction findConversationTablist(scrollport) {\n    let node = scrollport.parentElement;\n    while (node) {\n        const tablist = node.querySelector('[role=\"tablist\"]');\n        if (tablist)\n            return tablist;\n        node = node.parentElement;\n    }\n    return null;\n}\n/** RAF that prunes itself from the tracking ref once it fires. */\nfunction scheduleRaf(rafRef, fn) {\n    const id = requestAnimationFrame(() => {\n        rafRef.current = rafRef.current.filter((x) => x !== id);\n        fn();\n    });\n    rafRef.current.push(id);\n}\n/** Timeout that prunes itself from the tracking ref once it fires. */\nfunction scheduleTimeout(timeoutRef, fn, ms) {\n    const id = window.setTimeout(() => {\n        timeoutRef.current = timeoutRef.current.filter((x) => x !== id);\n        fn();\n    }, ms);\n    timeoutRef.current.push(id);\n}\nexport function OutlinePanel({ sessions, useSessions, t }) {\n    const current = useSessions((s) => s.current);\n    const session = current ? sessions.binding(current)?.session : undefined;\n    // Conversation snapshot subscription (spec §1.5): live updates while the\n    // session runs, load-older, blank detection — all ride this one store.\n    const subscribe = useCallback((onChange) => (session ? session.subscribe(onChange) : () => { }), [session]);\n    const getSnapshot = useCallback(() => (session ? session.getSnapshot() : NO_SESSION), [session]);\n    const snapshot = useSyncExternalStore(subscribe, getSnapshot);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n    const [copiedKey, setCopiedKey] = useState(null);\n    const timeoutsRef = useRef([]);\n    const rafsRef = useRef([]);\n    const flashedRowRef = useRef(null);\n    const collapseTimerRef = useRef(null);\n    // Cancel pending jump work (RAFs/timeouts), the flash highlight, and a\n    // scheduled hover collapse.\n    const clearPending = useCallback(() => {\n        for (const id of rafsRef.current)\n            window.cancelAnimationFrame(id);\n        for (const id of timeoutsRef.current)\n            window.clearTimeout(id);\n        rafsRef.current = [];\n        timeoutsRef.current = [];\n        if (collapseTimerRef.current !== null) {\n            window.clearTimeout(collapseTimerRef.current);\n            collapseTimerRef.current = null;\n        }\n        if (flashedRowRef.current) {\n            flashedRowRef.current.removeAttribute('data-dsh-outline-flash');\n            flashedRowRef.current = null;\n        }\n    }, []);\n    // Session change → cancel pending work and collapse (navigate closes the\n    // panel, spec §2.1; a mid-jump poll must not target the stale session).\n    useEffect(() => {\n        clearPending();\n        setOpen(false);\n    }, [current, clearPending]);\n    // Escape closes the panel (hover-opened or tap-pinned).\n    useEffect(() => {\n        if (!open)\n            return;\n        const onKey = (event) => {\n            if (event.key === 'Escape')\n                setOpen(false);\n        };\n        window.addEventListener('keydown', onKey);\n        return () => window.removeEventListener('keydown', onKey);\n    }, [open]);\n    // Unmount cleanup: cancel pending flash/copied timeouts, jump RAFs, collapse\n    // timer, and the flash attribute.\n    useEffect(() => clearPending, [clearPending]);\n    const allItems = useMemo(() => (snapshot ? collectQuestions(snapshot) : []), [snapshot]);\n    const items = useMemo(() => filterQuestions(allItems, query), [allItems, query]);\n    const blank = snapshot?.blank ?? true;\n    const hasMore = snapshot?.hasMore ?? false;\n    const loadingOlder = snapshot?.loadingOlder ?? false;\n    // ---- hover-open mechanics (rail ⇄ panel travel survives via the grace) ---\n    const cancelCollapse = useCallback(() => {\n        if (collapseTimerRef.current !== null) {\n            window.clearTimeout(collapseTimerRef.current);\n            collapseTimerRef.current = null;\n        }\n    }, []);\n    const scheduleCollapse = useCallback(() => {\n        cancelCollapse();\n        collapseTimerRef.current = window.setTimeout(() => {\n            collapseTimerRef.current = null;\n            setOpen(false);\n        }, COLLAPSE_DELAY_MS);\n    }, [cancelCollapse]);\n    const showPanel = useCallback(() => {\n        cancelCollapse();\n        setOpen(true);\n    }, [cancelCollapse]);\n    /** Find the chat row for a node key (pure predicate over DOM rows). */\n    const findRow = useCallback((key) => {\n        const rows = document.querySelectorAll('[data-chat-anchor-key]');\n        for (const row of rows) {\n            if (isJumpTargetRow(row, key))\n                return row;\n        }\n        return null;\n    }, []);\n    /** Scroll the row into view (96px headroom) and flash a highlight. */\n    const flashAndScroll = useCallback((row) => {\n        const scrollport = row.closest('[data-conversation-scroll]') ?? document.querySelector('[data-conversation-scroll]');\n        if (scrollport) {\n            const flowTop = row.getBoundingClientRect().top - scrollport.getBoundingClientRect().top;\n            const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n            scrollport.scrollTo({\n                top: scrollport.scrollTop + flowTop - JUMP_HEADROOM,\n                behavior: reduced ? 'auto' : 'smooth',\n            });\n        }\n        // A second jump within FLASH_MS: clear the previous row first.\n        if (flashedRowRef.current && flashedRowRef.current !== row) {\n            flashedRowRef.current.removeAttribute('data-dsh-outline-flash');\n        }\n        flashedRowRef.current = row;\n        row.setAttribute('data-dsh-outline-flash', 'true');\n        scheduleTimeout(timeoutsRef, () => {\n            if (flashedRowRef.current === row) {\n                row.removeAttribute('data-dsh-outline-flash');\n                flashedRowRef.current = null;\n            }\n        }, FLASH_MS);\n    }, []);\n    /** Jump-to-message algorithm (spec §2.2). */\n    const jumpTo = useCallback((key) => {\n        // The conversation page must be mounted; abort silently otherwise.\n        const scrollport = document.querySelector('[data-conversation-scroll]');\n        if (!scrollport)\n            return;\n        // Ensure the Chat view is active: chat is order 0 — the FIRST tab of the\n        // conversation-root tablist, when one exists (setView is idempotent).\n        // A profile without extra views has no header tablist at all — that is\n        // fine, the rows are already visible.\n        const tablist = findConversationTablist(scrollport);\n        if (tablist) {\n            const firstTab = tablist.querySelector('button[role=\"tab\"]');\n            if (firstTab)\n                firstTab.click();\n        }\n        // Poll for the target row regardless of tablist presence — render timing\n        // only; the row is guaranteed in the loaded window (it came from the\n        // snapshot). Canceled on session change/unmount via clearPending.\n        const deadline = Date.now() + JUMP_TIMEOUT_MS;\n        const poll = () => {\n            const row = findRow(key);\n            if (row) {\n                flashAndScroll(row);\n                setOpen(false);\n                return;\n            }\n            if (Date.now() < deadline) {\n                scheduleRaf(rafsRef, poll);\n            }\n            else {\n                console.warn(t('jumpFailed'), { key });\n            }\n        };\n        scheduleRaf(rafsRef, poll);\n    }, [findRow, flashAndScroll, t]);\n    /** Copy a question's text (clipboard API with execCommand fallback). */\n    const copyText = useCallback((text, key) => {\n        const done = () => {\n            setCopiedKey(key);\n            scheduleTimeout(timeoutsRef, () => setCopiedKey((k) => (k === key ? null : k)), COPIED_MS);\n        };\n        const fallback = () => {\n            try {\n                const ta = document.createElement('textarea');\n                ta.value = text;\n                ta.setAttribute('readonly', '');\n                ta.style.position = 'fixed';\n                ta.style.opacity = '0';\n                document.body.appendChild(ta);\n                ta.select();\n                document.execCommand('copy');\n                ta.remove();\n                done();\n            }\n            catch {\n                // clipboard unavailable — ignore\n            }\n        };\n        if (navigator.clipboard?.writeText) {\n            navigator.clipboard.writeText(text).then(done, fallback);\n        }\n        else {\n            fallback();\n        }\n    }, []);\n    // No current session, or a blank session → render nothing (rail included).\n    // MUST stay below every hook: this overlay entry stays mounted across\n    // session changes, and blank flips false on the first accepted prompt, so a\n    // conditional hook would crash React (reviewer MUST-FIX #1).\n    if (!current || !session || blank)\n        return null;\n    // Rail bars: chronological top→bottom, capped at MAX_BARS with the overflow\n    // folded into a \"+N\" marker (the rail is a minimap, not the full list).\n    const start = Math.max(0, allItems.length - MAX_BARS);\n    const bars = allItems.slice(start);\n    const overflow = start;\n    return (_jsxs(_Fragment, { children: [_jsxs(\"div\", { className: \"dso-rail\", role: \"group\", \"aria-label\": t('title'), tabIndex: 0, onMouseEnter: showPanel, onMouseLeave: scheduleCollapse, onFocus: showPanel, onBlur: scheduleCollapse, onClick: (event) => {\n                    // Tap (touch) on the strip itself pins/unpins the panel.\n                    if (event.target === event.currentTarget)\n                        setOpen((v) => !v);\n                }, onKeyDown: (event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                        event.preventDefault();\n                        setOpen((v) => !v);\n                    }\n                }, children: [overflow > 0 && (_jsxs(\"span\", { className: \"dso-rail-more\", \"aria-label\": t('moreBars', { count: overflow }), children: [\"+\", overflow] })), bars.map((item, index) => (_jsx(\"button\", { type: \"button\", className: \"dso-bar\", \"aria-label\": t('barLabel', { n: start + index + 1 }), onClick: () => jumpTo(item.key) }, item.key)))] }), open && (_jsxs(\"div\", { className: \"dso-panel\", role: \"region\", \"aria-label\": t('title'), onMouseEnter: showPanel, onMouseLeave: scheduleCollapse, onFocus: showPanel, onBlur: scheduleCollapse, children: [_jsxs(\"header\", { className: \"dso-panel-header\", children: [_jsx(\"span\", { className: \"dso-panel-title\", children: t('title') }), _jsx(\"span\", { className: \"dso-panel-count\", children: t('count', { count: allItems.length }) }), _jsx(\"button\", { type: \"button\", className: \"dso-panel-close\", \"aria-label\": t('close'), onClick: () => setOpen(false), children: \"\\u00D7\" })] }), _jsx(\"input\", { className: \"dso-search\", type: \"search\", value: query, placeholder: t('searchPlaceholder'), \"aria-label\": t('searchPlaceholder'), onChange: (event) => setQuery(event.target.value) }), _jsx(\"div\", { className: \"dso-list\", children: items.length === 0 ? (_jsx(\"div\", { className: \"dso-empty\", children: t('empty') })) : (items.map((item) => (_jsxs(\"div\", { className: \"dso-row\", children: [_jsxs(\"button\", { type: \"button\", className: \"dso-row-main\", onClick: () => jumpTo(item.key), children: [_jsx(\"span\", { className: \"dso-turn\", children: item.turn !== undefined ? `#${item.turn}` : '' }), _jsx(\"span\", { className: \"dso-text\", children: item.text }), item.kind === 'steering' && _jsx(\"span\", { className: \"dso-steer\", children: t('steerTag') }), _jsx(\"span\", { className: \"dso-time\", children: formatTime(item.time) })] }), _jsx(\"button\", { type: \"button\", className: copiedKey === item.key ? 'dso-copy dso-copied' : 'dso-copy', \"aria-label\": copiedKey === item.key ? t('copied') : t('copy'), onClick: () => copyText(item.text, item.key), children: copiedKey === item.key ? t('copied') : t('copy') })] }, item.key)))) }), hasMore && (_jsx(\"footer\", { className: \"dso-footer\", children: _jsx(\"button\", { type: \"button\", className: \"dso-load-older\", disabled: loadingOlder, onClick: () => {\n                                void session.loadOlder();\n                            }, children: loadingOlder ? t('loadingOlder') : t('loadOlder') }) }))] }))] }));\n}\n","export const NS = 'dsh-conversation-outline';\nexport const zh = {\n    title: '会话大纲',\n    count: '{count} 个问题',\n    searchPlaceholder: '搜索问题…',\n    empty: '当前会话还没有问题',\n    loadOlder: '加载更早',\n    loadingOlder: '加载中…',\n    copy: '复制',\n    copied: '已复制',\n    steerTag: '追问',\n    close: '关闭',\n    jumpFailed: '跳转失败：未找到对应消息',\n    barLabel: '跳到第 {n} 个问题',\n    moreBars: '还有 {count} 个更早的问题',\n};\nexport const en = {\n    title: 'Outline',\n    count: '{count} questions',\n    searchPlaceholder: 'Search questions…',\n    empty: 'No questions in this conversation yet',\n    loadOlder: 'Load older',\n    loadingOlder: 'Loading…',\n    copy: 'Copy',\n    copied: 'Copied',\n    steerTag: 'steer',\n    close: 'Close',\n    jumpFailed: 'Jump failed: target message not found',\n    barLabel: 'Jump to question {n}',\n    moreBars: '{count} more earlier questions',\n};\nexport const dictionaries = { zh, en };\n","/**\n * Outline rail + hover panel CSS (implementation-spec §1.8/§2.1, revised):\n * a thin right-edge rail (conversation minimap) that is always visible while\n * the session has questions, and a preview panel that expands on hover.\n * Plain CSS string injected via an HMR-safe\n * `<style data-plugin=\"dsh-conversation-outline\" data-plugin-css=\"...\">` tag.\n * Stable prefixed class names (`dso_*`), DSH theme vars (`--dsw-alias-*`) —\n * never hashed class names of other packages. No layout shift: the panel is a\n * pure overlay.\n */\nexport const panelCss = `\n/* ---- Right-edge rail (always-visible minimap) --------------------------- */\n.dso-rail {\n  position: fixed;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  z-index: 2147483000;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n  width: 30px;\n  max-height: 55vh;\n  padding: 8px 10px;\n  overflow: hidden;\n  cursor: pointer;\n}\n.dso-rail-more {\n  flex: none;\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 10px;\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n.dso-bar {\n  flex: none;\n  width: 10px;\n  height: 6px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: color-mix(in srgb, var(--dsw-alias-label-tertiary) 45%, transparent);\n  cursor: pointer;\n  transition: background 0.12s, transform 0.12s;\n}\n.dso-bar:hover {\n  background: var(--dsw-alias-state-business-primary);\n  transform: scaleX(1.35);\n}\n.dso-rail:focus-visible,\n.dso-bar:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n/* ---- Hover-expanded preview panel --------------------------------------- */\n.dso-panel {\n  position: fixed;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  z-index: 2147483000;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: min(340px, calc(100vw - 24px));\n  max-height: min(70vh, 600px);\n  overflow: hidden;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 16px;\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform) 92%, transparent);\n  backdrop-filter: blur(20px);\n  box-shadow: 0 16px 48px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);\n  color: var(--dsw-alias-label-primary);\n  animation: dso-panel-in 140ms ease-out;\n}\n@keyframes dso-panel-in {\n  from { opacity: 0; transform: translateY(-50%) translateX(12px); }\n  to { opacity: 1; transform: translateY(-50%) translateX(0); }\n}\n\n.dso-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 14px 10px;\n  border-bottom: 1px solid var(--dsw-alias-line-normal);\n}\n.dso-panel-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.dso-panel-count {\n  flex: 1;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dso-panel-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 16px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.12s;\n}\n.dso-panel-close:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n\n.dso-panel-close:focus-visible,\n.dso-search:focus-visible,\n.dso-row-main:focus-visible,\n.dso-copy:focus-visible,\n.dso-load-older:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.dso-search {\n  margin: 10px 12px 4px;\n  box-sizing: border-box;\n  height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 8px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  outline: none;\n}\n.dso-search::placeholder { color: var(--dsw-alias-label-tertiary); }\n\n/* ---- Question list ------------------------------------------------------ */\n.dso-list {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px;\n}\n/* Row container: two sibling buttons (jump + copy) — no nested interactive\n   controls. Hover highlights the whole row. */\n.dso-row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px;\n  border-radius: 10px;\n  transition: background 0.12s;\n}\n.dso-row:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n.dso-row-main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 2px 6px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background 0.12s;\n}\n.dso-row-main:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n\n.dso-turn {\n  flex: none;\n  min-width: 26px;\n  height: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-fill-business);\n  color: var(--dsw-alias-label-on-fill);\n  font-size: 10px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n/* Single-line truncation: shows the opening words of each question —\n   anything longer simply ellipsizes (per user request). */\n.dso-text {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 18px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.dso-time {\n  flex: none;\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dso-steer {\n  flex: none;\n  padding: 0 6px;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 999px;\n  font-size: 10px;\n  color: var(--dsw-alias-label-secondary);\n}\n.dso-copy {\n  flex: none;\n  padding: 2px 6px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  font-size: 11px;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.12s, color 0.12s, background 0.12s;\n}\n.dso-row:hover .dso-copy,\n.dso-row:focus-within .dso-copy,\n.dso-copy:focus-visible { opacity: 1; }\n.dso-copy:hover { background: var(--dsw-alias-bg-fill-neutral); }\n.dso-copy.dso-copied { color: var(--dsw-alias-state-success); }\n\n.dso-empty {\n  padding: 28px 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---- Footer / load older ------------------------------------------------ */\n.dso-footer {\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px 10px;\n  border-top: 1px solid var(--dsw-alias-line-normal);\n}\n.dso-load-older {\n  padding: 4px 14px;\n  border: none;\n  border-radius: 14px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  font-size: 12px;\n  cursor: pointer;\n}\n.dso-load-older:disabled { cursor: default; opacity: 0.6; }\n\n/* ---- Jump flash highlight ----------------------------------------------- */\n[data-dsh-outline-flash] {\n  animation: dso-flash 1.8s ease-out;\n}\n@keyframes dso-flash {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--dsw-alias-state-business-primary) 50%, transparent);\n    background-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 24%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px transparent;\n    background-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 8%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 transparent;\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dso-panel { animation: none; }\n  .dso-bar { transition: none; }\n  [data-dsh-outline-flash] { animation: none; }\n}\n`;\n/** Inject the style tag, owned by the client fiber (removed on dispose/HMR). */\nexport function injectStyle(ctx) {\n    ctx.effect(() => {\n        const tag = document.createElement('style');\n        tag.dataset.plugin = 'dsh-conversation-outline';\n        tag.dataset.pluginCss = 'dsh-conversation-outline/panel.css';\n        tag.textContent = panelCss;\n        document.head.appendChild(tag);\n        return () => {\n            tag.remove();\n        };\n    }, 'dsh-conversation-outline: panel css');\n}\n","import { OutlinePanel } from \"./OutlinePanel.js\";\nimport { NS, dictionaries } from \"./locales.js\";\nimport { injectStyle } from \"./styles.js\";\n/**\n * Client entry (implementation-spec §1.1/§2.4): the browser half of the\n * plugin. Cordis services this fiber waits for before apply() runs.\n */\nexport const inject = ['slots', 'sessions', 'locale'];\nexport function apply(ctx) {\n    // Locale dictionaries — the typed register form (both shipped locales\n    // required, keys compile-checked). The disposer is owned by the fiber, so\n    // HMR removes the namespace on unload.\n    ctx.effect(() => ctx.locale.register(NS, dictionaries), 'dsh-conversation-outline: locale');\n    // Panel CSS as an HMR-safe <style data-plugin> tag (effect-owned).\n    injectStyle(ctx);\n    // Right-edge rail + hover panel in the frame-wide overlay layer.\n    // slots.inject waits for the layout's declaration of `shell.overlay` and\n    // routes the registration (and its unload cascade) through this fiber.\n    // `locale: NS` gives the component the typed `t` seat; the inject factory\n    // passes the sessions service face.\n    ctx.slots.inject('shell.overlay', () => ctx.slots.register({\n        name: 'shell.overlay',\n        id: 'dsh-conversation-outline.rail',\n        locale: NS,\n        inject: () => ({ sessions: ctx.sessions }),\n    }, OutlinePanel));\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,15 @@
+/**
+ * dsh-conversation-outline — host half.
+ *
+ * This plugin is client-only: all behavior lives in the browser bundle
+ * (exports["./client"] → lib/client.js). The host row still has to exist in
+ * the composition — the client roster scans Loader entries for packages that
+ * declare `dsh.client`, and cordis requires a resolvable plugin body — so this
+ * module is deliberately minimal (spec §1.2).
+ */
+export const name = 'dsh-conversation-outline';
+/** The host fiber needs no services; the client fiber declares its own. */
+export const inject = [];
+export function apply(_ctx) {
+    // client-only plugin: nothing to do on the host
+}

package/lib/types/client/OutlinePanel.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement } from 'react';
+import type { GlobalStandardProps, TranslateNS } from '@deepseek-ai/dsh-client-ui-slots';
+import type { ISessions } from '@deepseek-ai/dsh-client-runtime/client';
+import { NS } from './locales.ts';
+/**
+ * Conversation-outline rail + hover panel (implementation-spec §2.1/§2.2,
+ * revised per user feedback): NO top-right badge — instead a thin, always-
+ * visible right-edge rail (one bar per question, like a conversation minimap).
+ * Hovering the rail expands a preview panel listing each question's opening
+ * words (single-line truncated); clicking a bar or a row jumps to that message.
+ *
+ * Rendered by the shell as a `shell.overlay` entry (frame-wide, click-through
+ * layer). Props come from the composed four-share contract — the global
+ * standard kit (`useSessions`), the injected sessions service face, and the
+ * typed `t` seat for our locale namespace.
+ */
+export interface OutlinePanelProps extends GlobalStandardProps {
+    /** The sessions service face, injected by the registration. */
+    sessions: ISessions;
+    /** Typed translate seat for our namespace (declared via `locale: NS`). */
+    t: TranslateNS<typeof NS>;
+}
+export declare function OutlinePanel({ sessions, useSessions, t }: OutlinePanelProps): ReactElement | null;

package/lib/types/client/index.d.ts

@@ -0,0 +1,7 @@
+import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client';
+/**
+ * Client entry (implementation-spec §1.1/§2.4): the browser half of the
+ * plugin. Cordis services this fiber waits for before apply() runs.
+ */
+export declare const inject: string[];
+export declare function apply(ctx: ClientContext): void;

package/lib/types/client/locales.d.ts

@@ -0,0 +1,36 @@
+export declare const NS = "dsh-conversation-outline";
+export interface OutlineLocale {
+    /** Panel header title / rail aria-label. */
+    title: string;
+    /** Header count, `{count}` substituted. */
+    count: string;
+    searchPlaceholder: string;
+    empty: string;
+    loadOlder: string;
+    loadingOlder: string;
+    copy: string;
+    copied: string;
+    /** Subtle tag on mid-turn steering messages. */
+    steerTag: string;
+    /** Close button aria-label. */
+    close: string;
+    /** Console-only message when a jump cannot find the target row. */
+    jumpFailed: string;
+    /** Rail bar aria-label, `{n}` = 1-based question ordinal. */
+    barLabel: string;
+    /** Rail "+N" overflow marker aria-label, `{count}` substituted. */
+    moreBars: string;
+}
+export declare const zh: OutlineLocale;
+export declare const en: OutlineLocale;
+export declare const dictionaries: {
+    zh: OutlineLocale;
+    en: OutlineLocale;
+};
+/** Dictionary key union, used by the LocaleNamespaceMap merge below. */
+export type OutlineLocaleKey = keyof typeof zh;
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        'dsh-conversation-outline': OutlineLocaleKey;
+    }
+}

package/lib/types/client/outline.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Pure logic for the conversation outline (implementation-spec §2.3).
+ *
+ * Deliberately has NO DOM access and NO React imports so scripts/verify.mjs can
+ * import it directly in Node from the tsc output (lib/client/outline.js) and
+ * assert the derivations offline.
+ *
+ * Input shapes are structural "lite" views of the runtime snapshot types
+ * (@deepseek-ai/dsh-client-runtime/client) — the real objects are assignable
+ * to them, and Node can import this module without the browser type graph.
+ */
+/** A message content block as the outline reads it (subset of ContentBlock). */
+export interface OutlineContentBlock {
+    type: string;
+    text?: string;
+    [key: string]: unknown;
+}
+/** Runtime user/steering node payload as the outline reads it. */
+export interface OutlineChatData {
+    kind?: string;
+    seq?: number;
+    time?: number;
+    content?: OutlineContentBlock[];
+}
+/**
+ * Conversation chat node as the outline reads it (subset of ChatNode).
+ * `data` is `unknown` because the real view node types it that way; the
+ * payload is narrowed at the read site.
+ */
+export interface OutlineChatNode {
+    key: string;
+    kind: string;
+    data?: unknown;
+    location?: {
+        kind: 'turn' | 'step' | 'session' | 'unresolved';
+        turn?: {
+            turn?: number;
+        };
+        step?: {
+            step?: number;
+        };
+    };
+}
+/** Snapshot shape accepted by collectQuestions (subset of ConversationSnapshot). */
+export interface OutlineSnapshotLike {
+    chat: {
+        order: readonly string[];
+        nodes: {
+            get(key: string): OutlineChatNode | undefined;
+        };
+    };
+}
+/** One row of the outline: a user question (or mid-turn steer). */
+export interface OutlineItem {
+    key: string;
+    kind: 'user' | 'steering' | string;
+    seq: number;
+    time: number;
+    turn: number | undefined;
+    text: string;
+}
+/**
+ * Flatten message content blocks into a single display string: text blocks are
+ * joined, image blocks become a placeholder, and whitespace is trimmed and
+ * collapsed.
+ */
+export declare function flattenQuestionText(content: OutlineContentBlock[]): string;
+/**
+ * Walk the chat flow in order, keep user/steering nodes, skip empty text, and
+ * produce chronological outline items (spec §2.3).
+ */
+export declare function collectQuestions(snapshot: OutlineSnapshotLike): OutlineItem[];
+/** Case-insensitive substring filter over the flattened question text. */
+export declare function filterQuestions(items: OutlineItem[], query: string): OutlineItem[];
+/** Local `HH:MM` from a unix-ms timestamp (spec §2.3). */
+export declare function formatTime(ms: number): string;
+/** Minimal DOM view so the predicate is testable in Node. */
+export interface ElementLike {
+    getAttribute(name: string): string | null;
+}
+/** Pure DOM predicate for the jump loop: is this row the target node? */
+export declare function isJumpTargetRow(row: ElementLike, key: string): boolean;

package/lib/types/client/styles.d.ts

@@ -0,0 +1,14 @@
+import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client';
+/**
+ * Outline rail + hover panel CSS (implementation-spec §1.8/§2.1, revised):
+ * a thin right-edge rail (conversation minimap) that is always visible while
+ * the session has questions, and a preview panel that expands on hover.
+ * Plain CSS string injected via an HMR-safe
+ * `<style data-plugin="dsh-conversation-outline" data-plugin-css="...">` tag.
+ * Stable prefixed class names (`dso_*`), DSH theme vars (`--dsw-alias-*`) —
+ * never hashed class names of other packages. No layout shift: the panel is a
+ * pure overlay.
+ */
+export declare const panelCss = "\n/* ---- Right-edge rail (always-visible minimap) --------------------------- */\n.dso-rail {\n  position: fixed;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  z-index: 2147483000;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n  width: 30px;\n  max-height: 55vh;\n  padding: 8px 10px;\n  overflow: hidden;\n  cursor: pointer;\n}\n.dso-rail-more {\n  flex: none;\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 10px;\n  color: var(--dsw-alias-label-tertiary);\n  font-variant-numeric: tabular-nums;\n}\n.dso-bar {\n  flex: none;\n  width: 10px;\n  height: 6px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: color-mix(in srgb, var(--dsw-alias-label-tertiary) 45%, transparent);\n  cursor: pointer;\n  transition: background 0.12s, transform 0.12s;\n}\n.dso-bar:hover {\n  background: var(--dsw-alias-state-business-primary);\n  transform: scaleX(1.35);\n}\n.dso-rail:focus-visible,\n.dso-bar:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n/* ---- Hover-expanded preview panel --------------------------------------- */\n.dso-panel {\n  position: fixed;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  z-index: 2147483000;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: min(340px, calc(100vw - 24px));\n  max-height: min(70vh, 600px);\n  overflow: hidden;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 16px;\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform) 92%, transparent);\n  backdrop-filter: blur(20px);\n  box-shadow: 0 16px 48px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);\n  color: var(--dsw-alias-label-primary);\n  animation: dso-panel-in 140ms ease-out;\n}\n@keyframes dso-panel-in {\n  from { opacity: 0; transform: translateY(-50%) translateX(12px); }\n  to { opacity: 1; transform: translateY(-50%) translateX(0); }\n}\n\n.dso-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 14px 10px;\n  border-bottom: 1px solid var(--dsw-alias-line-normal);\n}\n.dso-panel-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n.dso-panel-count {\n  flex: 1;\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dso-panel-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 16px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.12s;\n}\n.dso-panel-close:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n\n.dso-panel-close:focus-visible,\n.dso-search:focus-visible,\n.dso-row-main:focus-visible,\n.dso-copy:focus-visible,\n.dso-load-older:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 2px;\n}\n\n.dso-search {\n  margin: 10px 12px 4px;\n  box-sizing: border-box;\n  height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 8px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  outline: none;\n}\n.dso-search::placeholder { color: var(--dsw-alias-label-tertiary); }\n\n/* ---- Question list ------------------------------------------------------ */\n.dso-list {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px;\n}\n/* Row container: two sibling buttons (jump + copy) \u2014 no nested interactive\n   controls. Hover highlights the whole row. */\n.dso-row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px;\n  border-radius: 10px;\n  transition: background 0.12s;\n}\n.dso-row:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n.dso-row-main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 2px 6px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background 0.12s;\n}\n.dso-row-main:hover { background: var(--dsw-alias-interactive-bg-hover-solid); }\n\n.dso-turn {\n  flex: none;\n  min-width: 26px;\n  height: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-fill-business);\n  color: var(--dsw-alias-label-on-fill);\n  font-size: 10px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n/* Single-line truncation: shows the opening words of each question \u2014\n   anything longer simply ellipsizes (per user request). */\n.dso-text {\n  flex: 1;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 18px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.dso-time {\n  flex: none;\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  color: var(--dsw-alias-label-tertiary);\n}\n.dso-steer {\n  flex: none;\n  padding: 0 6px;\n  border: 1px solid var(--dsw-alias-line-normal);\n  border-radius: 999px;\n  font-size: 10px;\n  color: var(--dsw-alias-label-secondary);\n}\n.dso-copy {\n  flex: none;\n  padding: 2px 6px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  font-size: 11px;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.12s, color 0.12s, background 0.12s;\n}\n.dso-row:hover .dso-copy,\n.dso-row:focus-within .dso-copy,\n.dso-copy:focus-visible { opacity: 1; }\n.dso-copy:hover { background: var(--dsw-alias-bg-fill-neutral); }\n.dso-copy.dso-copied { color: var(--dsw-alias-state-success); }\n\n.dso-empty {\n  padding: 28px 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* ---- Footer / load older ------------------------------------------------ */\n.dso-footer {\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px 10px;\n  border-top: 1px solid var(--dsw-alias-line-normal);\n}\n.dso-load-older {\n  padding: 4px 14px;\n  border: none;\n  border-radius: 14px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: inherit;\n  font-size: 12px;\n  cursor: pointer;\n}\n.dso-load-older:disabled { cursor: default; opacity: 0.6; }\n\n/* ---- Jump flash highlight ----------------------------------------------- */\n[data-dsh-outline-flash] {\n  animation: dso-flash 1.8s ease-out;\n}\n@keyframes dso-flash {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--dsw-alias-state-business-primary) 50%, transparent);\n    background-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 24%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px transparent;\n    background-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 8%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 transparent;\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dso-panel { animation: none; }\n  .dso-bar { transition: none; }\n  [data-dsh-outline-flash] { animation: none; }\n}\n";
+/** Inject the style tag, owned by the client fiber (removed on dispose/HMR). */
+export declare function injectStyle(ctx: ClientContext): void;

package/lib/types/index.d.ts

@@ -0,0 +1,14 @@
+import type { Context } from '@deepseek-ai/cordis';
+/**
+ * dsh-conversation-outline — host half.
+ *
+ * This plugin is client-only: all behavior lives in the browser bundle
+ * (exports["./client"] → lib/client.js). The host row still has to exist in
+ * the composition — the client roster scans Loader entries for packages that
+ * declare `dsh.client`, and cordis requires a resolvable plugin body — so this
+ * module is deliberately minimal (spec §1.2).
+ */
+export declare const name = "dsh-conversation-outline";
+/** The host fiber needs no services; the client fiber declares its own. */
+export declare const inject: string[];
+export declare function apply(_ctx: Context): void;

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@chestnut23/dsh-conversation-outline",
+  "version": "0.1.0",
+  "description": "Codex-style conversation outline for DeepSeek Harness: a floating panel listing every user question in the current conversation with search, load-older and click-to-jump (scroll + highlight). Bilingual zh-CN / en.",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./cordis.patch.yml": "./cordis.patch.yml",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "assets",
+    "docs",
+    "cordis.patch.yml",
+    "README.md",
+    "README.zh.md",
+    "LICENSE"
+  ],
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-client-runtime",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-layout"
+      ],
+      "platform": "web"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json && tsc -p tsconfig.client.json && tsdown",
+    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.client.json --noEmit",
+    "verify": "node scripts/verify.mjs",
+    "dev:types": "node scripts/link-types.mjs",
+    "prepublishOnly": "pnpm build && pnpm verify"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "~18.3.1",
+    "@types/react-dom": "^19.2.4",
+    "lightningcss": "^1.33.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsdown": "0.22.2",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": "^22.19.0 || >=24"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "conversation",
+    "outline",
+    "navigation"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lzbaclz/dsh-conversation-outline.git"
+  }
+}