fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge
, '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

fix(mobile): handle long multi-select user input forms - #5118

Closed
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input
Closed

fix(mobile): handle long multi-select user input forms#5118
thuongtin wants to merge 5 commits into
pingdotgg:mainfrom
thuongtin:fix/mobile-pending-user-input

Conversation

@thuongtin

@thuongtinthuongtin commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

Long pending user input forms now stay within the mobile viewport and scroll their questions independently, keeping the card header and submit action reachable. Multi-select questions retain every selected option and submit an array, while single-select answers remain scalar.

Why

The mobile client rendered every question inside a non-scrollable sticky card. Forms with several questions overflowed above the screen, and swiping could not reach the clipped content. The same flow reduced multiSelect questions to one option, so users could not provide the answer shape requested by the provider.

UI Changes

Before: the card exceeds the viewport and its beginning is clipped.

Pending user input before

After: the card is bounded, with a scrollable question area and fixed submit action.

Pending user input after

Short scroll interaction video

Validation

  • vp lint passed for all five changed files.
  • vp test run apps/mobile/src/lib/threadActivity.test.ts passed 12 tests.
  • pnpm --filter @t3tools/mobile typecheck passed.
  • A self-contained preview Release APK was exercised on a Pixel 10 Pro XL: the form scrolled through all questions, two multi-select options remained selected together, and the app stayed connected for 35 seconds without a fatal exception or connection-failure loop.

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

Model: GPT-5. Harness: Codex.


Note

Low Risk
Scoped mobile thread UI and answer-shaping logic with unit tests; no auth or server changes. Minor keyboard-sticky behavior change when the keyboard is hidden.

Overview
Long pending user-input forms on mobile no longer clip off-screen: PendingUserInputCard gets a computed maxHeight, wraps questions in a ScrollView, and keeps the header and Submit action fixed while the question list scrolls.

derivePendingUserInputMaxHeight sizes that card from window height, keyboard, nav header, and composer overlap (with min/max caps). ThreadDetailScreen wires keyboard/window/header state into it and only enables KeyboardStickyView while the keyboard is visible.

Draft/answer handling now supports multiSelect: drafts track selectedOptionLabels, togglePendingUserInputOptionSelection toggles chips vs replaces for single-select, buildPendingUserInputAnswers emits string arrays for multi-select, and option selection passes the full UserInputQuestion through the screen and request hooks.

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

Note

Add multi-select support and scrollable layout to pending user input forms on mobile

  • Replaces single-select option logic with togglePendingUserInputOptionSelection, allowing multi-select questions to accumulate or remove selected options; single-select continues to work as before.
  • Adds isPendingUserInputOptionSelected to accurately reflect chip state, ignoring selections when a custom answer is present; entering a custom answer clears selections and vice versa.
  • Wraps the question list in a ScrollView in PendingUserInputCard and computes a responsive max height via derivePendingUserInputMaxHeight, accounting for keyboard height, navigation header, and composer overlap.
  • KeyboardStickyView is now only enabled while the keyboard is visible.
  • buildPendingUserInputAnswers return type is broadened to allow ReadonlyArray<string> for multi-select questions instead of only strings.

Macroscope summarized 85c75ac.

@coderabbitai

coderabbitaiBot commented Jul 31, 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: 14de0cbc-8520-4463-a674-8b8c12f3df36

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:L 100-499 changed lines (additions + deletions). labels Jul 31, 2026
Comment threadapps/mobile/src/lib/threadActivity.ts
@macroscopeapp

macroscopeappBot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces new multi-select functionality for user input forms (changing from single-select to multi-select behavior) and adds scrolling with keyboard-aware height calculations. While well-tested and self-contained, new user-facing capabilities warrant human review.

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

@dtown123

Copy link
Copy Markdown

I pulled it down and tested it in Simulator. Some comments:

  • Please consider rendering the option.description as it's quite helpful in the decision process (as found in ComposerPendingUserInputPanel.tsx:192-193).
  • "Type custom answer" is locked in size, which makes long answers difficult to read especially if there's new lines.
  • You can still type in the main prompt box, which is repurposed as the "custom answer" field in Desktop/web during questioning.

While this PR does directly fix the reported bug, it still doesn't match the experience found in other T3 platforms, where each question is asked separately with previous/next buttons, and the prompt input is hidden in favor of a larger "custom answer" field. This is good to stop the bleeding, but I hope full functionality isn't forgotten in the process.

thuongtinand others added 4 commits August 10, 2026 12:56
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
@juliusmarminge
juliusmarmingeforce-pushed the fix/mobile-pending-user-input branch from 78f09ca to 2510bf7CompareAugust 10, 2026 10:57

@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 2 potential issues.

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 2510bf7. Configure here.

Comment threadapps/mobile/src/features/threads/pendingUserInputLayout.ts Outdated
Comment threadapps/mobile/src/features/threads/PendingUserInputCard.tsx Outdated
Co-authored-by: codex <codex@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L100-499 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.

3 participants

@thuongtin@dtown123@juliusmarminge