Context
components/site/app-panels/config-generator-yaml-preview.tsx:10 is a fully-implemented component, but is imported only by its own test file (config-generator-yaml-preview.test.tsx:4) — no real route/panel mounts it. config-generator-panel.tsx:1-18 (the actual config generator UI) builds formState via AiProviderModeFieldGroup + ReesAnalyzerFieldGroup but never renders ConfigGeneratorYamlPreview, meaning the config generator's own generated YAML is never actually shown to the user — the one thing this tool exists to produce.
Requirements
- Mount
ConfigGeneratorYamlPreview inside config-generator-panel.tsx, wired to the same formState the field groups already build, so the generated YAML is visibly shown as the user fills in the form.
- Do not change
ConfigGeneratorYamlPreview's own rendering logic — it's already implemented and tested; this is purely a "mount it" fix.
- This is a UI-only change under
apps/**.
Deliverables
Expected Outcome
A user using the config generator actually sees the YAML it's producing, instead of filling in a form that visibly produces nothing.
Links & Resources
apps/loopover-ui/src/components/site/app-panels/config-generator-yaml-preview.tsx:10
apps/loopover-ui/src/components/site/app-panels/config-generator-panel.tsx:1-18
Context
components/site/app-panels/config-generator-yaml-preview.tsx:10is a fully-implemented component, but is imported only by its own test file (config-generator-yaml-preview.test.tsx:4) — no real route/panel mounts it.config-generator-panel.tsx:1-18(the actual config generator UI) buildsformStateviaAiProviderModeFieldGroup+ReesAnalyzerFieldGroupbut never rendersConfigGeneratorYamlPreview, meaning the config generator's own generated YAML is never actually shown to the user — the one thing this tool exists to produce.Requirements
ConfigGeneratorYamlPreviewinsideconfig-generator-panel.tsx, wired to the sameformStatethe field groups already build, so the generated YAML is visibly shown as the user fills in the form.ConfigGeneratorYamlPreview's own rendering logic — it's already implemented and tested; this is purely a "mount it" fix.apps/**.Deliverables
config-generator-panel.tsxrendersConfigGeneratorYamlPreview, reflecting the liveformState.Expected Outcome
A user using the config generator actually sees the YAML it's producing, instead of filling in a form that visibly produces nothing.
Links & Resources
apps/loopover-ui/src/components/site/app-panels/config-generator-yaml-preview.tsx:10apps/loopover-ui/src/components/site/app-panels/config-generator-panel.tsx:1-18