perf: shrink Therapy Compass browse payload

scripts/build-therapies-index.mjs

@@ -43,13 +43,10 @@ const browserProjected = therapies
  name: therapy.name,
  category: therapy.category ?? null,
  modality: therapy.modality ?? null,
- clinicalSummary: therapy.clinicalSummary ?? null,
- bestUsedFor: therapy.bestUsedFor ?? null,
- indications: therapy.indications ?? null,
- contraindicationsOrCautions: therapy.contraindicationsOrCautions ?? null,
- targetSymptoms: therapy.targetSymptoms ?? null,
- patientPopulation: therapy.patientPopulation ?? null,
- setting: therapy.setting ?? null,
+ // The browser index is the browse/pathway payload, not the search corpus.
+ // Keep only the short subtitle the catalogue cards render. Search loads the
+ // full records so removing long clinical prose here cannot change recall.
+ bestUsedFor: therapy.bestUsedFor?.split(/(?<=\.)\s+/)[0] ?? null,
  reviewStatus: therapy.reviewStatus ?? "needs_review",
  patientSheetAvailable: Boolean(therapy.patientSheetAvailable),
  briefInterventionAvailable: Boolean(therapy.briefInterventionAvailable),

src/components/therapy-compass/bindings.tsx

@@ -203,7 +203,11 @@ export function TcProvider({ children }: { children: ReactNode }) {
  const pathname = usePathname();
  const searchParams = useSearchParams();
  const { screen, slug: routeSlug } = resolveRoute(pathname);
- const usesCatalogueIndex = screen === "home" || screen === "search" || screen === "pathways";
+ // Search needs the complete prose corpus to preserve its existing weighted
+ // matches. Browse/pathway screens need catalogue metadata only, so keeping
+ // the 2.5 MB full dataset off their critical path materially improves mobile
+ // paint without silently narrowing search recall.
+ const usesCatalogueIndex = screen === "home" || screen === "pathways";
  const { data, loading, error, retry } = useTherapyData({
  catalogue: usesCatalogueIndex ? "index" : "full",
  includePathways: screen === "pathways",

tests/therapy-compass-data-recovery.dom.test.tsx

@@ -160,4 +160,46 @@ describe("Therapy Compass required data recovery", () => {
  await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(1));
  expect(String(fetchMock.mock.calls[0]?.[0])).toMatch(/\/therapies\.json$/);
  });
+
+ it("keeps the full prose corpus on the search route", async () => {
+ navigation.pathname = "/therapy-compass/search";
+ const fetchMock = vi.fn(async (input: RequestInfo | URL) => {
+ const path = String(input);
+ if (path.endsWith("/therapies.json")) return response([therapy]);
+ throw new Error(`Unexpected fetch: ${path}`);
+ });
+ vi.stubGlobal("fetch", fetchMock);
+
+ render(
+ <TherapyCompassWorkspace>
+ <div>Search ready</div>
+ </TherapyCompassWorkspace>,
+ );
+
+ await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(1));
+ expect(String(fetchMock.mock.calls[0]?.[0])).toMatch(/\/therapies\.json$/);
+ });
+
+ it("keeps the compact browse index on the pathways route", async () => {
+ navigation.pathname = "/therapy-compass/pathways";
+ const fetchMock = vi.fn(async (input: RequestInfo | URL) => {
+ const path = String(input);
+ if (path.endsWith("/therapies-index.json")) return response([therapy]);
+ if (path.endsWith("/pathways.json")) return response([]);
+ throw new Error(`Unexpected fetch: ${path}`);
+ });
+ vi.stubGlobal("fetch", fetchMock);
+
+ render(
+ <TherapyCompassWorkspace>
+ <div>Pathways ready</div>
+ </TherapyCompassWorkspace>,
+ );
+
+ await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(2));
+ const fetched = fetchMock.mock.calls.map((call) => String(call[0]));
+ expect(fetched.some((url) => /\/therapies-index\.json$/.test(url))).toBe(true);
+ expect(fetched.some((url) => /\/pathways\.json$/.test(url))).toBe(true);
+ expect(fetched.some((url) => /\/therapies\.json$/.test(url))).toBe(false);
+ });
 });

tests/therapy-compass-mode-wiring.test.ts

@@ -11,6 +11,7 @@ const loaderSrc = readFileSync(
  new URL("../src/components/therapy-compass/data/use-therapy-data.ts", import.meta.url),
  "utf8",
 );
+const bindingsSrc = readFileSync(new URL("../src/components/therapy-compass/bindings.tsx", import.meta.url), "utf8");
 const dataDir = new URL("../public/therapy-compass-data/", import.meta.url);
 const therapyMetadataFiles = [
  "../src/app/(search-app)/therapy-compass/page.tsx",
@@ -80,11 +81,13 @@ describe("Therapy Compass production-mode wiring", () => {
  }
  });
 
- it("ships a materially smaller catalogue index for browse and search routes", () => {
+ it("ships a compact browse index without narrowing the full-prose search corpus", () => {
  const fullSize = readFileSync(new URL("therapies.json", dataDir)).byteLength;
  const indexSize = readFileSync(new URL("therapies-index.json", dataDir)).byteLength;
- expect(indexSize).toBeLessThan(fullSize * 0.4);
+ expect(indexSize).toBeLessThan(fullSize * 0.1);
  expect(loaderSrc).toContain('options.catalogue === "full" ? "therapies.json" : "therapies-index.json"');
+ expect(bindingsSrc).toContain('screen === "home" || screen === "pathways"');
+ expect(bindingsSrc).not.toContain('screen === "home" || screen === "search" || screen === "pathways"');
  });
 
  it("keeps therapy-compass route-owned when the shared composer has a submitted query", () => {