sync(bfmono): fix(gambit): restore simulator-ui dnt react typecheck (+19 more) (bfmono@3a995b3ba)

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

- Source: `packages/gambit/`
- Core: `packages/gambit/packages/gambit-core/`
- bfmono rev: 3a995b3ba

Changes:
- 3a995b3ba fix(gambit): restore simulator-ui dnt react typecheck
- 715b43ad5 fix(gambit-publish): pin JSX runtime specifier for JSR canary publish
- ecfc74407 fix(gambit-ci): rewrite core imports for isolated publish parity dry-run
- 4cfe995c4 fix(gambit-ci): run publish dry-run in isolated package copy
- 20313b751 fix(ci): restore gambit mirror auto-merge and gate binary dispatch by new tags
- 5aa44451e ci(gambit): add publish dry-run to downstream parity suite
- 48acb857f fix(gambit): include simulator-ui in JSR publish scope
- ad689b6e3 fix(gambit): align parity check with in-repo gambit-core and load lint plugin
- a11118b73 fix(gambit): isolate gambit-core parity checks from bfmono workspace context
- 9924f0252 pin nix v
- 2f7f91c35 fix(gambit): run downstream CI parity checks in bfmono
- 9a2fff377 refactor(gambit-demo): reuse shared tab flows in full demo
- 30c59197f docs(gambit): add verify-tab migration docs and parity checklist
- 1bf42993d test(gambit): add verify demo and stabilize full demo flow
- 8452a0505 feat(gambit): add Isograph Verify tab UI and typed client artifacts
- 422f98b10 feat(gambit): add verify GraphQL schema and server operations
- fcbcb09d9 test(gambit-demo): exercise grade flag toggle and reason edit flow
- b8c0081bc refactor(simulator-ui): share legacy grade runner and center panels across legacy and isograph
- a11973125 refactor(simulator-ui): reuse legacy grade runs header across legacy and isograph
- 7cd05dfc2 chore(simulator-ui): remove unused grade tab view extension prop

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

Author: bft-codebot

deno.lock

@@ -270,7 +270,7 @@ try {
       }
       if (
         diagnostic.code === 2686 &&
-        fileName.includes("/simulator-ui/src/")
+        fileName.includes("/simulator-ui/")
       ) {
         return false;
       }

scripts/build_npm.ts

@@ -1,5 +1,5 @@
 import { iso } from "@iso-gambit-sim";
