sync(bfmono): feat(simulator-ui): add scrolling text for overflow labels (+19 more) (bfmono@9739cf8ce)

This PR is an automated gambitmono sync of bfmono Gambit packages.

- Source: `packages/gambit/`
- Core: `packages/gambit-core/`
- bfmono rev: 9739cf8ce

Changes:
- 9739cf8ce feat(simulator-ui): add scrolling text for overflow labels
- 0aca193f8 feat(gambit): add deck tools tab in simulator
- 9959c81f0 feat(simulator-ui): add guidance to test bot start overlay
- ecbe06eb7 fix(simulator-ui): align focus ring with squircle inputs
- 336e4c0eb fix(simulator): allow assistant start without test decks
- a7bcc23be fix(simulator-ui): stabilize test bot session navigation
- 2ffc619a2 test(simulator-ui): add e2e session url checklist
- c9a52f844 feat(simulator-ui): polish sessions drawer list
- 7a2b83a3b feat(gambit-bot): add recipe selection test personas
- 27ceb80b1 fix(gambit-bot): require valid gambit deck output
- 9184563de fix(gambit): block symlink escapes in bot tools
- af4ec9485 feat(simulator-ui): add squircle corner scaling
- bb5695ad5 docs(reorg): prune legacy archives
- 7fcb795ca docs: drop aibff CLI mention
- 321400305 docs(gambit): keep docs README external-only
- 5b8818d7e docs(gambit): move external posts to docs/posts
- 5f91c0fee docs(gambit): remove internal doc references
- 566038e35 docs(gambit): remove internal docs/policy/memos/coworkers
- 847e81de5 docs(gambit): drop stale docs-structure memo path
- d7e2577f9 docs(gambit): add docs reorg post

Do not edit this repo directly; make changes in bfmono and re-run the sync.

Author: bft-codebot

simulator-ui/src/CalibrateDrawer.tsx

@@ -2,6 +2,7 @@ import React, { useMemo, useState } from "react";
 import Button from "./gds/Button.tsx";
 import Icon from "./gds/Icon.tsx";
 import Panel from "./gds/Panel.tsx";
+import ScrollingText from "./gds/ScrollingText.tsx";
 import {
   extractGradingFlags,
   extractTurnContext,
@@ -266,15 +267,19 @@ export default function CalibrateDrawer(props: CalibrateDrawerProps) {
                       {scoreLabel}
                     </div>
                     {entry.reason && (
-                      <div className="calibrate-summary-reason ellipsis">
-                        {entry.reason}
-                      </div>
+                      <ScrollingText
+                        as="div"
+                        text={entry.reason}
+                        className="calibrate-summary-reason"
+                      />
                     )}
                   </div>
                   {message?.content && (
-                    <div className="calibrate-summary-meta ellipsis">
-                      {formatSnippet(message.content)}
-                    </div>
+                    <ScrollingText
+                      as="div"
+                      text={formatSnippet(message.content)}
+                      className="calibrate-summary-meta"
+                    />
                   )}
                 </div>
               );
@@ -318,15 +323,19 @@ export default function CalibrateDrawer(props: CalibrateDrawerProps) {
                       <Icon name="flag" size={10} />
                     </div>
                     {flag.reason && (
-                      <div className="calibrate-summary-reason ellipsis">
-                        {flag.reason}
-                      </div>
+                      <ScrollingText
+                        as="div"
+                        text={flag.reason}
+                        className="calibrate-summary-reason"
+                      />
                     )}
                   </div>
                   {gradedAssistant && (
-                    <div className="calibrate-summary-meta ellipsis">
-                      {formatSnippet(gradedAssistant)}
-                    </div>
+                    <ScrollingText
+                      as="div"
+                      text={formatSnippet(gradedAssistant)}
+                      className="calibrate-summary-meta"
+                    />
                   )}
                 </div>
               );