[User Story] - Showcase how to inject agent chat in an existing Home Banking UI

**Description**
We want the demo to be more business oriented and showcase how to infuse an agent chat into an existing banking app. We should emulate the UI of a generic home banking site that let's you review your account info, credit cards, movements and private investment portfolio. The agent chat can be implemented as a popup or sidebar.

**Current Behavior**
Only a chat interface is shown as main UI components

**Acceptance Criteria**
need feature refinement

**Design Considerations**
we should try to leverage existing standards about agent-chat protocol and reusable chat UI. Agent framework team is working to support:
- [ag-ui protocol](https://github.com/ag-ui-protocol/ag-ui) defined by the open source [CopilotKit](https://www.copilotkit.ai/) . [Commit](https://github.com/microsoft/agent-framework/commit/35a8565495d0df5b876a96e1ded1ccbb340641ff)
- [chatkit](https://platform.openai.com/docs/guides/chatkit) defined by Open AI. [Commit](https://github.com/microsoft/agent-framework/commit/0c862e97a6ff6c9b2053aedd9e3741f216fb0d9f)

**Main Affected Modules and/or Classes**
need design

**References**

---
*Migrated from: https://github.com/Azure-Samples/agent-openai-python-banking-assistant/issues/14*

No se nombran archivos, pruebas ni puntos de entrada. Empieza revisando la demo actual de solo chat y concretando el alcance de la interfaz bancaria, incluidas las vistas de cuenta, tarjeta, movimientos y cartera, así como la ubicación de los popups o la barra lateral. «Hecho» debe definirse mediante criterios de aceptación concretos para la demo rediseñada y su integración con agent-chat.

Escrito por el modelo de indexación a partir del texto del issue.