![\"\"](\"https:\/\/elbrinner.com\/wp-content\/uploads\/2026\/02\/briflow-1024x456.png\")
<\/p>\n<\/p>\n
Con la llegada de la IA, proyectos que antes eran inalcanzables a nivel individual hoy son posibles gracias a herramientas como github copilot. Bri Flow<\/strong> nace de una necesidad concreta: dise\u00f1ar flujos conversacionales fijos con l\u00f3gica compleja<\/strong>, integrables con agentes, formularios y sistemas RAG, manteniendo control, seguridad y extensibilidad. En este art\u00edculo explico c\u00f3mo lo hice, qu\u00e9 decisiones t\u00e9cnicas tom\u00e9<\/p>\n Problema inicial<\/strong> Las herramientas cerradas que prob\u00e9 no encajaban: poca flexibilidad para l\u00f3gica avanzada, dif\u00edcil integraci\u00f3n con LLMs y RAG, y escasa capacidad para reutilizar subflujos. Adem\u00e1s, necesitaba que los flujos fueran deterministas y auditables<\/strong>.<\/p>\n Decisi\u00f3n clave<\/strong> Representar el flujo como JSON estructurado<\/strong>. Con ese contrato claro, cualquier backend puede interpretar y ejecutar la l\u00f3gica. Arquitectura y flujo de ejecuci\u00f3n<\/p>\n Componentes principales<\/strong><\/p>\n Flujo de datos (conceptual)<\/strong> Editor \u2192 JSON \u2192 Backend (.NET interpreta y ejecuta) \u2192 Frontend (renderiza seg\u00fan JSON procesado) \u2192 Usuario. El backend mantiene la sesi\u00f3n del usuario, el estado del flujo y filtra contenido por idioma cuando procede.<\/p>\n Las expresiones no son c\u00f3digo externo<\/strong>: son cadenas definidas dentro del JSON que exporta el editor. El backend recibe ese JSON, extrae las expresiones y las eval\u00faa en tiempo de ejecuci\u00f3n<\/strong> contra el contexto de la sesi\u00f3n y las variables del flujo. Por eso fue necesario dise\u00f1ar un lenguaje\/expression engine propio: las expresiones deben ser flexibles<\/strong>, seguras<\/strong>, deterministas<\/strong> y controlables<\/strong> desde el backend.<\/p>\n Beneficios pr\u00e1cticos<\/strong><\/p>\n A continuaci\u00f3n un ejemplo simplificado que ilustra c\u00f3mo se modela un flujo en JSON y c\u00f3mo se usan expresiones para controlar la ejecuci\u00f3n.<\/p>\n <\/p>\n Ejemplo LINQ-like<\/strong> (expresi\u00f3n dentro del engine)<\/p>\n <\/p>\n La pieza final es el frontend: llama a la API y renderiza los componentes seg\u00fan la estructura del JSON recibido; el backend se encarga de procesar la informaci\u00f3n y devolverla lista para pintar, adaptando la respuesta a la sesi\u00f3n del usuario y al idioma seleccionado al iniciar el flujo.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Con la llegada de la IA, proyectos que antes eran inalcanzables a nivel individual hoy son posibles gracias a herramientas como github copilot. Bri Flow nace de una necesidad concreta: dise\u00f1ar flujos conversacionales fijos con l\u00f3gica compleja, integrables con agentes, formularios y sistemas RAG, manteniendo control, seguridad y extensibilidad. En este art\u00edculo explico c\u00f3mo lo … Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[83],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-net","tag-github-copilot"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":6,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/posts\/225\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elbrinner.com\/index.php\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Motivaci\u00f3n y enfoque general<\/h3>\n
\n
<\/div>\nIdea central<\/h3>\n
\n
<\/div>\nEjemplos pr\u00e1cticos y fragmento JSON<\/h3>\n
{\r\n \"schema_version\": 2,\r\n \"flow_id\": \"principal\",\r\n \"version\": \"1.0.223\",\r\n \"name\": \"principal\",\r\n \"description\": \"Flujo ejemplo\",\r\n \"locales\": [\"es\",\"pt\",\"en\"],\r\n \"start_node\": \"start\",\r\n \"nodes\": {\r\n \"start\": {\r\n \"id\": \"start\",\r\n \"type\": \"start\",\r\n \"next\": { \"flow_id\": \"principal\", \"node_id\": \"response_1\" },\r\n \"variables\": [\r\n { \"name\": \"selected_button_button_1\", \"defaultValue\": \"\", \"isList\": false }\r\n ]\r\n },\r\n \"response_1\": {\r\n \"id\": \"response_1\",\r\n \"type\": \"response\",\r\n \"next\": { \"flow_id\": \"principal\", \"node_id\": \"agent_call_1\" },\r\n \"i18n\": {\r\n \"es\": { \"text\": [\"hola\"] },\r\n \"pt\": { \"text\": [\"oi\"] },\r\n \"en\": { \"text\": [\"hi\"] }\r\n }\r\n },\r\n \"agent_call_1\": {\r\n \"id\": \"agent_call_1\",\r\n \"type\": \"agent_call\",\r\n \"next\": { \"flow_id\": \"principal\", \"node_id\": \"button_1\" },\r\n \"save_as\": \"agent_agent_call_1\",\r\n \"model\": {\r\n \"provider\": \"azure-openai\",\r\n \"deployment\": \"gpt-4o-mini\",\r\n \"temperature\": 0.2,\r\n \"max_tokens\": 800\r\n }\r\n },\r\n \"button_1\": {\r\n \"id\": \"button_1\",\r\n \"type\": \"button\",\r\n \"save_as\": \"selected_button_button_1\",\r\n \"options\": [\r\n { \"target\": { \"flow_id\": \"\", \"node_id\": \"end_1\" }, \"label\": \"Opci\u00f3n 1\", \"value\": \"Opci\u00f3n 1\" },\r\n { \"target\": { \"flow_id\": \"\", \"node_id\": \"end_1\" }, \"label\": \"Opci\u00f3n 2\", \"value\": \"Opcion 2\" }\r\n ]\r\n },\r\n \"end_1\": { \"id\": \"end_1\", \"type\": \"end\", \"next\": null }\r\n }\r\n}\r\n<\/pre>\nitemsVar.where(x => x.active).select(x => x.id).orderBy(x => x)<\/pre>\n
\n
<\/div>\n