feat: command builder accessibility, keyboard navigation, reset, and validation states

README.md

@@ -1,6 +1,6 @@
 # Soroban Testkit Interface
 
-A visual companion to [Soroban Testkit](https://github.com/soroban-testkit/testkit-blockchain). It documents the library's focused testing modules and provides a command builder for the supported CLI workflows.
+A visual companion to [Soroban Testkit](https://github.com/soroban-testkit/testkit-blockchain). It documents the library's focused testing modules and provides an accessible, validated command builder for supported CLI workflows (`coverage`, `limits`, `audit`).
 
 The interface does not execute contracts in the browser. Generated commands run locally through `soroban-testkit`, keeping contract tests deterministic and offline as required by the core project.
 

src/App.test.tsx

@@ -40,7 +40,7 @@ describe("App command copy", () => {
 
     render(<App />);
 
-    fireEvent.click(screen.getByRole("button", { name: "audit" }));
+    fireEvent.click(screen.getByRole("tab", { name: "audit" }));
     fireEvent.click(screen.getByRole("button", { name: "Copy" }));
 
     await waitFor(() =>

tests/visual/landing.spec.ts

@@ -19,10 +19,10 @@ test.describe("landing page visual regression", () => {
 
     await expect(commands).toHaveScreenshot("commands-coverage.png");
 
-    await page.getByRole("button", { name: "limits" }).click();
+    await page.getByRole("tab", { name: "limits" }).click();
     await expect(commands).toHaveScreenshot("commands-limits.png");
 
-    await page.getByRole("button", { name: "audit" }).click();
+    await page.getByRole("tab", { name: "audit" }).click();
     await expect(commands).toHaveScreenshot("commands-audit.png");
   });