MEDIUM: Build Your Own recipe templates render as blank cards in cloud UI #97

New issue

Closed

opened 2026-04-18 09:02:56 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-18 09:02:56 -07:00

Owner

Summary

The Build Your Own tab at http://localhost:8515 (cloud stack) shows 13 blank white cards instead of the recipe assembly template options (Burrito/Taco, Stir Fry, Pasta, etc.).

Environment

Cloud stack: docker compose -f compose.cloud.yml -p kiwi-cloud up
URL: http://localhost:8515 or menagerie.circuitforge.tech/kiwi
API response: GET /api/v1/recipes/templates returns correct 13-item array with full template data

Evidence

API returns correct data: {"status": 200, "count": 13} with full template objects including titles, icons, role sequences
Frontend receives the data (no API errors on this endpoint)
Cards render visually but show no content (blank white boxes)
Multiple JS errors occur on load including TypeError: e.value.filter is not a function which may be causing component rendering failures

Likely Cause

Frontend JS errors during initialization may be causing the template component to not bind template data correctly. See related issues about JS runtime errors.

## Summary The Build Your Own tab at `http://localhost:8515` (cloud stack) shows 13 blank white cards instead of the recipe assembly template options (Burrito/Taco, Stir Fry, Pasta, etc.). ## Environment - Cloud stack: `docker compose -f compose.cloud.yml -p kiwi-cloud up` - URL: `http://localhost:8515` or `menagerie.circuitforge.tech/kiwi` - API response: `GET /api/v1/recipes/templates` returns correct 13-item array with full template data ## Evidence - API returns correct data: `{"status": 200, "count": 13}` with full template objects including titles, icons, role sequences - Frontend receives the data (no API errors on this endpoint) - Cards render visually but show no content (blank white boxes) - Multiple JS errors occur on load including `TypeError: e.value.filter is not a function` which may be causing component rendering failures ## Likely Cause Frontend JS errors during initialization may be causing the template component to not bind template data correctly. See related issues about JS runtime errors.