-import type React from "react";
+import React from "react";
 import { AppShell } from "../../../src/AppShell.tsx";
 
 function WorkbenchUnavailable(_: { open: boolean }) {

simulator-ui/isograph/components/Query/SimulatorAppShell.tsx

@@ -1,5 +1,5 @@
 import { iso } from "@iso-gambit-sim";
-import type React from "react";
+import React from "react";
 import { AppShell } from "../../../src/AppShell.tsx";
 
 function WorkbenchUnavailable(_: { open: boolean }) {

simulator-ui/isograph/components/Query/SimulatorBuildContentShell.tsx

@@ -1,6 +1,6 @@
 // deno-lint-ignore-file
 import { assert, assertEquals } from "@std/assert";
-import type React from "react";
+import React from "react";
 import TestRenderer, { act } from "npm:react-test-renderer@19.2.0";
 import type { ReactTestInstance } from "npm:react-test-renderer@19.2.0";
 

simulator-ui/src/ActivityTranscriptRows.test.tsx

@@ -0,0 +1,64 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { classNames } from "./utils.ts";
+
+type CopyBadgeProps = {
+  label: string;
+  displayValue?: string | null;
+  copyValue?: string | null;
+  className?: string;
+};
+
+export function CopyBadge(props: CopyBadgeProps) {
+  const { label, displayValue, copyValue, className } = props;
+  const [copied, setCopied] = useState(false);
+  const timeoutRef = useRef<
+    ReturnType<typeof globalThis.setTimeout> | undefined
+  >(
+    undefined,
+  );
+
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+
+  const copyTarget = copyValue ?? displayValue;
+  if (!copyTarget) return null;
+  const text = displayValue ?? copyTarget;
+
+  const handleCopy = useCallback(async () => {
+    try {
+      if (navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(copyTarget);
+      } else {
+        const temp = document.createElement("textarea");
+        temp.value = copyTarget;
+        temp.style.position = "fixed";
+        temp.style.opacity = "0";
+        document.body.appendChild(temp);
+        temp.select();
+        document.execCommand("copy");
+        document.body.removeChild(temp);
+      }
+      setCopied(true);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = globalThis.setTimeout(() => setCopied(false), 1500);
+    } catch {
+      // ignore copy failures silently
+    }
+  }, [copyTarget]);
+
+  return (
+    <button
+      type="button"
+      className={classNames("copy-badge", className, copied && "copied")}
+      onClick={handleCopy}
+      title={copied ? "Copied!" : `Click to copy ${label}`}
+    >
+      <span className="copy-label">{label}:</span>
+      <code>{text}</code>
+      {copied && <span className="copy-feedback">Copied</span>}
+    </button>
+  );
+}

simulator-ui/src/CopyBadge.tsx

@@ -292,9 +292,10 @@ export function WorkspaceProvider(
   >(null);
   const pendingBuildTracesRef = useRef<Array<TraceEvent>>([]);
   const pendingBuildTraceRunIdRef = useRef<string | null>(null);
-  const buildTraceFlushHandleRef = useRef<number | null>(null);
+  const buildTraceFlushHandleRef = useRef<
+    number | ReturnType<typeof globalThis.setTimeout> | null
+  >(null);
   const buildTraceFlushModeRef = useRef<"raf" | "timeout" | null>(null);
-
   const [testRun, setTestRun] = useState<TestBotRun>(() => normalizeTestRun());
   const [activeTestRunId, setActiveTestRunId] = useState<string | null>(null);
   const [activeGradeRunId, setActiveGradeRunId] = useState<string | null>(null);
@@ -343,7 +344,6 @@ export function WorkspaceProvider(
       toolInserts: Array.isArray(run.toolInserts) ? run.toolInserts : [],
     };
   }, []);
-
   const mergeBuildRunSnapshot = useCallback(
     (prev: BuildRun, incomingRun: BuildRun): BuildRun => {
       const incoming = normalizeBuildRun(incomingRun);
@@ -354,7 +354,6 @@ export function WorkspaceProvider(
       const incomingMessages = incoming.messages ?? [];
       const incomingTraces = incoming.traces ?? [];
       const incomingToolInserts = incoming.toolInserts ?? [];
-
       const nextRun: BuildRun = {
         ...incoming,
         messages: preserveStreamingArrays &&
@@ -383,7 +382,7 @@ export function WorkspaceProvider(
       mode === "raf" && typeof window !== "undefined" &&
       typeof globalThis.cancelAnimationFrame === "function"
     ) {
-      globalThis.cancelAnimationFrame(handle);
+      globalThis.cancelAnimationFrame(handle as number);
     } else if (mode === "timeout") {
       clearTimeout(handle);
     }

simulator-ui/src/WorkspaceContext.tsx

@@ -1,6 +1,6 @@
 // deno-lint-ignore-file
 import { assert, assertEquals } from "@std/assert";
-import type React from "react";
+import React from "react";
 import TestRenderer, { act } from "npm:react-test-renderer@19.2.0";
 import type { ReactTestInstance } from "npm:react-test-renderer@19.2.0";
 

simulator-ui/src/gds/__tests__/Badge.test.tsx

@@ -1,6 +1,6 @@
 // deno-lint-ignore-file
 import { assert, assertEquals } from "@std/assert";
-import type React from "react";
+import React from "react";
 import TestRenderer, { act } from "npm:react-test-renderer@19.2.0";
 
 const globals = globalThis as unknown as {

simulator-ui/src/gds/__tests__/Tooltip.test.tsx

@@ -10,6 +10,7 @@ import {
   setPathValue,
 } from "./utils.ts";
 import Badge from "./gds/Badge.tsx";
+export { CopyBadge } from "./CopyBadge.tsx";
 import Panel from "./gds/Panel.tsx";
 import Tabs from "./gds/Tabs.tsx";
 import type {
@@ -62,62 +63,6 @@ export function useHttpSchema(opts?: { workspaceId?: string | null }) {
   return { schemaResponse, loading, error, refresh };
 }
 
-export function CopyBadge(props: {
-  label: string;
-  displayValue?: string | null;
-  copyValue?: string | null;
-  className?: string;
-}) {
-  const { label, displayValue, copyValue, className } = props;
-  const [copied, setCopied] = useState(false);
-  const timeoutRef = useRef<number | undefined>(undefined);
-
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
-
-  const copyTarget = copyValue ?? displayValue;
-  if (!copyTarget) return null;
-  const text = displayValue ?? copyTarget;
-
-  const handleCopy = useCallback(async () => {
-    try {
-      if (navigator.clipboard?.writeText) {
-        await navigator.clipboard.writeText(copyTarget);
-      } else {
-        const temp = document.createElement("textarea");
-        temp.value = copyTarget;
-        temp.style.position = "fixed";
-        temp.style.opacity = "0";
-        document.body.appendChild(temp);
-        temp.select();
-        document.execCommand("copy");
-        document.body.removeChild(temp);
-      }
-      setCopied(true);
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-      timeoutRef.current = globalThis.setTimeout(() => setCopied(false), 1500);
-    } catch {
-      // ignore copy failures silently
-    }
-  }, [copyTarget]);
-
-  return (
-    <button
-      type="button"
-      className={classNames("copy-badge", className, copied && "copied")}
-      onClick={handleCopy}
-      title={copied ? "Copied!" : `Click to copy ${label}`}
-    >
-      <span className="copy-label">{label}:</span>
-      <code>{text}</code>
-      {copied && <span className="copy-feedback">Copied</span>}
-    </button>
-  );
-}
-
 export function ConversationView(props: {
   messages: Array<ConversationMessage>;
   header?: React.ReactNode;