dsh-sidebar-recent 1.0.1 → 1.0.2

package/client.js

@@ -1200,7 +1200,12 @@ window.__ModuleLoader__.load({
 				let frame = 0;
 				function measure() {
 					frame = 0;
-					const next = Math.round(el.getBoundingClientRect().height * 100) / 100;
+					const root = el.parentElement;
+					if (!root) return;
+					const headEl = el.previousElementSibling;
+					const headH = headEl ? headEl.offsetHeight : 0;
+					const raw = root.clientHeight - headH - 6;
+					const next = raw > 0 ? Math.round(raw * 100) / 100 : 0;
 					setBodyH(function (prev) { return Math.abs(prev - next) < 0.5 ? prev : next; });
 				}
 				function schedule() {
@@ -1210,7 +1215,7 @@ window.__ModuleLoader__.load({
 				measure();
 				if (typeof ResizeObserver === 'function') {
 					const ro = new ResizeObserver(schedule);
-					ro.observe(el);
+					ro.observe(el.parentElement || el);
 					return function () {
 						if (frame) window.cancelAnimationFrame(frame);
 						ro.disconnect();
@@ -2123,8 +2128,8 @@ window.__ModuleLoader__.load({
 			const wsRatio = resizeLive && typeof resizeLive.ws === 'number'
 				? resizeLive.ws
 				: (typeof view.wsRatio === 'number' ? view.wsRatio : null);
-			const availH = bodyH > 0
-				? Math.max(120, bodyH - BODY_PAD - (HANDLE_H + BODY_GAP))
+			const availH = bodyH >= 80
+				? bodyH - BODY_PAD - (HANDLE_H + BODY_GAP)
 				: 0;
 			let wsH = WS_HEAD_H;
 			let recentH = WS_HEAD_H;
@@ -2134,7 +2139,8 @@ window.__ModuleLoader__.load({
 					wsH = WS_HEAD_H;
 					recentH = WS_HEAD_H;
 				} else if (view.recentCollapsed) {
-					wsH = Math.max(WS_HEAD_H, pair - WS_HEAD_H);
+					const fitH = wsContentH > 0 ? wsContentH + WS_HEAD_H : (pair - WS_HEAD_H);
+					wsH = Math.max(WS_HEAD_H, Math.min(fitH, pair - WS_HEAD_H));
 					recentH = WS_HEAD_H;
 				} else if (view.wsCollapsed) {
 					wsH = WS_HEAD_H;
@@ -2413,6 +2419,7 @@ window.__ModuleLoader__.load({
 					key: 'body',
 					ref: bodyRef,
 					className: 'sr-body'
+						+ (availH > 0 ? ' is-sized' : '')
 						+ (view.wsCollapsed ? ' is-ws-collapsed' : '')
 						+ (view.recentCollapsed ? ' is-recent-collapsed' : '')
 				}, query.trim() ? renderSearchResults() : [
@@ -2489,7 +2496,9 @@ window.__ModuleLoader__.load({
 			'.sr-body{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}',
 			'.sr-section{display:flex;flex-direction:column;min-height:0;border-radius:10px;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1),flex-grow .3s cubic-bezier(.4,0,.2,1),flex-basis .3s cubic-bezier(.4,0,.2,1),min-height .3s cubic-bezier(.4,0,.2,1);background:rgba(127,127,127,.055);background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#f4f4f5) 46%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-border-l1,rgba(0,0,0,.08)) 66%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}',
 			'.sr-section-ws{flex:0 0 auto;min-height:0;overflow:hidden}',
+			'.sr-body:not(.is-sized) .sr-section-ws{flex:0 0 auto;max-height:62%}',
 						'.sr-section-recent{flex:0 0 auto;min-height:34px;overflow:hidden}',
+			'.sr-body:not(.is-sized) .sr-section-recent{flex:1 1 0;min-height:34px}',
 			
 			'.sr-section-body{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}',
 			'.sr-section-inner{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}',
@@ -2514,11 +2523,11 @@ window.__ModuleLoader__.load({
 			'.sr-collapse:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.14))}',
 			'.sr-collapse svg{transform:rotate(90deg);transition:transform .16s ease}',
 			'.sr-collapse.is-collapsed svg{transform:rotate(0deg)}',
-			'.sr-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 1px 11px;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}',
+			'.sr-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 1px 10px;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.30) 4px,rgba(0,0,0,.78) 7px,#000 10px,#000 calc(100% - 10px),rgba(0,0,0,.78) calc(100% - 7px),rgba(0,0,0,.30) calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.30) 4px,rgba(0,0,0,.78) 7px,#000 10px,#000 calc(100% - 10px),rgba(0,0,0,.78) calc(100% - 7px),rgba(0,0,0,.30) calc(100% - 4px),transparent 100%)}',
 			'.sr-section-ws .sr-scroll{flex:0 1 auto}',
-			'.sr-section-ws .sr-scroll{padding-bottom:3px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 4px),transparent 100%)}',
 			'.sr-section-inner .sr-scroll{flex:1 1 auto;min-height:0}',
 			'.sr-section-recent .sr-scroll{display:flex;flex-direction:column;gap:5px}',
+			'.sr-section-recent .sr-scroll{padding-top:6px}',
 			'.sr-scroll::-webkit-scrollbar{width:5px}',
 			'.sr-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary,rgba(0,0,0,.3)) 42%,transparent);border-radius:3px}',
 			'.sr-scroll::-webkit-scrollbar-track{background:transparent}',
@@ -2582,6 +2591,7 @@ window.__ModuleLoader__.load({
 			'.sr-results-label{padding:8px 6px 3px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-primary,#111)}',
 			'.sr-results-note{padding:6px;font-size:11px;color:var(--dsw-alias-label-primary,#111)}',
 			'.sr-menu{position:fixed;z-index:1200;min-width:170px;max-width:212px;max-height:min(86vh,900px);overflow-y:auto;overscroll-behavior:contain;padding:4px;border-radius:var(--dsw-radius-lg,10px);background:#FCFDFD;background:color-mix(in srgb,#FCFDFD 88%,transparent);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:.5px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));box-shadow:var(--dsw-elevation-prominent,0 12px 28px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.08));animation:sr-fade .12s ease}',
+			'body[data-ds-dark-theme] .sr-menu{background:#29292D;background:color-mix(in srgb,#29292D 90%,transparent);border-color:rgba(255,255,255,.10);box-shadow:var(--dsw-elevation-prominent,0 12px 28px rgba(0,0,0,.52),0 2px 6px rgba(0,0,0,.34))}',
 			'.sr-menu::-webkit-scrollbar{width:5px}',
 			'.sr-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary,rgba(0,0,0,.3)) 42%,transparent);border-radius:3px}',
 			'.sr-menu-chips{display:flex;align-items:center;gap:6px;padding:2px 8px 6px}',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-sidebar-recent",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "type": "module",
   "description": "Sidebar Recent: a project-grouped session browser with a chronological Recent list for DeepSeek Harness.",