sync(bfmono): fix(simulator-ui): add tab button border suppression (+19 more) (bfmono@59a2b99fd)

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

- Source: `packages/gambit/`
- Core: `packages/gambit-core/`
- bfmono rev: 59a2b99fd

Changes:
- 59a2b99fd fix(simulator-ui): add tab button border suppression
- b7df84782 fix(simulator-ui): open sessions in test from docs
- 6e199ea1e chore(simulator-ui): remove unused styles
- 84274be56 feat(gambit): refine simulator nav and surface model params
- 342bb4d8d feat(gambit): publish rc prereleases in CI
- 8bae64370 feat(gambit): harden session persistence logs
- 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

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

Author: bft-codebot

simulator-ui/src/TestBotPage.tsx

@@ -1332,6 +1332,7 @@ export default function TestBotPage(props: {
             <div className="panel-tabs" style={{ marginTop: 6 }}>
               <Button
                 className="flex-1"
+                tab
                 variant={assistantDeckTab === "input"
                   ? "primary-deemph"
                   : "ghost"}
@@ -1342,6 +1343,7 @@ export default function TestBotPage(props: {
               </Button>
               <Button
                 className="flex-1"
+                tab
                 variant={assistantDeckTab === "tools"
                   ? "primary-deemph"
                   : "ghost"}
@@ -1352,6 +1354,7 @@ export default function TestBotPage(props: {
               </Button>
               <Button
                 className="flex-1"
+                tab
                 variant={assistantDeckTab === "schema"
                   ? "primary-deemph"
                   : "ghost"}

simulator-ui/src/gds/Button.tsx

@@ -15,6 +15,7 @@ type ButtonProps =
     variant?: ButtonVariant;
     size?: ButtonSize;
     href?: string;
+    tab?: boolean;
   }
   & React.ButtonHTMLAttributes<HTMLButtonElement>
   & React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -26,13 +27,15 @@ export default function Button(props: ButtonProps) {
     className,
     type,
     href,
+    tab = false,
     ...rest
   } = props;
 
   const classes = classNames(
     "gds-button",
     `gds-button--${variant}`,
     `gds-button--size-${size}`,
+    tab && "gds-button--tab",
     className,
   );
 

simulator-ui/src/main.tsx

@@ -1123,7 +1123,7 @@ function App() {
     : "/grade";
   const handleSelectSession = useCallback(
     (sessionId: string) => {
-      const nextPath = currentPage === "test"
+      const nextPath = currentPage === "test" || currentPage === "docs"
         ? `${SESSIONS_BASE_PATH}/${encodeURIComponent(sessionId)}/test`
         : currentPage === "grade"
         ? buildGradePath(sessionId)
@@ -1203,27 +1203,31 @@ function App() {
           </div>
           <div className="top-nav-buttons">
             <Button
-              variant={currentPage === "docs" ? "primary-deemph" : "secondary"}
+              tab
+              variant={currentPage === "docs" ? "primary-deemph" : "ghost"}
               onClick={() => navigate(DOCS_PATH)}
               data-testid="nav-docs"
             >
               Docs
             </Button>
             <Button
-              variant={currentPage === "test" ? "primary-deemph" : "secondary"}
+              tab
+              variant={currentPage === "test" ? "primary-deemph" : "ghost"}
               onClick={() => navigate(testBotPath)}
               data-testid="nav-test"
             >
               Test
             </Button>
             <Button
-              variant={currentPage === "grade" ? "primary-deemph" : "secondary"}
+              tab
+              variant={currentPage === "grade" ? "primary-deemph" : "ghost"}
               onClick={() => navigate(gradePath)}
               data-testid="nav-grade"
             >
               Grade
             </Button>
             <Button
+              tab
               variant={currentPage === "debug" ? "primary-deemph" : "ghost"}
               onClick={() => navigate(debugPath)}
               data-testid="nav-debug"

simulator-ui/src/styles.ts

@@ -1559,6 +1559,26 @@ code:not(pre *) {
   justify-content: center;
   gap: 8px
 }
+.gds-button--tab {
+  border-color: transparent;
+}
+.gds-button--tab:hover {
+  border-color: transparent;
+}
+.gds-button--tab.gds-button--primary,
+.gds-button--tab.gds-button--primary:hover,
+.gds-button--tab.gds-button--primary-deemph,
+.gds-button--tab.gds-button--primary-deemph:hover,
+.gds-button--tab.gds-button--secondary,
+.gds-button--tab.gds-button--secondary:hover,
+.gds-button--tab.gds-button--ghost,
+.gds-button--tab.gds-button--ghost:hover,
+.gds-button--tab.gds-button--ghost-danger,
+.gds-button--tab.gds-button--ghost-danger:hover,
+.gds-button--tab.gds-button--danger,
+.gds-button--tab.gds-button--danger:hover {
+  border-color: transparent;
+}
 .gds-button--size-medium {
   padding: 8px 14px;
 }