prreviewbuddy 0.82.4 → 0.83.3

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # Changelog
 
+## 0.83.3
+
+**Peek at a collapsed sidebar.** Rest the pointer on the collapsed sidebar, or tab into it, and it
+slides out to full width over the page, with every name and section, until you move away. The page
+underneath stays where it was, and the sidebar stays collapsed.
+
+## 0.83.2
+
+**Send feedback is only in the sidebar.** A narrow window no longer draws a Send feedback link in
+the top toolbar; it is in the sidebar, expanded or collapsed, and nowhere else.
+
+## 0.83.1
+
+**New review is the sidebar's one purple button, and Collapse sidebar moves to the sidebar's foot.**
+New review is filled in purple wherever it is: the full-width button, the square + of the collapsed
+sidebar, and the + in the top toolbar. Collapse sidebar is now the last row of the sidebar, below
+Send feedback, and expands it again from the same place. While the sidebar is hidden, Show sidebar
+in the top toolbar brings it back, and Send feedback is hidden with it.
+
+## 0.83.0
+
+**Start a review from New review in the sidebar, and collapse the sidebar to icons.** A New review
+button, with its shortcut beside it, sits above Reviews in the sidebar on every workspace page. It
+opens the same panel as ⌘P (Ctrl+P on other platforms), which works as before; that panel is now
+called New review too. The button at the far left of the top toolbar collapses the sidebar to a
+column of icons, with New review as a + and each name shown on hover, and expands it again. ⌘K H
+hides the sidebar completely; the same toolbar button then brings it back, and a + in the toolbar
+starts a review while it is hidden. Your choice is remembered.
+
+## 0.82.5
+
+**Help explains Collections more plainly.** The Collections topic in Workspace Help now says what
+collections are for, how to add reviews, what happens when one is marked Done, and that collapsing
+helps you stay focused. The note on how long reviews in a collection are kept is unchanged.
+
 ## 0.82.4
 
 **⌘K L C lists your collections, to expand or collapse one.** Each row shows the collection's

package/dist/server.js

