pediatric-ai-scribe-v3/client
Daniel ec418da0d6 feat(client): port Airway, Agitation, Antiemetics, Antimicrobials, Trauma panels
Second batch of Bedside sub-module ports. Eight of the fifteen pills
now run real React (anaphylaxis + cardiac + seizure from the previous
commit, plus these five). Remaining seven — neonatal, respiratory,
ventilation, sepsis, sedation, burns, toxicology — still fall through
to LegacyPanel.

client/src/pages/BedsidePanels.tsx
  • AirwayPanel — weight + age inputs drive the full RSI sheet.
    Pre-medication, induction, paralytics, and maintenance-sedation
    tables with per-kg dosing + max caps preserved from airway.js.
    Equipment sizing (ETT uncuffed/cuffed, depth, blade, LMA, Fr
    suction, NG, chest tube) follows the same age-/weight-keyed
    formulas. Ventilator starting settings carry Vt = 6-8 mL/kg
    computed from the current weight.
  • AgitationPanel — step 1 / 2 / 3 pathway with weight-conditional
    doses for olanzapine (<30 kg vs ≥30 kg) and haloperidol
    (<40 kg vs ≥40 kg). Droperidol keeps the range-prefix + computed
    dose. Drug list matches AGIT_FALLBACK.
  • AntiemeticsPanel — full drug list with the ondansetron weight-
    band display alongside the per-kg fallback. Promethazine <2 yr
    contraindication text preserved.
  • AntimicrobialsPanel — neonate / infant / child × sepsis /
    meningitis / pna / uti / skin / ent / neutropenic / intra-abd /
    bone regimen map ported verbatim from REG. Age + infection
    selectors pick the right cell.
  • TraumaPanel — ABCDE primary survey cards with the 20 mL/kg
    bolus auto-computed from the entered weight. MTP (1:1:1, TXA,
    calcium), NEXUS c-spine, pediatric shock signs, and AMPLE
    secondary-survey content all preserved.

renderBedsideRealPanel + REAL_BEDSIDE_PANELS extended to cover the
five new panels.

Client tsc -b + vite build clean (warnings on chunk size are expected
until we code-split; not blocking).
2026-04-24 01:31:38 +02:00
..
public feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
src feat(client): port Airway, Agitation, Antiemetics, Antimicrobials, Trauma panels 2026-04-24 01:31:38 +02:00
.gitignore feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
components.json feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
eslint.config.js feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
index.html feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
package-lock.json feat: day 7 — first tab ported to React (Extensions) + Express serves /app/* 2026-04-23 22:09:04 +02:00
package.json feat(client): port age→weight + BSA + dose + GCS; shared/clinical module 2026-04-24 01:11:58 +02:00
README.md feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
tsconfig.app.json feat(client): port age→weight + BSA + dose + GCS; shared/clinical module 2026-04-24 01:11:58 +02:00
tsconfig.json feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
tsconfig.node.json feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00
vite.config.ts feat(client): day 6 — scaffold React 19 + Vite + Tailwind v4 + shadcn/ui 2026-04-23 21:58:37 +02:00

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])

You can also install eslint-plugin-react-x and eslint-plugin-react-dom for React-specific lint rules:

// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])