⚙️
Tu primer agente
Conecta una API real a un agente conversacional sin escribir código.
{title}
" def _render_overview(params: dict) -> str: title = params.get("title", "Overview") text_file = _resolve_path(params.get("text_file", "")) if not text_file.exists(): raise HTTPException(status_code=400, detail=f"text_file not found: {params.get('text_file')}") text = text_file.read_text(encoding="utf-8") # Render text with line breaks. No LLM dependency — show raw + a synthesized summary heading. paragraphs = "".join(f"{line}
" for line in text.splitlines() if line.strip()) return f"{title}
{paragraphs}
"
def _render_claim_chart() -> str:
# Use the CSV to build a bar chart of charged vs allowed vs patient_responsibility per CPT
df = pd.read_csv(_DATA_DIR / "aetna_claim_review_summary.csv")
fig = px.bar(
df,
x="CPT_Code",
y=["Charged_Amount", "Allowed_Amount", "Patient_Responsibility"],
barmode="group",
title="Claim Review by CPT Code",
color_discrete_sequence=["#0A1F44", "#1E4FA8", "#FF7A00"],
)
return pio.to_html(fig, full_html=False, include_plotlyjs=False)
def _render_table(params: dict) -> str:
title = params.get("title", "")
csv_file = _resolve_path(params.get("csv_file", ""))
if not csv_file.exists():
raise HTTPException(status_code=400, detail=f"csv_file not found: {params.get('csv_file')}")
df = pd.read_csv(csv_file)
return f"{title}
" + df.to_html(index=False, classes="report-table", border=0) _RENDERERS = { "header": _render_header, "overview": _render_overview, "claim_review_chart": lambda _params: _render_claim_chart(), "table": _render_table, } @router.post("/generate-report") def generate_report(payload: dict): try: layout = json.loads(payload["layout_config"]) except (KeyError, json.JSONDecodeError) as exc: raise HTTPException(status_code=400, detail=f"Invalid layout_config: {exc}") # Expand preset strings expanded: list[dict] = [] for item in layout: if item == "care_report": expanded.extend(CARE_REPORT_PRESET) elif isinstance(item, dict): expanded.append(item) else: raise HTTPException(status_code=400, detail=f"Unknown layout item: {item!r}") parts: list[str] = [] for el in expanded: kind = el.get("element_type") if kind not in _RENDERERS: raise HTTPException(status_code=400, detail=f"Unknown element_type: {kind}") parts.append(_RENDERERS[kind](el.get("parameters", {}))) template = _env.get_template("report.html") html = template.render(content="\n".join(parts)) settings = get_settings() output_dir = Path(settings.reports_output_dir) output_dir.mkdir(parents=True, exist_ok=True) report_id = f"{uuid.uuid4().hex[:12]}.html" (output_dir / report_id).write_text(html, encoding="utf-8") return {"public_url": f"{settings.base_url}/api/reports/output/{report_id}"} ``` - [ ] **Step 5: Wire router and static mount into `app/main.py`** Add imports: ```python from pathlib import Path from fastapi.staticfiles import StaticFiles from app import reports_api ``` After the existing `app.include_router(...)`, add: ```python app.include_router(reports_api.router) # Serve generated reports as static files _reports_dir = Path(settings.reports_output_dir) _reports_dir.mkdir(parents=True, exist_ok=True) app.mount( "/api/reports/output", StaticFiles(directory=str(_reports_dir)), name="reports_output", ) ``` - [ ] **Step 6: Run tests — expect pass** ```bash pytest tests/test_reports_api.py -v ``` Expected: `3 passed`. - [ ] **Step 7: Quick manual smoke** ```bash uvicorn app.main:app --reload --port 8000 ``` In another terminal: ```bash curl -X POST http://localhost:8000/api/reports/generate-report \ -H "Content-Type: application/json" \ -d '{"layout_config":"[\"care_report\"]"}' ``` Expected: JSON with a `public_url` ending in `.html`. Open the URL in a browser to verify the report renders with the chart. - [ ] **Step 8: Commit** ```bash git add app/reports_api.py app/templates/report.html app/main.py tests/test_reports_api.py git commit -m "feat(api): endpoint 5 - generate-report with jinja2 + plotly" ``` --- ## Task 10: Frontend templates and CSS (no backend routes yet) This task produces the HTML/CSS skeleton. Backend routes that serve them come in Task 11. **Files:** - Create: `app/templates/base.html` - Create: `app/templates/index.html` - Create: `app/templates/descargas.html` - Create: `static/css/styles.css` - Create: `static/js/app.js` - Create: `static/img/.gitkeep` - [ ] **Step 1: Compress the existing logo** ```bash mkdir -p static/img # Copy first; compression is a nice-to-have, the PNG works as-is cp images/LogoFIT.png static/img/LogoFIT.png ``` (If you have `pngquant` or similar installed, run `pngquant --quality=70-85 -o static/img/LogoFIT.png --force static/img/LogoFIT.png` to compress. Otherwise skip — the 971 KB PNG is acceptable for Thursday.) - [ ] **Step 2: Write `app/templates/base.html`** ```html
powered by IBM watsonx Orchestrate
FACTORIT · FIT
Bootcamp Agentic AI con watsonx Orchestrate
Construye tu primer agente de IA en 4 horas.
Acceder al material →¿Qué vas a construir?
📚
Multi-agente con RAG
Compón agentes especializados con base de conocimiento documental.
📊
Reportes y APIs
Genera reportes ejecutivos invocando endpoints en vivo.
El taller en números
4hDuración
6Módulos
0Líneas de código
100%Hands-on
Descarga todo el material
Registra tus datos para acceder al kit completo del bootcamp.
¡Hola {{ nombre }}!
Acá tienes todo el material del bootcamp.
{% for d in downloads %}
{% endfor %}
{{ d.title }}
{{ d.description }}
{{ d.size_mb }} MB
{% if d.available %} Descargar {% else %} No disponible {% endif %}