What's happening
packages/front-end/pages/products/[id]/supplyTree.vue:26 declares:
var selectedOKHname : string;
as a plain, non-reactive module/setup-scope variable — not a Vue ref. It's assigned inside sendToSupplyGraphAI (line 53: selectedOKHname = selectedOkh.value.name;) and rendered in the template at line 159: <h1>{{ selectedOKHname }}</h1>.
Because it's a plain var, Vue's reactivity system never picks up the assignment, so the <h1> renders whatever selectedOKHname was at the component's first render (undefined/empty) and never updates, no matter how long the match request takes or what it returns.
Impact
The supply-tree page's heading is permanently blank — regardless of whether the OHM match call succeeds, fails, or is still loading.
Evidence
Confirmed via a standalone diagnostic script that clicked through to the page and waited well past any fetch/render delay — the heading stayed empty. Captured as the expected current behavior (not "fixed" to look correct) in packages/e2e/tests/main-workflow.spec.ts.
Likely fix
Change var selectedOKHname : string; to const selectedOKHname = ref<string>(""); (or fold it into the existing selectedOkh ref) and update the template binding to {{ selectedOKHname }} → {{ selectedOKHname.value }} is not needed in <template> (auto-unwrapped), just switch the declaration and the one assignment site to .value.
Tracked as a known issue in dev-docs/TESTING.md / AGENT.md.
What's happening
packages/front-end/pages/products/[id]/supplyTree.vue:26declares:as a plain, non-reactive module/setup-scope variable — not a Vue
ref. It's assigned insidesendToSupplyGraphAI(line 53:selectedOKHname = selectedOkh.value.name;) and rendered in the template at line 159:<h1>{{ selectedOKHname }}</h1>.Because it's a plain
var, Vue's reactivity system never picks up the assignment, so the<h1>renders whateverselectedOKHnamewas at the component's first render (undefined/empty) and never updates, no matter how long the match request takes or what it returns.Impact
The supply-tree page's heading is permanently blank — regardless of whether the OHM match call succeeds, fails, or is still loading.
Evidence
Confirmed via a standalone diagnostic script that clicked through to the page and waited well past any fetch/render delay — the heading stayed empty. Captured as the expected current behavior (not "fixed" to look correct) in
packages/e2e/tests/main-workflow.spec.ts.Likely fix
Change
var selectedOKHname : string;toconst selectedOKHname = ref<string>("");(or fold it into the existingselectedOkhref) and update the template binding to{{ selectedOKHname }}→{{ selectedOKHname.value }}is not needed in<template>(auto-unwrapped), just switch the declaration and the one assignment site to.value.Tracked as a known issue in
dev-docs/TESTING.md/AGENT.md.