dsh-links-panel 0.78.1 → 0.79.1

package/lib/client.js

@@ -1172,7 +1172,7 @@ window.__ModuleLoader__.load({
 		 * only from successful web_fetch results; nothing is fetched by the plugin itself.
 		 */
 		const FAVICON_LIBRARY_KEY = 'dsh-links.favicons.v1'
-		const FAVICON_LIBRARY_LIMIT = 800
+		const FAVICON_LIBRARY_LIMIT = 150
 
 		/** @returns {Record<string, string>} favicon URL by host or domain. */
 		function loadFaviconLibrary() {
@@ -2464,6 +2464,21 @@ window.__ModuleLoader__.load({
 		 */
 		/** Cached luminance analysis of one icon data URL. */
 		const ICON_TONE_CACHE = new Map()
+		const ICON_TONE_CACHE_LIMIT = 300
+
+		/**
+		 * Remember one analysis without letting the cache grow unbounded.
+		 * @param {string} src - data URL key.
+		 * @param {object | null} tone - analysis result.
+		 * @returns {void}
+		 */
+		function rememberIconTone(src, tone) {
+			if (ICON_TONE_CACHE.size >= ICON_TONE_CACHE_LIMIT) {
+				const oldest = ICON_TONE_CACHE.keys().next()
+				if (!oldest.done) ICON_TONE_CACHE.delete(oldest.value)
+			}
+			ICON_TONE_CACHE.set(src, tone)
+		}
 
 		/**
 		 * Average luminance and saturation of an icon, so a monochrome mark that would
@@ -2506,7 +2521,7 @@ window.__ModuleLoader__.load({
 							count += 1
 						}
 						const result = count === 0 ? null : { luma: luma / count, saturation: saturation / count }
-						ICON_TONE_CACHE.set(src, result)
+						rememberIconTone(src, result)
 						resolve(result)
 					} catch (error) {
 						resolve(null)
@@ -2608,6 +2623,38 @@ window.__ModuleLoader__.load({
 			return trf('time.daysAgo', { count: Math.floor(delta / 86400000) })
 		}
 
+		/**
+		 * Throttle an event-stream snapshot so a streaming answer does not re-aggregate the
+		 * whole conversation on every token. Leading call is immediate; later ones land at
+		 * most once per `wait` milliseconds, and the last value always arrives.
+		 * @param {{entries: Array, hasMore: boolean}} snapshot - live session snapshot.
+		 * @param {number} wait - minimum interval in milliseconds.
+		 * @returns {{entries: Array, hasMore: boolean}} throttled snapshot.
+		 */
+		function useThrottledSnapshot(snapshot, wait) {
+			const [value, setValue] = React.useState(snapshot)
+			const stateRef = React.useRef({ last: 0, timer: null, pending: snapshot })
+			React.useEffect(() => {
+				const state = stateRef.current
+				state.pending = snapshot
+				const flush = () => {
+					state.timer = null
+					state.last = Date.now()
+					setValue(state.pending)
+				}
+				const elapsed = Date.now() - state.last
+				if (elapsed >= wait) flush()
+				else if (state.timer === null) state.timer = setTimeout(flush, wait - elapsed)
+			}, [snapshot, wait])
+			React.useEffect(
+				() => () => {
+					if (stateRef.current.timer !== null) clearTimeout(stateRef.current.timer)
+				},
+				[],
+			)
+			return value
+		}
+
 		/**
 		 * One mention row inside the “mentioned in N turns” dialog.
 		 * @param {{item: object, active: boolean, onHover: Function, onSelect: Function}} props - row props.
@@ -3045,12 +3092,15 @@ window.__ModuleLoader__.load({
 					scanStoreRef.current = { cache: new Map(), callNames: new Map() }
 				}
 				// Rows = conversation items table (cached rows ∪ current window scan).
+				// The stream is throttled: a long answer emits many events, and re-aggregating
+				// on each of them is what made the panel feel heavy while the agent typed.
+				const liveSnapshot = useThrottledSnapshot(snapshot, 300)
 				const all = React.useMemo(() => {
 					const store = scanStoreRef.current
-					const scanned = aggregate(snapshot.entries, store.cache, store.callNames, faviconHintsRef.current)
+					const scanned = aggregate(liveSnapshot.entries, store.cache, store.callNames, faviconHintsRef.current)
 					let newest = scannedSeqRef.current
 					let lowest = scannedMinSeqRef.current
-					for (const entry of snapshot.entries || []) {
+					for (const entry of liveSnapshot.entries || []) {
 						const seq = entry && entry.event ? entry.event.seq : null
 						if (typeof seq !== 'number') continue
 						if (seq > newest) newest = seq
@@ -3061,7 +3111,7 @@ window.__ModuleLoader__.load({
 					if (!snapshot.hasMore) return scanned
 					if (linksCache.rows.length === 0) return scanned
 					return mergeRows(linksCache.rows, scanned)
-				}, [snapshot, linksCache])
+				}, [liveSnapshot, linksCache])
 
 				// Persist the favicon cache (debounced) and flush it when the panel unmounts, so
 				// switching conversations never loses icons that were just fetched.
@@ -3145,15 +3195,11 @@ window.__ModuleLoader__.load({
 						const candidates = [
 							`https://${target.host}/favicon.ico`,
 							`https://${target.host}/apple-touch-icon.png`,
-							`https://${target.host}/favicon.png`,
-							`https://${target.host}/favicon.svg`,
 						]
 						if (target.domain !== target.host) {
 							candidates.push(
 								`https://${target.domain}/favicon.ico`,
 								`https://${target.domain}/apple-touch-icon.png`,
-								`https://${target.domain}/favicon.png`,
-								`https://${target.domain}/favicon.svg`,
 							)
 						}
 						let found = ''
@@ -3290,34 +3336,14 @@ window.__ModuleLoader__.load({
 						}
 						const run = async () => {
 							try {
-								const base = new URL('/dsh-links/meta', document.baseURI)
-								base.searchParams.set('urls', JSON.stringify([reference.url]))
-								const response = await fetch(base)
-								let iconUrl = ''
-								if (response && response.ok) {
-									const payload = await response.json()
-									const page = payload && payload.pages && payload.pages[reference.url]
-									iconUrl = page && typeof page.icon === 'string' ? page.icon : ''
-								}
-								if (iconUrl !== '') {
-									const dataUrl = await requestFavicon(iconUrl)
-									if (dataUrl !== '') {
-										setFaviconLibrary((current) => (current[host] ? current : { ...current, [host]: dataUrl }))
-										return
-									}
-								}
 								const candidates = [
 									`https://${host}/favicon.ico`,
 									`https://${host}/apple-touch-icon.png`,
-									`https://${host}/favicon.png`,
-									`https://${host}/favicon.svg`,
 								]
 								if (domain !== host) {
 									candidates.push(
 										`https://${domain}/favicon.ico`,
 										`https://${domain}/apple-touch-icon.png`,
-										`https://${domain}/favicon.png`,
-										`https://${domain}/favicon.svg`,
 									)
 								}
 								for (const candidate of candidates) {
@@ -4115,7 +4141,7 @@ window.__ModuleLoader__.load({
 		const inject = ['slots', 'sidebarRightTabs', 'sessions', 'locale']
 
 		/** Build stamp shown in the footer, so a stale bundle is visible at a glance. */
-		const BUILD = 'v0.78.1'
+		const BUILD = 'v0.79.1'
 		/**
 		 * Translate one key and fill `{name}` placeholders.
 		 * @param {string} key - dictionary key.
@@ -4427,7 +4453,7 @@ window.__ModuleLoader__.load({
 						}
 					}
 					visit(snapshot, 0)
-					return [...ids].slice(0, 5)
+					return [...ids].slice(0, 3)
 				}
 
 				const attach = (sessionId) => {
@@ -4467,7 +4493,10 @@ window.__ModuleLoader__.load({
 					}
 					const schedule = () => {
 						if (tracker.timer !== null) return
-						tracker.timer = setTimeout(flush, 400)
+						// Long debounce: the tracker only needs to be current when the panel
+						// opens, not on every streamed token, and synchronous merges+storage
+						// writes on the UI thread are what make streaming feel janky.
+						tracker.timer = setTimeout(flush, 1500)
 					}
 					schedule()
 					tracker.dispose = source.subscribe(schedule)

package/lib/index.js

@@ -37,7 +37,7 @@ function withOutboundLock(task) {
 }
 
 /** Host build stamp, echoed to the panel so a stale bundle is detectable. */
-export const BUILD = 'v0.78.1'
+export const BUILD = 'v0.79.1'
 /**
  * The desktop browser reaches the network through the system proxy; the Host's own
  * Node requests bypass it. Detect that proxy so probes can use the same route.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-links-panel",
-  "version": "0.78.1",
+  "version": "0.79.1",
   "description": "Reference links panel for DeepSeek Harness: collects every URL of a conversation into the right sidebar with pins, turn counts, metadata and favicon caching. DSH 右栏「应用链接」面板。",
   "license": "MIT",
   "type": "module",