okengine 0.2.5 → 0.2.8

package/src/console/ui/signals/SignalsA11yView.tsx

@@ -6,10 +6,7 @@
 import { durableLine } from "./durable.ts";
 import { SIGNALS_FIXTURE } from "./fixture.ts";
 import { groupByPhysics } from "./group.ts";
-import {
-  fieldsFromSchema,
-  payloadToFormValues,
-} from "./schema-form.ts";
+import { fieldsFromSchema, payloadToFormValues } from "./schema-form.ts";
 
 /** Props for {@link SignalsA11yView}. */
 export interface SignalsA11yViewProps {
@@ -49,10 +46,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
         <section aria-label="Signal list">
           <h2>Signals</h2>
           {groups.map((group) => (
-            <section
-              key={group.delivery}
-              aria-label={group.label}
-            >
+            <section key={group.delivery} aria-label={group.label}>
               <h3>{group.label}</h3>
               <ul>
                 {group.signals.map((s) => (
@@ -63,12 +57,8 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
                       style={{ minHeight: 32, width: "100%" }}
                     >
                       <span>{s.name}</span>
-                      {s.orphaned ? (
-                        <span role="status"> orphaned</span>
-                      ) : null}
-                      {s.dead > 0 ? (
-                        <span role="status"> DLQ {s.dead}</span>
-                      ) : null}
+                      {s.orphaned ? <span role="status"> orphaned</span> : null}
+                      {s.dead > 0 ? <span role="status"> DLQ {s.dead}</span> : null}
                       {s.outboxLagMs !== null && s.outboxLagMs > 0 ? (
                         <span> outbox {s.outboxLagMs}ms</span>
                       ) : null}
@@ -168,9 +158,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
             {open.dead > 0 ? (
               <section aria-label="Dead letters">
                 <h3>Dead letters</h3>
-                <p>
-                  Bulk repair: dry run first, then replay at a controlled rate.
-                </p>
+                <p>Bulk repair: dry run first, then replay at a controlled rate.</p>
                 <label>
                   Replay rate (per second)
                   <input
@@ -190,11 +178,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
                 <ul>
                   {open.deadLetters.map((d) => (
                     <li key={d.id}>
-                      <button
-                        type="button"
-                        aria-pressed={d.id === dlqId}
-                        style={{ minHeight: 32 }}
-                      >
+                      <button type="button" aria-pressed={d.id === dlqId} style={{ minHeight: 32 }}>
                         {d.id} · {d.failures[d.failures.length - 1]?.code}
                       </button>
                     </li>
@@ -213,10 +197,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
                       <label key={f.key}>
                         {f.key}
                         {f.enumValues ? (
-                          <select
-                            aria-label={f.key}
-                            defaultValue={formValues[f.key] ?? ""}
-                          >
+                          <select aria-label={f.key} defaultValue={formValues[f.key] ?? ""}>
                             {f.enumValues.map((v) => (
                               <option key={v} value={v}>
                                 {v}
@@ -224,10 +205,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
                             ))}
                           </select>
                         ) : (
-                          <input
-                            aria-label={f.key}
-                            defaultValue={formValues[f.key] ?? ""}
-                          />
+                          <input aria-label={f.key} defaultValue={formValues[f.key] ?? ""} />
                         )}
                       </label>
                     ))
@@ -253,9 +231,7 @@ export function SignalsA11yView(props: SignalsA11yViewProps) {
                 {dlq.causeRunId ? (
                   <p>
                     Causal chain:{" "}
-                    <a
-                      href={`/traces?trace=${encodeURIComponent(dlq.causeRunId)}`}
-                    >
+                    <a href={`/traces?trace=${encodeURIComponent(dlq.causeRunId)}`}>
                       {dlq.causeFlow ?? dlq.causeRunId}
                     </a>
                   </p>

package/src/console/ui/signals/a11y.test.tsx

@@ -16,8 +16,7 @@ describe("Signals panel accessibility", () => {
   let container: HTMLElement;
 
   beforeEach(() => {
-    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
-      true;
+    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
     window = new Window({ url: "http://console.test/signals" });
     Object.defineProperty(globalThis, "window", {
       value: window,
@@ -70,9 +69,7 @@ describe("Signals panel accessibility", () => {
 
   test("axe reports zero violations at WCAG 2.2 AA", async () => {
     await act(async () => {
-      root.render(
-        <SignalsA11yView openSignal="order-placed" openDlq="dlq-1" />,
-      );
+      root.render(<SignalsA11yView openSignal="order-placed" openDlq="dlq-1" />);
     });
 
     await new Promise((r) => setTimeout(r, 10));

package/src/console/ui/signals/confirmation.test.ts

@@ -1,9 +1,5 @@
 import { describe, expect, test } from "bun:test";
-import {
-  discardConfirmation,
-  replayConfirmation,
-  validateTypedConfirm,
-} from "./confirmation.ts";
+import { discardConfirmation, replayConfirmation, validateTypedConfirm } from "./confirmation.ts";
 import { SIGNALS_FIXTURE } from "./fixture.ts";
 
 describe("signal confirmation", () => {

package/src/console/ui/signals/confirmation.ts

@@ -5,10 +5,7 @@
  * - Replay that re-triggers an external effect → typed confirmation + reason.
  */
 
-import {
-  UNDO_WINDOW_MS,
-  type ConfirmationPattern,
-} from "../flows/confirmation.ts";
+import { UNDO_WINDOW_MS, type ConfirmationPattern } from "../flows/confirmation.ts";
 import type { SignalRecord } from "./types.ts";
 
 export { UNDO_WINDOW_MS, validateTypedConfirm } from "../flows/confirmation.ts";
@@ -50,8 +47,7 @@ export function discardConfirmation(
 ): ConfirmationPattern {
   const irreversible =
     options.production &&
-    (signal.consumers.some((c) => c.external || !c.durable) ||
-      signal.dead > 0);
+    (signal.consumers.some((c) => c.external || !c.durable) || signal.dead > 0);
   if (irreversible) {
     return {
       kind: "typed",

package/src/console/ui/signals/dry-run.ts

@@ -8,9 +8,7 @@
 import type { SignalRecord } from "./types.ts";
 
 /** Whether the panel may offer dry-run for this signal. */
-export type DryRunOffer =
-  | { readonly ok: true }
-  | { readonly ok: false; readonly reason: string };
+export type DryRunOffer = { readonly ok: true } | { readonly ok: false; readonly reason: string };
 
 /**
  * Decide whether dry-run is offered — same refusal spirit as Traces.

package/src/console/ui/signals/durable.ts

@@ -17,9 +17,7 @@ export interface DurableLine {
  *
  * @param consumersDurable - From Manifest (`flow.durable` on every consumer)
  */
-export function durableLine(
-  consumersDurable: boolean | null,
-): DurableLine {
+export function durableLine(consumersDurable: boolean | null): DurableLine {
   if (consumersDurable === true) {
     return {
       durable: true,

package/src/console/ui/signals/findings.ts

@@ -19,9 +19,7 @@ export interface DeadLetterFinding {
  *
  * @param signals - Signals panel rows
  */
-export function deadLetterFindings(
-  signals: readonly SignalRecord[],
-): readonly DeadLetterFinding[] {
+export function deadLetterFindings(signals: readonly SignalRecord[]): readonly DeadLetterFinding[] {
   return signals
     .filter((s) => s.dead > 0)
     .map((s) => ({

package/src/console/ui/signals/group.test.ts

@@ -5,11 +5,7 @@ import { groupByPhysics } from "./group.ts";
 describe("groupByPhysics", () => {
   test("one list grouped by delivery — not three tabs", () => {
     const groups = groupByPhysics(SIGNALS_FIXTURE);
-    expect(groups.map((g) => g.delivery)).toEqual([
-      "once",
-      "broadcast",
-      "live",
-    ]);
+    expect(groups.map((g) => g.delivery)).toEqual(["once", "broadcast", "live"]);
     expect(groups.find((g) => g.delivery === "once")?.signals.length).toBe(2);
     expect(groups.find((g) => g.delivery === "broadcast")?.signals[0]?.name).toBe(
       "inventory-changed",
@@ -19,9 +15,7 @@ describe("groupByPhysics", () => {
   test("retains orphaned signals in the list", () => {
     const groups = groupByPhysics(SIGNALS_FIXTURE);
     const once = groups.find((g) => g.delivery === "once");
-    expect(once?.signals.some((s) => s.name === "legacy-shipped" && s.orphaned)).toBe(
-      true,
-    );
+    expect(once?.signals.some((s) => s.name === "legacy-shipped" && s.orphaned)).toBe(true);
   });
 
   test("free-text filter dims across name and endpoints", () => {

package/src/console/ui/signals/group.ts

@@ -2,17 +2,9 @@
  * Group signals by delivery physics — one list, not three tabs (console §9.4).
  */
 
-import type {
-  SignalDelivery,
-  SignalPhysicsGroup,
-  SignalRecord,
-} from "./types.ts";
+import type { SignalDelivery, SignalPhysicsGroup, SignalRecord } from "./types.ts";
 
-const PHYSICS_ORDER: readonly SignalDelivery[] = [
-  "once",
-  "broadcast",
-  "live",
-];
+const PHYSICS_ORDER: readonly SignalDelivery[] = ["once", "broadcast", "live"];
 
 const LABELS: Record<SignalDelivery, string> = {
   once: "Once — competing consumers",

package/src/console/ui/signals/index.ts

@@ -46,7 +46,4 @@ export {
 } from "./monitor.ts";
 export { SIGNALS_FIXTURE } from "./fixture.ts";
 export { dryRunOffer, type DryRunOffer } from "./dry-run.ts";
-export {
-  deadLetterFindings,
-  type DeadLetterFinding,
-} from "./findings.ts";
+export { deadLetterFindings, type DeadLetterFinding } from "./findings.ts";

package/src/console/ui/signals/monitor.ts

@@ -33,10 +33,7 @@ export function appendLivePayload(
  * @param state - Current
  * @param paused - Desired
  */
-export function setPaused(
-  state: LiveMonitorState,
-  paused: boolean,
-): LiveMonitorState {
+export function setPaused(state: LiveMonitorState, paused: boolean): LiveMonitorState {
   return {
     ...state,
     paused,
@@ -68,9 +65,7 @@ export function exportLivePayloads(payloads: readonly unknown[]): string {
  *
  * @param seed - Optional initial payloads
  */
-export function createLiveMonitor(
-  seed: readonly unknown[] = [],
-): LiveMonitorState {
+export function createLiveMonitor(seed: readonly unknown[] = []): LiveMonitorState {
   return {
     paused: false,
     autoPausedByScroll: false,

package/src/console/ui/signals/schema-form.test.ts

@@ -1,24 +1,13 @@
 import { describe, expect, test } from "bun:test";
-import {
-  fieldsFromSchema,
-  formValuesToPayload,
-  payloadToFormValues,
-} from "./schema-form.ts";
+import { fieldsFromSchema, formValuesToPayload, payloadToFormValues } from "./schema-form.ts";
 import { SIGNALS_FIXTURE } from "./fixture.ts";
 
 describe("schema-form", () => {
   test("builds editable fields from declared schema", () => {
     const order = SIGNALS_FIXTURE.find((s) => s.name === "order-placed")!;
     const fields = fieldsFromSchema(order.schema);
-    expect(fields.map((f) => f.key)).toEqual([
-      "orderId",
-      "amount",
-      "currency",
-    ]);
-    expect(fields.find((f) => f.key === "currency")?.enumValues).toEqual([
-      "USD",
-      "EUR",
-    ]);
+    expect(fields.map((f) => f.key)).toEqual(["orderId", "amount", "currency"]);
+    expect(fields.find((f) => f.key === "currency")?.enumValues).toEqual(["USD", "EUR"]);
   });
 
   test("round-trips payload through form values", () => {

package/src/console/ui/signals/schema-form.ts

@@ -39,10 +39,7 @@ export function fieldsFromSchema(schema: unknown): readonly SchemaField[] {
       ? d.enum.filter((v): v is string => typeof v === "string")
       : undefined;
     const type =
-      d.type === "string" ||
-      d.type === "number" ||
-      d.type === "boolean" ||
-      d.type === "integer"
+      d.type === "string" || d.type === "number" || d.type === "boolean" || d.type === "integer"
         ? d.type
         : "unknown";
     return {

package/src/console/ui/signals/search.ts

@@ -16,9 +16,7 @@ export const SignalsSearchSchema = z.object({
   paused: z
     .union([z.boolean(), z.literal("true"), z.literal("false")])
     .optional()
-    .transform((v) =>
-      v === undefined ? undefined : v === true || v === "true",
-    ),
+    .transform((v) => (v === undefined ? undefined : v === true || v === "true")),
   /** Bulk repair rate (messages/sec). */
   rate: z.coerce.number().min(1).max(1_000).optional(),
   /** Broadcast subscriber target for replay. */
@@ -33,9 +31,7 @@ export type SignalsSearch = z.infer<typeof SignalsSearchSchema>;
  *
  * @param search - Raw router search
  */
-export function parseSignalsSearch(
-  search: Record<string, unknown>,
-): SignalsSearch {
+export function parseSignalsSearch(search: Record<string, unknown>): SignalsSearch {
   const parsed = SignalsSearchSchema.safeParse(search);
   return parsed.success ? parsed.data : {};
 }
@@ -45,9 +41,7 @@ export function parseSignalsSearch(
  *
  * @param search - Current state
  */
-export function serializeSignalsSearch(
-  search: SignalsSearch,
-): Record<string, unknown> {
+export function serializeSignalsSearch(search: SignalsSearch): Record<string, unknown> {
   const out: Record<string, unknown> = {};
   if (search.q) out.q = search.q;
   if (search.signal) out.signal = search.signal;
@@ -84,10 +78,7 @@ export function closeSignal(search: SignalsSearch): SignalsSearch {
  * @param search - Current
  * @param id - Message id
  */
-export function openDeadLetter(
-  search: SignalsSearch,
-  id: string,
-): SignalsSearch {
+export function openDeadLetter(search: SignalsSearch, id: string): SignalsSearch {
   return { ...search, dlq: id };
 }
 

package/src/console/ui/store/StoreA11yView.tsx

@@ -23,8 +23,7 @@ export interface StoreA11yViewProps {
  * @param props - Open store / child
  */
 export function StoreA11yView(props: StoreA11yViewProps) {
-  const tenancy =
-    props.tenancyDeclared ?? STORE_LIST_FIXTURE.tenancyDeclared;
+  const tenancy = props.tenancyDeclared ?? STORE_LIST_FIXTURE.tenancyDeclared;
   const groups = groupByFacet(STORE_LIST_FIXTURE.stores);
   const openRef = props.openRef ?? "sql:db";
   const open = STORE_LIST_FIXTURE.stores.find((s) => s.ref === openRef);
@@ -74,14 +73,9 @@ export function StoreA11yView(props: StoreA11yViewProps) {
                       {s.replicaLagMs != null && s.replicaLagMs > 0 ? (
                         <span role="status"> lag {s.replicaLagMs}ms</span>
                       ) : null}
-                      {s.migrationDrift?.drifted ? (
-                        <span role="status"> drift</span>
-                      ) : null}
+                      {s.migrationDrift?.drifted ? <span role="status"> drift</span> : null}
                       {s.warnings.length > 0 ? (
-                        <span role="status">
-                          {" "}
-                          {s.warnings.length} warning(s)
-                        </span>
+                        <span role="status"> {s.warnings.length} warning(s)</span>
                       ) : null}
                     </button>
                   </li>

package/src/console/ui/store/a11y.test.tsx

@@ -16,8 +16,7 @@ describe("Store panel accessibility", () => {
   let container: HTMLElement;
 
   beforeEach(() => {
-    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
-      true;
+    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
     window = new Window({ url: "http://console.test/store" });
     Object.defineProperty(globalThis, "window", {
       value: window,
@@ -70,9 +69,7 @@ describe("Store panel accessibility", () => {
 
   test("axe reports zero violations at WCAG 2.2 AA", async () => {
     await act(async () => {
-      root.render(
-        <StoreA11yView openRef="sql:db" openChild="bookings" />,
-      );
+      root.render(<StoreA11yView openRef="sql:db" openChild="bookings" />);
     });
 
     await new Promise((r) => setTimeout(r, 10));

package/src/console/ui/store/confirmation.test.ts

@@ -31,8 +31,6 @@ describe("store confirmation", () => {
         phrase: "EDIT",
       }),
     ).toBeNull();
-    expect(
-      validateTypedConfirm({ typed: "x", reason: "ab", phrase: "EDIT" }),
-    ).not.toBeNull();
+    expect(validateTypedConfirm({ typed: "x", reason: "ab", phrase: "EDIT" })).not.toBeNull();
   });
 });

package/src/console/ui/store/confirmation.ts

@@ -4,10 +4,7 @@
  * Direct edit / delete / purge are irreversible in production — typed confirm.
  */
 
-import {
-  UNDO_WINDOW_MS,
-  type ConfirmationPattern,
-} from "../flows/confirmation.ts";
+import { UNDO_WINDOW_MS, type ConfirmationPattern } from "../flows/confirmation.ts";
 
 export { UNDO_WINDOW_MS, validateTypedConfirm } from "../flows/confirmation.ts";
 export type { ConfirmationPattern } from "../flows/confirmation.ts";

package/src/console/ui/store/dry-run.ts

@@ -8,9 +8,7 @@
 import type { StoreRecord } from "./types.ts";
 
 /** Whether the panel may offer a mutation preview. */
-export type PreviewOffer =
-  | { readonly ok: true }
-  | { readonly ok: false; readonly reason: string };
+export type PreviewOffer = { readonly ok: true } | { readonly ok: false; readonly reason: string };
 
 /**
  * Decide whether preview is offered for this store.
@@ -21,8 +19,7 @@ export function previewOffer(store: StoreRecord): PreviewOffer {
   if (store.facet === "index") {
     return {
       ok: false,
-      reason:
-        "Index facet has no bulk-update preview — similarity probe is read-only.",
+      reason: "Index facet has no bulk-update preview — similarity probe is read-only.",
     };
   }
   return { ok: true };

package/src/console/ui/store/fixture.ts

@@ -112,8 +112,7 @@ export const STORE_FIXTURE: readonly StoreRecord[] = [
     warnings: [
       {
         code: "non_ascii_key",
-        message:
-          "Non-ASCII object key — signed URL encoding may break on S3-compatible stores.",
+        message: "Non-ASCII object key — signed URL encoding may break on S3-compatible stores.",
         key: "фото/id.jpg",
       },
     ],

package/src/console/ui/store/group.test.ts

@@ -5,12 +5,7 @@ import { groupByFacet } from "./group.ts";
 describe("groupByFacet", () => {
   test("groups into sql / kv / files / index", () => {
     const groups = groupByFacet(STORE_FIXTURE);
-    expect(groups.map((g) => g.facet)).toEqual([
-      "sql",
-      "kv",
-      "files",
-      "index",
-    ]);
+    expect(groups.map((g) => g.facet)).toEqual(["sql", "kv", "files", "index"]);
   });
 
   test("filters by name", () => {

package/src/console/ui/store/group.ts

@@ -19,10 +19,7 @@ const FACET_LABELS: Record<StoreFacet, string> = {
  * @param stores - Projected rows
  * @param q - Optional filter
  */
-export function groupByFacet(
-  stores: readonly StoreRecord[],
-  q = "",
-): readonly StoreFacetGroup[] {
+export function groupByFacet(stores: readonly StoreRecord[], q = ""): readonly StoreFacetGroup[] {
   const needle = q.trim().toLowerCase();
   const filtered = needle
     ? stores.filter(

package/src/console/ui/store/index.ts

@@ -33,8 +33,4 @@ export {
 export { formatWillNotFire, type WillNotFireLines } from "./will-not-fire.ts";
 export { previewOffer, type PreviewOffer } from "./dry-run.ts";
 export { explainCache, type CacheExplanation } from "./cache-view.ts";
-export {
-  STORE_FIXTURE,
-  STORE_LIST_FIXTURE,
-  STORE_LIST_NO_TENANCY,
-} from "./fixture.ts";
+export { STORE_FIXTURE, STORE_LIST_FIXTURE, STORE_LIST_NO_TENANCY } from "./fixture.ts";

package/src/console/ui/store/search.ts

@@ -22,9 +22,7 @@ export type StoreSearch = z.infer<typeof StoreSearchSchema>;
  *
  * @param search - Raw router search
  */
-export function parseStoreSearch(
-  search: Record<string, unknown>,
-): StoreSearch {
+export function parseStoreSearch(search: Record<string, unknown>): StoreSearch {
   const parsed = StoreSearchSchema.safeParse(search);
   return parsed.success ? parsed.data : {};
 }
@@ -34,9 +32,7 @@ export function parseStoreSearch(
  *
  * @param search - Search state
  */
-export function serializeStoreSearch(
-  search: StoreSearch,
-): Record<string, string> {
+export function serializeStoreSearch(search: StoreSearch): Record<string, string> {
   const out: Record<string, string> = {};
   if (search.q) out.q = search.q;
   if (search.ref) out.ref = search.ref;

package/src/console/ui/store/will-not-fire.ts

@@ -32,8 +32,7 @@ export function formatWillNotFire(willNotFire: WillNotFire): WillNotFireLines {
     );
   }
   return {
-    headline:
-      "Direct edit is not a flow execution — the following will NOT happen:",
+    headline: "Direct edit is not a flow execution — the following will NOT happen:",
     lines,
     empty: lines.length === 0,
   };

package/src/console/ui/traces/TracesA11yView.tsx

@@ -27,18 +27,10 @@ export function TracesA11yView(props: TracesA11yViewProps) {
   const roots = groupTraceRoots(TRACES_FIXTURE);
   const openRootId = props.openRootId ?? "run-create-ok";
   const open = roots.find((r) => r.rootId === openRootId);
-  const focusId = open
-    ? initialFocusSpanId(open.spans)
-    : undefined;
-  const chain = focusId
-    ? buildCausalChain(TRACES_FIXTURE, focusId)
-    : null;
-  const critical = chain
-    ? criticalPathSpanIds(chain.connected)
-    : new Set<string>();
-  const folded = chain
-    ? foldTimeline(intervalsFromSpans(chain.connected), {}, critical)
-    : null;
+  const focusId = open ? initialFocusSpanId(open.spans) : undefined;
+  const chain = focusId ? buildCausalChain(TRACES_FIXTURE, focusId) : null;
+  const critical = chain ? criticalPathSpanIds(chain.connected) : new Set<string>();
+  const folded = chain ? foldTimeline(intervalsFromSpans(chain.connected), {}, critical) : null;
   const decision = chain ? replayDecision(chain.connected) : null;
 
   return (
@@ -83,10 +75,7 @@ export function TracesA11yView(props: TracesA11yViewProps) {
                         {err}
                       </span>
                     ) : null}
-                    <span aria-hidden="true">
-                      {" "}
-                      [{bars.length} bars]
-                    </span>
+                    <span aria-hidden="true"> [{bars.length} bars]</span>
                   </button>
                 </li>
               );
@@ -135,10 +124,7 @@ export function TracesA11yView(props: TracesA11yViewProps) {
               {folded.segments.map((seg) => {
                 if (seg.kind === "fold") {
                   return (
-                    <li
-                      key={seg.id}
-                      style={{ flex: `${seg.displayMs} 0 0` }}
-                    >
+                    <li key={seg.id} style={{ flex: `${seg.displayMs} 0 0` }}>
                       <button
                         type="button"
                         aria-expanded={seg.expanded}
@@ -151,10 +137,8 @@ export function TracesA11yView(props: TracesA11yViewProps) {
                 }
                 const dim = !seg.critical;
                 const external =
-                  peakSpanTier(
-                    chain.connected.find((s) => s.id === seg.spanId)
-                      ?.effects ?? [],
-                  ) === "external";
+                  peakSpanTier(chain.connected.find((s) => s.id === seg.spanId)?.effects ?? []) ===
+                  "external";
                 return (
                   <li
                     key={seg.id}
@@ -162,8 +146,7 @@ export function TracesA11yView(props: TracesA11yViewProps) {
                       minHeight: 32,
                       flex: `${seg.displayMs} 0 0`,
                       opacity: dim ? 0.38 : 1,
-                      background:
-                        seg.tier === "external" ? "#d97706" : "#3d9a6a",
+                      background: seg.tier === "external" ? "#d97706" : "#3d9a6a",
                       outline: seg.failed ? "2px solid #c44b4b" : undefined,
                     }}
                   >
@@ -180,9 +163,7 @@ export function TracesA11yView(props: TracesA11yViewProps) {
             <button
               type="button"
               style={{ minHeight: 32, minWidth: 24 }}
-              title={
-                decision?.mode === "dry-run" ? decision.reason : undefined
-              }
+              title={decision?.mode === "dry-run" ? decision.reason : undefined}
             >
               {decision?.mode === "dry-run" ? "Dry-run replay" : "Replay"}
             </button>

package/src/console/ui/traces/a11y.test.tsx

@@ -16,8 +16,7 @@ describe("Traces panel accessibility", () => {
   let container: HTMLElement;
 
   beforeEach(() => {
-    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
-      true;
+    (globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
     window = new Window({ url: "http://console.test/traces" });
     Object.defineProperty(globalThis, "window", {
       value: window,