Feat/benchmark config form

[amh1k]

Description

Adds the initial benchmark configuration form to the PostgreSQL instance detail tab.

The form displays the selected instance and namespace, provides editable pgbench settings, and validates configuration locally. Run submission and status handling remain separate follow-up work.

Changes

• Added database, duration, clients, threads, scale, and initialization fields.
• Added field-specific validation matching backend limits.
• Added a warning when pgbench table initialization is enabled.
• Kept the Start benchmark button disabled until API integration is added.
• Separated form state and validation from rendering for the future MUI/theme migration.
• Removed the placeholder run-history request and panel.
• Added focused tests for form validation.

Validation

• npm run test:form
• npm run build

Screenshot

Closes #34

[spron-in]

Build fails on case-insensitive filesystems (macOS/Windows)

src/BenchmarkForm.tsx (the component) and src/benchmarkForm.ts (the validation logic) have names that differ only by case. On macOS and Windows, import { BenchmarkForm } from './BenchmarkForm' resolves to benchmarkForm.ts, which is tried before .tsx, so npm run build fails:

src/BenchmarkTab.tsx(3,10): error TS2305: Module '"./BenchmarkForm"' has no exported member 'BenchmarkForm'.
src/BenchmarkTab.tsx(3,31): error TS1261: Already included file name '.../src/BenchmarkForm.ts' differs from file name '.../src/benchmarkForm.ts' only in casing.

CI passes only because it runs on Linux, where filenames are case-sensitive. Anyone building or running Tilt locally on a Mac is blocked.

Please rename the logic file so the names no longer collide, for example src/benchmarkFormValidation.ts, and update:

• the imports in BenchmarkForm.tsx and BenchmarkTab.tsx
• the test:form script in package.json
• the import path in tests/benchmarkForm.test.mjs

#38 and #39 contain the same files, so the fix needs to reach those branches too.

[amh1k]

Build fails on case-insensitive filesystems (macOS/Windows)

src/BenchmarkForm.tsx (the component) and src/benchmarkForm.ts (the validation logic) have names that differ only by case. On macOS and Windows, import { BenchmarkForm } from './BenchmarkForm' resolves to benchmarkForm.ts, which is tried before .tsx, so npm run build fails:

src/BenchmarkTab.tsx(3,10): error TS2305: Module '"./BenchmarkForm"' has no exported member 'BenchmarkForm'.
src/BenchmarkTab.tsx(3,31): error TS1261: Already included file name '.../src/BenchmarkForm.ts' differs from file name '.../src/benchmarkForm.ts' only in casing.

CI passes only because it runs on Linux, where filenames are case-sensitive. Anyone building or running Tilt locally on a Mac is blocked.

Please rename the logic file so the names no longer collide, for example src/benchmarkFormValidation.ts, and update:

• the imports in BenchmarkForm.tsx and BenchmarkTab.tsx
• the test:form script in package.json
• the import path in tests/benchmarkForm.test.mjs

#38 and #39 contain the same files, so the fix needs to reach those branches too.

Makes sense, can’t believe I missed that 😅 Thanks for catching it!
Resolved now