fix(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar
, '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(web): seat the out-of-capacity tab on the composer's straight edge - #7

Merged
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position
Aug 11, 2026
Merged

fix(web): seat the out-of-capacity tab on the composer's straight edge#7
rynfar merged 1 commit into
pylonfrom
fix/2026-08-12-handoff-tab-position

Conversation

@rynfar

@rynfarrynfar commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

The "Out of capacity" tab that offers to continue a spent thread on another account renders detached from the composer, floating beside its top-right corner instead of sitting on the edge.

Cause: the tab is positioned right-3 (12px) against the composer form, but the composer frame is rounded-[22px] — a 22px corner radius. Since 12 < 22, the tab lands on the curve. Its bottom edge is deliberately square (rounded-b-none, border-b-0) so it can read as a tab attached to a straight edge; on a curve there is nothing flush to attach to, so it looks like it is hovering next to the composer.

Fix:right-6 (24px), which clears the 22px radius so the whole tab sits on the straight run of the top edge.

Added a comment recording the constraint, since the relationship between the inset and the frame radius is invisible at the call site and easy to regress.

Note ComposerStashBadge sits on the same edge at right-4 (16px), also inside the radius. It is left alone here: it is rounded-full with a complete border, so overlapping the curve does not misread the way a square-bottomed tab does. Worth revisiting if the two are ever aligned deliberately.

Web typecheck, lint, and format clean.

Not verified visually: reproducing this needs an account actually out of capacity, which I could not stage locally. The fix is from measured geometry (12px inset vs 22px radius), not a screenshot.

Reported by the developer with a screenshot showing the tab detached at the composer's top-right.

Model: Claude Opus 5 (1M context). Harness: Claude Code.


View with [code]smithAutofix with [code]smith
Need help on this PR? Tag @codesmith with what you need. Autofix is disabled.

@github-actionsgithub-actionsBot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 11, 2026
@github-actions

Copy link
Copy Markdown

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ProviderMetricMain baselineThis PRImpactPR ceiling
CodexTotal thread wire11.3 KiB11.4 KiB+26 B (+0.2%)15.1 KiB
CodexThread snapshot wire5.5 KiB5.5 KiB−1 B (−0.0%)7.3 KiB
CodexLive turn WebSocket wire5.8 KiB5.9 KiB+27 B (+0.5%)7.8 KiB
CodexLive turn WebSocket decoded49.7 KiB49.7 KiB0 B (0.0%)66.4 KiB
CodexLive turn messages16160 (0.0%)21
ClaudeTotal thread wire11.4 KiB11.3 KiB−10 B (−0.1%)15.1 KiB
ClaudeThread snapshot wire5.5 KiB5.5 KiB+3 B (+0.1%)7.3 KiB
ClaudeLive turn WebSocket wire5.9 KiB5.8 KiB−13 B (−0.2%)7.8 KiB
ClaudeLive turn WebSocket decoded50.6 KiB50.6 KiB0 B (0.0%)66.4 KiB
ClaudeLive turn messages16160 (0.0%)21

Baseline: 0df9a9e · PR result: a234a82 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

  • Codex decoded thread snapshot: 94.6 KiB
  • Claude decoded thread snapshot: 95.4 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

@rynfar
rynfar merged commit b1df425 into pylonAug 11, 2026
11 checks passed
@rynfar
rynfar deleted the fix/2026-08-12-handoff-tab-position branch August 11, 2026 22:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XSvouch:trustedPR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@rynfar