@@ -803,7 +803,10 @@ var PATHS = {
 	closed: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m5.6 5.6 12.8 12.8\"/>",
 	reopened: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/>",
 	warning: "<path d=\"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z\"/><path d=\"M12 9v4M12 17h.01\"/>",
-	forward: "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>"
+	forward: "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>",
+	plus: "<path d=\"M12 5v14M5 12h14\"/>",
+	"sidebar-collapse": "<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><path d=\"M9 4v16\"/><path d=\"m16 9-3 3 3 3\"/>",
+	"sidebar-expand": "<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><path d=\"M9 4v16\"/><path d=\"m13 9 3 3-3 3\"/>"
 };
 /** The icon slot for one rail row. Hidden from assistive technology: the label beside it says it. */
 function railIcon(icon) {
@@ -863,6 +866,18 @@ function serverStatusLabel(status) {
 	return "Workspace server running";
 }
 //#endregion
+//#region ../../packages/review-harness/src/workspace/sidebar_state.ts
+/**
+* What the sidebar's own toggle, at its foot, will do when pressed, which is what it is called.
+* Only Expanded and Compact: while the sidebar is hidden that toggle is not drawn, and the strip's
+* restore control, which only ever says Show sidebar, stands in for it.
+*/
+function sidebarToggleLabel(sidebar) {
+	return sidebar?.compact ? "Expand sidebar" : "Collapse sidebar";
+}
+/** The strip's restore control, drawn only while the sidebar is hidden. */
+var SHOW_SIDEBAR = "Show sidebar";
+//#endregion
 //#region ../../packages/review-harness/src/workspace/workspace_nav.ts
 /**
 * The workspace's own places, and the one model every page draws them from.
@@ -905,6 +920,13 @@ var WORKSPACE_PLACES = [
 	}
 ];
 /**
+* The sidebar's state, on `<html>` beside the theme, so the page is drawn that way from its first
+* paint. The stylesheet reads it; `client/sidebar.ts` changes it.
+*/
+function sidebarAttributes(sidebar) {
+	return `${sidebar?.compact ? " data-sidebar-compact" : ""}${sidebar?.hidden ? " data-sidebar-hidden" : ""}`;
+}
+/**
 * The count beside Notifications. Always rendered, hidden at zero, so the page can reveal it when
 * `/revision` or Mark all read reports a new number. See `client/unread_counts.ts`.
 */
@@ -934,7 +956,8 @@ function renderGlobalBar(options) {
 	const live = options.live ?? true;
 	return `<header class="prb-strip">
   <span class="prb-wordmark"><b>pr</b>review<b>buddy</b></span>
-  ${live ? renderHeaderNav(options) : ""}
+  ${live ? renderSidebarRestore() : ""}
+  ${live ? renderNewReview() : ""}
   ${live ? renderHistoryControls() : ""}
   ${live ? renderStripReviews(options) : ""}
   ${live ? renderStripRuns(options) : ""}
@@ -980,6 +1003,37 @@ function renderNotificationsBell(options) {
   </a>`;
 }
 /**
+* Show sidebar: the way back from Hidden, and drawn only then (see `shell.css`). Among the strip's
+* controls rather than beside the wordmark, so it reads as a control and not as part of the brand.
+* Named in words and in the strip's own tooltip, never a `title`.
+*/
+function renderSidebarRestore() {
+	return `<button type="button" class="prb-strip-action prb-sidebar-restore" data-sidebar-toggle="strip" aria-label="${SHOW_SIDEBAR}" data-tip="${SHOW_SIDEBAR}">${iconSvg("sidebar-expand")}</button>`;
+}
+/**
+* The sidebar's own toggle, the last row of its foot: Expanded and Compact, back and forth.
+*
+* In the same place in both, so it never moves under the pointer that pressed it. Hidden is not a
+* third press: it is its own act (⌘K H), and the strip's Show sidebar brings it back at the width it
+* had. The row's words say what pressing it will do, and in Compact they are its tooltip, as every
+* row's are. Both drawings are rendered and the stylesheet shows the one for the state, so nothing
+* needs repainting but the words. `client/sidebar.ts` keeps those true.
+*/
+function renderSidebarToggle(sidebar) {
+	return `<button type="button" class="prb-rail-item prb-rail-link prb-sidebar-toggle" data-sidebar-toggle="rail" aria-expanded="${!sidebar?.compact}">
+      <span class="prb-rail-icon" aria-hidden="true"><span class="prb-sidebar-collapse-icon">${iconSvg("sidebar-collapse")}</span><span class="prb-sidebar-expand-icon">${iconSvg("sidebar-expand")}</span></span>
+      <span class="prb-rail-label"><span class="prb-rail-title">${sidebarToggleLabel(sidebar)}</span></span>
+    </button>`;
+}
+/**
+* New review, in the strip: the square stand-in for the rail's labelled button, shown only while
+* the rail is hidden (a narrow window, a review's focus mode). See `renderNewReviewButton`, and
+* `shell.css` for the one rule that decides which of the two is showing.
+*/
+function renderNewReview() {
+	return `<button type="button" class="prb-strip-action prb-strip-new-review" aria-label="New review" data-new-review="strip">${iconSvg("plus")}</button>`;
+}
+/**
 * Back and Forward through this tab's workspace history, ahead of the places.
 *
 * Workspace-wide, so here in the strip rather than in a review's own bar: they move between views,
@@ -1058,9 +1112,20 @@ function renderServerStatus() {
     <span class="prb-visually-hidden" data-server-status-label>${escapeHtml$1(serverStatusLabel("running"))}</span>
   </span>`;
 }
-/** The workspace rows, for a rail group. */
+/**
+* New review, at the head of the workspace rows: starting a review is the product's primary action,
+* so it is a labelled button rather than an icon to interpret, set apart from the places below it.
+*
+* What it does is wired by the command layer (`client/command_layer.ts`), which runs the very
+* command ⌘P runs, so the two cannot open different things. The shortcut beside the label is
+* painted there too, because only the browser knows the platform.
+*/
+function renderNewReviewButton() {
+	return `<div class="prb-rail-new"><button type="button" class="prb-new-review" data-new-review="rail">${iconSvg("plus")}<span class="prb-new-review-label">New review</span><kbd class="prb-new-review-key" data-new-review-key aria-hidden="true"></kbd></button></div>`;
+}
+/** New review, then the workspace rows, for a rail group. */
 function renderWorkspaceNav(options) {
-	return WORKSPACE_PLACES.map((item) => `<a class="prb-rail-item prb-rail-link" href="${item.href}"${item.place === options.current ? " aria-current=\"true\"" : ""}>
+	return renderNewReviewButton() + WORKSPACE_PLACES.map((item) => `<a class="prb-rail-item prb-rail-link" href="${item.href}"${item.place === options.current ? " aria-current=\"true\"" : ""}>
       ${railIcon(item.icon)}
       <span class="prb-rail-label"><span class="prb-rail-title">${escapeHtml$1(item.label)}</span></span>
       ${item.place === "notifications" ? unreadCount(options.unread, "rail") : ""}
@@ -1097,20 +1162,9 @@ function renderSendFeedback() {
 function renderWorkspaceRail(options) {
 	return `<nav class="prb-rail" aria-label="Workspace">
   <div class="prb-rail-group">${renderWorkspaceNav(options)}</div>
-  <div class="prb-rail-group prb-rail-foot">${renderSendFeedback()}</div>
+  <div class="prb-rail-group prb-rail-foot">${renderSendFeedback()}${renderSidebarToggle(options.sidebar)}</div>
 </nav>`;
 }
-/**
-* What the rail carries that the strip does not, shown only while a narrow window hides the rail.
-*
-* Which is now the feedback form alone. Every workspace place is an icon in this same strip at
-* every width, so a text link beside one of them would be the same destination twice; before the
-* Reviews icon existed this is where Reviews had to go, and the filter that put it here is gone
-* with the reason for it.
-*/
-function renderHeaderNav(_options) {
-	return `<nav class="prb-header-nav" aria-label="Workspace"><a class="prb-feedback" href="${escapeHtml$1(feedbackUrl())}" target="_blank" rel="noopener noreferrer"><span class="prb-feedback-icon" aria-hidden="true">${iconSvg("feedback")}</span><span class="prb-feedback-label">Send feedback</span></a></nav>`;
-}
 //#endregion
 //#region ../../packages/review-harness/src/domain/utils/file_path.ts
 /**
@@ -6088,7 +6142,7 @@ function renderWorkspace(view) {
 	*/
 	const freshness = result ? view.freshness : void 0;
 	return `<!doctype html>
-<html lang="en"${themeAttribute(view.theme)}>
+<html lang="en"${themeAttribute(view.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -6681,6 +6735,7 @@ function renderRailFoot(view) {
 	return `<div class="prb-rail-group prb-rail-foot">
     ${view.token ? renderWorkspaceNav({ unread: view.unreadNotifications ?? 0 }) : ""}
     ${renderSendFeedback()}
+    ${view.token ? renderSidebarToggle(view.sidebar) : ""}
   </div>`;
 }
 /**
@@ -9676,7 +9731,7 @@ function renderReviewsPage(view) {
 	const storedReviews = view.groups.reduce((total, group) => total + group.history.length, 0);
 	const renderSectionAt = (section) => renderSection(section, sections[section], (groups) => renderCards(groups, "home", (group) => collectedHome.has(group)), sectionOpen(section, view.sectionsCollapsed), sections[section].filter((group) => !inProgressOnly.has(group.latest.id) && !collectedHome.has(group)).length);
 	return `<!doctype html>
-<html lang="en"${themeAttribute(view.theme)}>
+<html lang="en"${themeAttribute(view.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -9699,7 +9754,8 @@ ${renderContextBar("Reviews", ordered.length === 0 ? "" : renderControls$1(queue
 <div class="prb-shell">
 ${renderWorkspaceRail({
 		current: "reviews",
-		unread: view.unreadNotifications ?? 0
+		unread: view.unreadNotifications ?? 0,
+		sidebar: view.sidebar
 	})}
 <main class="prb-index">
   ${ordered.length === 0 ? "" : `<div class="prb-index-summary">
@@ -10617,7 +10673,7 @@ function readPreferences() {
 	try {
 		const parsed = JSON.parse(readFileSync(PREFERENCES_PATH, "utf8"));
 		if (!parsed || typeof parsed !== "object") return {};
-		const { askWidth, dismissedNotices, promptsCollapsed, changeMapRegister, theme, reviewSections, runsSections, reviewLayout } = parsed;
+		const { askWidth, dismissedNotices, promptsCollapsed, changeMapRegister, theme, reviewSections, runsSections, reviewLayout, sidebar } = parsed;
 		return {
 			...typeof askWidth === "number" && Number.isFinite(askWidth) ? { askWidth: clampAskWidth(askWidth) } : {},
 			...Array.isArray(dismissedNotices) ? { dismissedNotices: dismissedNotices.filter((key) => typeof key === "string" && NOTICE_KEY.test(key)) } : {},
@@ -10626,7 +10682,8 @@ function readPreferences() {
 			...isTheme(theme) ? { theme } : {},
 			...readReviewSections(reviewSections),
 			...readRunsSections(runsSections),
-			...readLayout(reviewLayout)
+			...readLayout(reviewLayout),
+			...readSidebar(sidebar)
 		};
 	} catch {
 		return {};
@@ -10659,6 +10716,35 @@ function writeReviewLayout(patch) {
 		writeFileSync(PREFERENCES_PATH, `${JSON.stringify(next, null, 2)}\n`);
 	} catch {}
 }
+/** Only the two booleans, and only when one is set; an empty object is no preference. */
+function readSidebar(value) {
+	if (!value || typeof value !== "object") return {};
+	const { compact, hidden } = value;
+	const sidebar = {
+		...typeof compact === "boolean" ? { compact } : {},
+		...typeof hidden === "boolean" ? { hidden } : {}
+	};
+	return Object.keys(sidebar).length === 0 ? {} : { sidebar };
+}
+/** The sidebar fields a request may set: a boolean or nothing, each. */
+function readSidebarPatch(value) {
+	const { sidebar } = readSidebar(value);
+	return sidebar ?? null;
+}
+/** Remember a change to the sidebar, merged into what is stored. Read-modify-write, like every other field here. */
+function writeSidebar(patch) {
+	try {
+		mkdirSync(STORE_ROOT, { recursive: true });
+		const current = readPreferences();
+		writeFileSync(PREFERENCES_PATH, `${JSON.stringify({
+			...current,
+			sidebar: {
+				...current.sidebar,
+				...patch
+			}
+		}, null, 2)}\n`);
+	} catch {}
+}
 /** Remember whether "Your prompts" is folded. Read-modify-write, like every other field here. */
 function writePromptsCollapsed(collapsed) {
 	try {
@@ -10879,7 +10965,7 @@ function renderSettingsPage(view) {
 	const { settings } = view;
 	const address = `http://localhost:${settings.port.configured}`;
 	return `<!doctype html>
-<html lang="en"${themeAttribute(settings.theme)}>
+<html lang="en"${themeAttribute(settings.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -10898,7 +10984,8 @@ ${renderContextBar("Settings", renderBack())}
 <div class="prb-shell">
 ${renderWorkspaceRail({
 		current: "settings",
-		unread: view.unreadNotifications ?? 0
+		unread: view.unreadNotifications ?? 0,
+		sidebar: view.sidebar
 	})}
 <main class="prb-index prb-settings">
   <div class="prb-page-panel">
@@ -11399,8 +11486,10 @@ var TOPICS = [
       <li><code>prreviewbuddy review --pr &lt;url&gt;</code> for a pull request</li>
       <li><code>prreviewbuddy open</code> to list the reviews you have and open this workspace</li>
     </ul>
-    <p>Or press <kbd class="prb-kbd">⌘P</kbd> (<kbd class="prb-kbd">Ctrl+P</kbd> elsewhere) to add a
-    review from here. The panel follows the reviews it started while it stays open, and closing it
+    <p>Or click <b>New review</b> at the top of the sidebar, or press <kbd class="prb-kbd">⌘P</kbd>
+    (<kbd class="prb-kbd">Ctrl+P</kbd> on other platforms), to start a review from anywhere in the
+    workspace. With the sidebar collapsed, New review is the <b>+</b> at its top, and with the
+    sidebar hidden, the <b>+</b> in the top toolbar. The panel follows the reviews it started while it stays open, and closing it
     stops nothing. <code>prreviewbuddy help</code> lists every command, and
     <code>prreviewbuddy review --help</code> every option a review takes.</p>
     <p>There is no account and no API key. PR Review Buddy uses the coding agent installed on your
@@ -11498,18 +11587,13 @@ feature:                   E</pre>
 	{
 		id: "collections",
 		title: "Collections",
-		body: `<p>A collection groups reviews that belong together, such as the pull requests of one
-    refactor or one release. It says what belongs together; whether each review still needs your
-    attention is still Active, Waiting or Done, so adding or removing a review never changes its
-    state.</p>
-    <p>Make one with New collection on the Reviews page, or from Manage collections in a card's menu.
-    To add several reviews at once, choose Select, tick them, and choose Manage collections. A review
-    can be in more than one collection. Ticking a collection adds every selected review to it and
-    leaves their other collections alone.</p>
-    <p>Each collection lists its reviews that are not Done. Marking one Done moves it under Show
-    completed, in every collection it is in, and Move to active brings it back. A review in a
-    collection is listed there rather than under Active, Waiting or Done. A pinned review stays under
-    Pinned. The Collections filter shows chosen collections, or Uncollected for reviews in none.</p>
+		body: `<p>Collections help you organise related reviews, such as a refactor, release or feature.</p>
+    <p>Create a collection from the Reviews page, then add reviews individually or select several and
+    use <b>Manage collections</b>. A review can belong to multiple collections.</p>
+    <p>Collections show reviews that still need attention. When you mark a review <b>Done</b>, it moves
+    under <b>Show completed</b> within its collection, without losing its membership.</p>
+    <p>You can collapse collections to stay focused, and expand them when you're ready to continue.
+    Removing a review from all collections returns it to the normal review sections.</p>
     <p>Reviews in a collection are kept for ninety days, like pinned and Done reviews, counted from
     when you last opened or marked them. Adding one to a collection doesn't restart that count.
     Deleting a collection keeps its reviews.</p>`
@@ -11599,7 +11683,7 @@ function renderContents() {
 }
 function renderHelpPage(view) {
 	return `<!doctype html>
-<html lang="en"${themeAttribute(view.theme)}>
+<html lang="en"${themeAttribute(view.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11618,7 +11702,8 @@ ${renderContextBar("Help", "")}
 <div class="prb-shell">
 ${renderWorkspaceRail({
 		current: "help",
-		unread: view.unreadNotifications ?? 0
+		unread: view.unreadNotifications ?? 0,
+		sidebar: view.sidebar
 	})}
 <main class="prb-index prb-help">
   <div class="prb-page-panel">
@@ -11640,7 +11725,7 @@ ${renderWorkspaceRail({
 function renderNotificationsPage(view) {
 	const unread = view.notifications.filter((notification) => notification.readAt === void 0).length;
 	return `<!doctype html>
-<html lang="en"${themeAttribute(view.theme)}>
+<html lang="en"${themeAttribute(view.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11659,7 +11744,8 @@ ${renderContextBar("Activity", view.notifications.length === 0 ? "" : renderRead
 <div class="prb-shell">
 ${renderWorkspaceRail({
 		current: "notifications",
-		unread: view.unreadNotifications ?? 0
+		unread: view.unreadNotifications ?? 0,
+		sidebar: view.sidebar
 	})}
 <main class="prb-index prb-notifications-page">
   ${view.notifications.length === 0 ? `<p class="prb-index-empty" data-notifications-empty>Nothing yet. When a review finishes or fails, or a branch or pull request moves, it appears here.</p>` : `<ol class="prb-notifications" data-notifications>
@@ -13044,7 +13130,7 @@ function renderRunsPage(view) {
 	const nothing = inProgress.length === 0 && recent.length === 0;
 	const notResponding = recent.some((entry) => entry.status === "not-responding");
 	return `<!doctype html>
-<html lang="en"${themeAttribute(view.theme)}>
+<html lang="en"${themeAttribute(view.theme)}${sidebarAttributes(view.sidebar)}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -13063,7 +13149,8 @@ ${renderContextBar("Runs", nothing ? "" : renderControls(notResponding))}
 <div class="prb-shell">
 ${renderWorkspaceRail({
 		current: "runs",
-		unread: view.unreadNotifications ?? 0
+		unread: view.unreadNotifications ?? 0,
+		sidebar: view.sidebar
 	})}
 <main class="prb-index prb-runs">
   <p class="prb-runs-lede">Monitor review executions and recent activity.</p>
@@ -14999,6 +15086,7 @@ async function handle(req, res, options) {
 	if (url.pathname === "/notifications/live") return handleLiveNotifications(req, res, url.searchParams, options.indexToken);
 	if (url.pathname === "/pin") return handlePin(req, res, options.indexToken);
 	if (url.pathname === "/sections") return handleSections(req, res, options.indexToken);
+	if (url.pathname === "/sidebar") return handleSidebar(req, res, options.indexToken);
 	if (url.pathname === "/queue") return handleQueue(req, res, options.indexToken);
 	if (url.pathname === "/collections") return handleCollections(req, res, options.indexToken);
 	if (url.pathname === "/collections/members") return handleCollectionMembers(req, res, options.indexToken);
@@ -15148,6 +15236,7 @@ function indexView() {
 		unreadNotifications: unreadCount$1(),
 		driving: isDriving(),
 		theme: readPreferences().theme,
+		sidebar: readPreferences().sidebar,
 		sectionsCollapsed: readPreferences().reviewSections
 	};
 }
@@ -15238,7 +15327,8 @@ async function handleSettings(req, res, params, indexToken) {
 	sendHtml(res, 200, renderSettingsPage({
 		settings: readSettings(),
 		unreadNotifications: unreadCount$1(),
-		driving: isDriving()
+		driving: isDriving(),
+		sidebar: readPreferences().sidebar
 	}), indexCookieHeader(indexToken));
 }
 /**
@@ -15250,7 +15340,8 @@ function handleHelp(req, res, params, indexToken) {
 	sendHtml(res, 200, renderHelpPage({
 		unreadNotifications: unreadCount$1(),
 		driving: isDriving(),
-		theme: readPreferences().theme
+		theme: readPreferences().theme,
+		sidebar: readPreferences().sidebar
 	}), indexCookieHeader(indexToken));
 }
 /**
@@ -15365,7 +15456,8 @@ async function handleNotifications(req, res, params, indexToken) {
 		gone: new Set(notifications.filter((entry) => !loadWorkspace(entry.reviewId)).map((entry) => entry.id)),
 		unreadNotifications: unreadCount$1(),
 		driving: isDriving(),
-		theme: readPreferences().theme
+		theme: readPreferences().theme,
+		sidebar: readPreferences().sidebar
 	}), indexCookieHeader(indexToken));
 }
 /**
@@ -15386,6 +15478,7 @@ function handleRuns(req, res, params, indexToken) {
 		unreadNotifications: unreadCount$1(),
 		driving: isDriving(),
 		theme: preferences.theme,
+		sidebar: preferences.sidebar,
 		sectionsCollapsed: preferences.runsSections
 	}), indexCookieHeader(indexToken));
 }
@@ -15799,6 +15892,18 @@ async function handleRunsSections(req, res, indexToken) {
 	writeRunsSectionCollapsed(body.section, body.collapsed);
 	send(res, 200, { ok: true });
 }
+/**
+* The sidebar, from a workspace page that is not a review, with the same credential as `/sections`.
+* A review page sends the same field to its own `/prefs`, since it may hold no index cookie.
+*/
+async function handleSidebar(req, res, indexToken) {
+	if (req.method !== "POST") return send(res, 405, { error: "Use POST." });
+	if (!indexToken || !secretMatches(indexToken, indexCookie(req))) return send(res, 403, { error: "Not authorised." });
+	const sidebar = readSidebarPatch((await readJson(req))?.sidebar);
+	if (!sidebar) return send(res, 400, { error: "Not a sidebar setting." });
+	writeSidebar(sidebar);
+	send(res, 200, { ok: true });
+}
 async function handleSections(req, res, indexToken) {
 	if (req.method !== "POST") return send(res, 405, { error: "Use POST." });
 	if (!indexToken || !secretMatches(indexToken, indexCookie(req))) return send(res, 403, { error: "Not authorised." });
@@ -16205,6 +16310,7 @@ async function sendWorkspacePage(res, workspace) {
 		repoPath: workspace.repoPath,
 		askWidth: readPreferences().askWidth,
 		theme: readPreferences().theme,
+		sidebar: readPreferences().sidebar,
 		dismissedNotices: readPreferences().dismissedNotices,
 		promptsCollapsed: readPreferences().promptsCollapsed === true,
 		reviewLayout: readPreferences().reviewLayout ?? {},
@@ -17008,6 +17114,8 @@ async function handlePrefs(req, res) {
 	if (typeof askWidth === "number") writeAskWidth(askWidth);
 	else if (askWidth === null) clearAskWidth();
 	if (typeof body?.promptsCollapsed === "boolean") writePromptsCollapsed(body.promptsCollapsed);
+	const sidebar = readSidebarPatch(body?.sidebar);
+	if (sidebar) writeSidebar(sidebar);
 	const layout = readReviewLayoutPatch(body?.reviewLayout);
 	if (layout) writeReviewLayout(layout);
 	if (body?.changeMapRegister === "simple" || body?.changeMapRegister === "technical") writeChangeMapRegister(body.changeMapRegister);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prreviewbuddy",
-  "version": "0.82.4",
+  "version": "0.83.3",
   "description": "Understand code changes before you approve them. Local branch and pull request reviews with Claude Code or Codex.",
   "license": "UNLICENSED",
   "homepage": "https://prreviewbuddy.com",

package/static/{chunk-Dio1flWJ.js → chunk-B2vcrGTe.js}

@@ -1 +1 @@
-import{dt as e}from"./chunk-CmdZYpyj.js";var t=`button:not([disabled])`;function n(e){return e.querySelector(`[data-menu-panel]`)}function r(e){return e.querySelector(`[data-menu-trigger]`)}function i(e){let t=n(e);return t?[...t.querySelectorAll(`input:not([disabled]), textarea:not([disabled]), button:not([disabled])`)].filter(e=>!e.closest(`[hidden]`)):[]}function a(e){let r=n(e);return r?[...r.querySelectorAll(t)].filter(e=>!e.closest(`[hidden]`)):[]}var o=`data-menu-placement`;function s(e){let t=e.ownerDocument.defaultView,n=0,r=t?.innerHeight??1/0;for(let i=e.parentElement;i&&t;i=i.parentElement){let e=t.getComputedStyle(i).overflowY;if(e===`visible`||e===``)continue;let a=i.getBoundingClientRect();n=Math.max(n,a.top),r=Math.min(r,a.bottom)}return{top:n,bottom:r}}var c=8,l=120;function u(e){let t=n(e),i=r(e);if(!t||!i)return;t.removeAttribute(o),t.style.removeProperty(`max-height`),t.style.removeProperty(`overflow-y`),t.style.removeProperty(`box-sizing`),t.scrollTop=0;let a=t.getBoundingClientRect(),u=i.getBoundingClientRect(),d=s(e),f=Math.max(0,a.top-u.bottom),p=d.bottom-u.bottom-f-c,m=u.top-d.top-f-c,h=a.height,g=h<=p?`below`:h<=m||m>p?`above`:`below`;g===`above`&&t.setAttribute(o,`above`);let _=g===`above`?m:p;h<=_||(t.style.boxSizing=`border-box`,t.style.maxHeight=`${Math.max(Math.floor(_),l)}px`,t.style.overflowY=`auto`)}function d(e){return!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey?e.key===`j`?`ArrowDown`:e.key===`k`?`ArrowUp`:e.key:e.key}function f(t,o={}){let s=null,c=null,l=o.within?`${o.within} [data-menu]`:`[data-menu]`,f=e=>e&&(!o.within||e.closest(o.within))?e:null,p=(e,t={})=>{let i=n(e);if(!i||i.hidden)return;i.hidden=!0;let a=r(e);a?.setAttribute(`aria-expanded`,`false`);let l=s===e?c:null;s===e&&(s=null,c=null),o.onClose?.(e),t.returnFocus&&(l??(()=>a?.focus()))()},m=()=>{for(let e of t.querySelectorAll(l))p(e)},h=(e,t,i=null)=>{let l=n(e);l&&(m(),c=i,o.onOpen?.(e),l.hidden=!1,u(e),r(e)?.setAttribute(`aria-expanded`,`true`),s=e,t&&a(e)[0]?.focus())};return t.addEventListener(`click`,e=>{let t=e.target,r=f(t?.closest?.(`[data-menu]`)??null);if(!r){m();return}if(t?.closest(`[data-menu-trigger]`)){let t=e.detail===0;n(r)?.hidden?h(r,t):p(r);return}s&&s!==r&&p(s)}),t.addEventListener(`keydown`,t=>{if(s&&!s.isConnected&&(s=null),!s)return;let n=s;if(t.key===`Escape`){t.preventDefault(),p(n,{returnFocus:!0});return}if(!n.contains(t.target))return;if(t.key===`Tab`){if(n.hasAttribute(`data-menu-form`)){let e=i(n),r=e.indexOf(t.target);if(e.length>0){t.preventDefault(),e[(r+(t.shiftKey?-1:1)+e.length)%e.length].focus();return}}p(n);return}if(e(t.target))return;let r=a(n);if(r.length===0)return;let o=r.indexOf(t.target),c=d(t),l=c===`ArrowDown`?r[(o+1)%r.length]:c===`ArrowUp`?r[(o-1+r.length)%r.length]:c===`Home`?r[0]:c===`End`?r[r.length-1]:null;l&&(t.preventDefault(),l.focus(),l.scrollIntoView({block:`nearest`}))}),{open:(e,t={})=>h(e,t.focusFirst===!0,t.returnFocus??null),close:p,closeAll:m}}function p(e){return e<3e4?1e3:e<12e4?3e3:e<6e5?8e3:15e3}export{f as n,p as t};
+import{dt as e}from"./chunk-DwdwtB9r.js";var t=`button:not([disabled])`;function n(e){return e.querySelector(`[data-menu-panel]`)}function r(e){return e.querySelector(`[data-menu-trigger]`)}function i(e){let t=n(e);return t?[...t.querySelectorAll(`input:not([disabled]), textarea:not([disabled]), button:not([disabled])`)].filter(e=>!e.closest(`[hidden]`)):[]}function a(e){let r=n(e);return r?[...r.querySelectorAll(t)].filter(e=>!e.closest(`[hidden]`)):[]}var o=`data-menu-placement`;function s(e){let t=e.ownerDocument.defaultView,n=0,r=t?.innerHeight??1/0;for(let i=e.parentElement;i&&t;i=i.parentElement){let e=t.getComputedStyle(i).overflowY;if(e===`visible`||e===``)continue;let a=i.getBoundingClientRect();n=Math.max(n,a.top),r=Math.min(r,a.bottom)}return{top:n,bottom:r}}var c=8,l=120;function u(e){let t=n(e),i=r(e);if(!t||!i)return;t.removeAttribute(o),t.style.removeProperty(`max-height`),t.style.removeProperty(`overflow-y`),t.style.removeProperty(`box-sizing`),t.scrollTop=0;let a=t.getBoundingClientRect(),u=i.getBoundingClientRect(),d=s(e),f=Math.max(0,a.top-u.bottom),p=d.bottom-u.bottom-f-c,m=u.top-d.top-f-c,h=a.height,g=h<=p?`below`:h<=m||m>p?`above`:`below`;g===`above`&&t.setAttribute(o,`above`);let _=g===`above`?m:p;h<=_||(t.style.boxSizing=`border-box`,t.style.maxHeight=`${Math.max(Math.floor(_),l)}px`,t.style.overflowY=`auto`)}function d(e){return!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey?e.key===`j`?`ArrowDown`:e.key===`k`?`ArrowUp`:e.key:e.key}function f(t,o={}){let s=null,c=null,l=o.within?`${o.within} [data-menu]`:`[data-menu]`,f=e=>e&&(!o.within||e.closest(o.within))?e:null,p=(e,t={})=>{let i=n(e);if(!i||i.hidden)return;i.hidden=!0;let a=r(e);a?.setAttribute(`aria-expanded`,`false`);let l=s===e?c:null;s===e&&(s=null,c=null),o.onClose?.(e),t.returnFocus&&(l??(()=>a?.focus()))()},m=()=>{for(let e of t.querySelectorAll(l))p(e)},h=(e,t,i=null)=>{let l=n(e);l&&(m(),c=i,o.onOpen?.(e),l.hidden=!1,u(e),r(e)?.setAttribute(`aria-expanded`,`true`),s=e,t&&a(e)[0]?.focus())};return t.addEventListener(`click`,e=>{let t=e.target,r=f(t?.closest?.(`[data-menu]`)??null);if(!r){m();return}if(t?.closest(`[data-menu-trigger]`)){let t=e.detail===0;n(r)?.hidden?h(r,t):p(r);return}s&&s!==r&&p(s)}),t.addEventListener(`keydown`,t=>{if(s&&!s.isConnected&&(s=null),!s)return;let n=s;if(t.key===`Escape`){t.preventDefault(),p(n,{returnFocus:!0});return}if(!n.contains(t.target))return;if(t.key===`Tab`){if(n.hasAttribute(`data-menu-form`)){let e=i(n),r=e.indexOf(t.target);if(e.length>0){t.preventDefault(),e[(r+(t.shiftKey?-1:1)+e.length)%e.length].focus();return}}p(n);return}if(e(t.target))return;let r=a(n);if(r.length===0)return;let o=r.indexOf(t.target),c=d(t),l=c===`ArrowDown`?r[(o+1)%r.length]:c===`ArrowUp`?r[(o-1+r.length)%r.length]:c===`Home`?r[0]:c===`End`?r[r.length-1]:null;l&&(t.preventDefault(),l.focus(),l.scrollIntoView({block:`nearest`}))}),{open:(e,t={})=>h(e,t.focusFirst===!0,t.returnFocus??null),close:p,closeAll:m}}function p(e){return e<3e4?1e3:e<12e4?3e3:e<6e5?8e3:15e3}export{f as n,p as t};

package/static/{chunk-C_KEGoSE.js → chunk-BL6xJoZm.js}

@@ -1 +1 @@
-import{F as e}from"./chunk-CmdZYpyj.js";function t(e=document){for(let t of e.querySelectorAll(`.prb-index-status`))t.addEventListener(`click`,e=>{let n=t.querySelector(`select`);if(!(!n||e.target instanceof Node&&n.contains(e.target))){e.preventDefault(),n.focus();try{n.showPicker()}catch{}}})}function n(t,n){r(t,t=>e(t.dataset.section)?t.dataset.section:void 0,n)}function r(e,t,n){let r=Promise.resolve();for(let i of e){let e=t(i);if(e===void 0)continue;let a=i.open;i.addEventListener(`toggle`,()=>{if(i.open===a)return;a=i.open;let t=!i.open;r=r.then(()=>n(e,t)).catch(()=>{})})}}export{n,t as r,r as t};
+import{F as e}from"./chunk-DwdwtB9r.js";function t(e=document){for(let t of e.querySelectorAll(`.prb-index-status`))t.addEventListener(`click`,e=>{let n=t.querySelector(`select`);if(!(!n||e.target instanceof Node&&n.contains(e.target))){e.preventDefault(),n.focus();try{n.showPicker()}catch{}}})}function n(t,n){r(t,t=>e(t.dataset.section)?t.dataset.section:void 0,n)}function r(e,t,n){let r=Promise.resolve();for(let i of e){let e=t(i);if(e===void 0)continue;let a=i.open;i.addEventListener(`toggle`,()=>{if(i.open===a)return;a=i.open;let t=!i.open;r=r.then(()=>n(e,t)).catch(()=>{})})}}export{n,t as r,r as t};