feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

feat(sidebar): reset width on double-click with viewport-based default - #6287

Closed
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size
Closed

feat(sidebar): reset width on double-click with viewport-based default#6287
chirivelli wants to merge 3 commits into
pingdotgg:mainfrom
chirivelli:sidebar-double-click-to-default-size

Conversation

@chirivelli

@chirivellichirivelli commented Aug 12, 2026

Copy link
Copy Markdown

Double-clicking the resize rail restores the sidebar to 20% of the viewport width and persists the reset preference.

What Changed

Double-clicking the sidebar resize rail resets the width to 20% of the viewport. The reset is saved to localStorage.

Why

There was no quick way to get back to a default width after resizing. Double-click-to-reset is a familiar pattern and keeps the sidebar proportional across window sizes.

UI Changes

Double-click the resize handle between the sidebar and main content to snap the sidebar back to its default width. Video attached.

Screen.Recording.2026-08-12.at.2.05.12.PM.mov

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Low Risk
UI-only sidebar sizing and localStorage preference changes; no auth, security, or data-handling impact.

Overview
Adds double-click-to-reset on the sidebar resize rail, snapping width back to a viewport-scaled default (~20%) and persisting that preference.

Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO and resolveThreadSidebarDefaultWidth, so first-load and reset widths scale with the window (still clamped to min/max). AppSidebarLayout passes that live default into the sidebar’s resizable options.

Reviewed by Cursor Bugbot for commit 86b19d6. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Reset sidebar width on double-click using viewport-based default

  • Replaces the fixed THREAD_SIDEBAR_DEFAULT_WIDTH constant with THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO (0.2), so the default sidebar width scales with viewport size and is clamped between min and max bounds.
  • Adds resolveThreadSidebarDefaultWidth(viewportWidth) in threadSidebarWidth.ts to compute this clamped default, and updates resolveInitialThreadSidebarWidth to use it as the fallback when no stored preference exists.
  • Extends SidebarResizableOptions in sidebar.tsx with an optional defaultWidth prop and wires a double-click handler on SidebarRail that resets the sidebar to this default, persists it to localStorage, and calls onResize.
  • Behavioral Change: first load or cleared-preference sidebar width is now viewport-relative (~20%) rather than a fixed pixel value.

Macroscope summarized 86b19d6.

Double-clicking the resize rail restores the sidebar to 20% of the
viewport width and persists the reset preference.
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitaiBot commented Aug 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 62aca888-3b2a-444d-bbd5-ada1baabd801

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Aug 12, 2026
Comment threadapps/web/src/components/ui/sidebar.tsx
Wrap setLocalStorageItem in try/catch so onResize still runs when persistence throws.
Co-authored-by: Cursor <cursoragent@cursor.com>

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ad7ec01. Configure here.

Comment threadapps/web/src/components/threadSidebarWidth.test.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 86b19d6

Self-contained UI enhancement adding double-click reset to sidebar and viewport-based default width. Changes are limited to sidebar components with simple clamped math, include tests, and only affect user-triggered interactions.

You can customize Macroscope's approvability policy. Learn more.

Derive the expected default width from THREAD_SIDEBAR_DEFAULT_WIDTH_RATIO instead of hardcoding 264.
Co-authored-by: Cursor <cursoragent@cursor.com>
@chirivelli

Copy link
Copy Markdown
Author

#6320 achieves similar behavior, closing this PR.

@chirivelli
chirivelli deleted the sidebar-double-click-to-default-size branch August 16, 2026 06:13
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@chirivelli