feat(web): group new-thread project picker by connection - #4295

Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom
jbmcguire:feat/group-new-thread-picker-by-connection
Closed

feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom
jbmcguire:feat/group-new-thread-picker-by-connection

Conversation

@jbmcguire

@jbmcguirejbmcguire commented Jul 22, 2026•
edited
Loading

Copy link
Copy Markdown

What Changed

The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.

Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.

Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.

Why

With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.

UI Changes

Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.
After: one section per connection, machine name as the heading, active project's machine on top.

Screenshots

file-9d92d8afa54f824685315ca29b3e037fimage

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes (coming in a comment)
  • I included a video for animation/interaction changes (n/a — no motion changes)

Verification

  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)

🤖 Generated with Claude Code

Note

Group projects by environment connection in the new-thread project picker

  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.

Macroscope summarized 09a3483.

@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai

coderabbitaiBot commented Jul 22, 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

Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758

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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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:L 100-499 changed lines (additions + deletions). labels Jul 22, 2026
@macroscopeapp

macroscopeappBot commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.

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

@t3dotgg

t3dotgg commented Aug 28, 2026

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

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

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg
, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg

, '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(web): group new-thread project picker by connection - #4295
Closed
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Closed
feat(web): group new-thread project picker by connection#4295
jbmcguire wants to merge 1 commit into
pingdotgg:mainfrom 
jbmcguire:feat/group-new-thread-picker-by-connection
Conversation
@jbmcguire
@jbmcguirejbmcguire
commented
Jul 22, 2026•

edited

Loading

Copy link


Copy Markdown

What Changed
The command palette's "New thread in..." project picker now groups projects under one heading per connection (machine), instead of rendering a single flat list. Group headings use the same resolved environment labels as the add-project flow ("This device" / the machine's name), ordered primary-first. The group containing the active project moves to the top with that project as its first row (replacing the old flat-list bubble-to-top behavior). Machine names are added to each row's search terms, so filtering by a visible heading like "Work laptop" narrows to that machine instead of emptying the list.
Behavior is unchanged when only one connection is known: the picker keeps its flat "Projects" heading. Projects whose connection is gone from the catalog stay visible under a fallback heading rather than disappearing.
Scope: CommandPalette.logic.ts (two new pure functions), CommandPalette.tsx (wiring for the submenu and the sidebar-triggered open-intent view), and unit tests.
Why
With the same repo checked out on several machines, the flat picker showed identical entries — three rows distinguishable only by truncated paths. Grouping by connection makes it obvious which machine each project lives on.
UI Changes
Before: one flat "Projects" list where same-named projects from different machines repeat back-to-back.

After: one section per connection, machine name as the heading, active project's machine on top.
Screenshots
file-9d92d8afa54f824685315ca29b3e037fimage
Checklist
  •  This PR is small and focused
  •  I explained what changed and why
  •  I included before/after screenshots for any UI changes (coming in a comment)
  •  I included a video for animation/interaction changes (n/a — no motion changes)
Verification
  • vp test run src/components/CommandPalette.logic.test.ts — 11/11 passing (grouping, catalog ordering, single-connection collapse, removed-connection fallback, prioritization, heading search)
  • tsgo --noEmit and vp lint clean (two pre-existing no-unstable-nested-components warnings unchanged from main)
  • Integrated check via an isolated vp run dev environment in the in-app browser (single-connection collapse path)
🤖 Generated with Claude Code
Note
Group projects by environment connection in the new-thread project picker
  • Adds buildProjectActionGroups to CommandPalette.logic.ts to group projects by environmentId, ordered by a provided environment label catalog, with each item searchable by its environment label.
  • Adds prioritizeProjectGroupItem to sort groups so the current project's environment group appears first, with the current project at the top.
  • Updates CommandPalette.tsx to replace the flat projectThreadItems list with grouped output from these two functions in the 'New thread in...' submenu.
  • When only one environment is known and only one group exists, the group is labeled 'Projects' instead of the environment name.
Macroscope summarized 09a3483.
@jbmcguire@claude
feat(web): group new-thread project picker by connection
09a3483
With the same repo checked out on several machines, the flat "New thread
in..." list showed identical project names with only a truncated path to
tell them apart. Group the picker by environment so each connection's
projects sit under its machine name, keep the active project's group and
row on top, and collapse back to the flat "Projects" heading when only
one environment is known. Machine names are searchable so filtering by a
visible heading doesn't empty the list.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai
coderabbitaiBot
commented
Jul 22, 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
Run ID: 9ec38be8-4b06-4a57-a96c-5369b005b758
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
✨ Finishing Touches
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
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:L
100-499 changed lines (additions + deletions).
labels
Jul 22, 2026
@macroscopeapp
macroscopeappBot
commented
Jul 22, 2026

Copy link


Copy Markdown

Contributor
Approvability
Verdict: Needs human review
This PR introduces a new user-facing feature that changes how projects are grouped and displayed in the command palette picker. While well-scoped and tested, new UI features with non-trivial logic warrant human review.
You can customize Macroscope's approvability policy. Learn more.
@t3dotgg
t3dotgg
commented
Aug 28, 2026

Copy link


Copy Markdown

Member
Note
🤖 GPT-5.6 Sol responding on behalf of Theo
We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.
This branch changes the same new-thread picker flow as #4263. We are keeping that unified picker as the active implementation instead of reviewing another competing version.
If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.
@t3dotggt3dotgg
closed this
Aug 28, 2026
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

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

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

2 participants

@jbmcguire@t3dotgg