Ocurrió un error 😕

{error}

\n \n

\n );\n }\n\n return (\n

\n {stage !== 'welcome' && (\n

Progreso Actual 📋

\n {history.interests &&

✅ Intereses definidos

}\n {history.buyerPersona &&

✅ Buyer Persona generado

}\n {history.problems.length > 0 &&

✅ Problemas identificados

}\n {history.solutions.length > 0 &&

✅ Soluciones propuestas

}\n {history.finalOffer &&

✅ Oferta irresistible creada

}\n

\n )}\n\n {stage === 'welcome' && (\n

Optimizador de Negocios 🚀

setInterests(e.target.value)}\n            />\n            <textarea \n              style={{width: '100%', marginBottom: '10px', minHeight: '100px'}}\n              placeholder=\"Describe tu cliente ideal\"\n              value={idealClient}\n              onChange={(e) => setIdealClient(e.target.value)}\n            />\n            <button \n              style={{\n                backgroundColor: '#4CAF50', \n                color: 'white', \n                padding: '10px', \n                border: 'none',\n                borderRadius: '5px'\n              }}\n              onClick={generateBuyerPersona}\n              disabled={!interests || !idealClient}\n            >\n              Generar Perfil de Cliente\n            </button>\n          </div>\n        )}\n\n        {stage === 'problems' && (\n          <div>\n            <h2>Buyer Persona 👤</h2>\n            <div style={{\n              backgroundColor: '#f9f9f9', \n              padding: '15px', \n              borderRadius: '5px',\n              whiteSpace: 'pre-wrap'\n            }}>\n              {buyerPersona}\n            </div>\n            <button \n              style={{\n                backgroundColor: '#2196F3', \n                color: 'white', \n                padding: '10px', \n                border: 'none',\n                borderRadius: '5px',\n                marginTop: '10px'\n              }}\n              onClick={identifyProblems}\n            >\n              Identificar Problemas del Negocio\n            </button>\n          </div>\n        )}\n\n        {stage === 'solutions' && (\n          <div>\n            <h2>Problemas Identificados 🔍</h2>\n            <ul style={{\n              backgroundColor: '#f9f9f9', \n              padding: '15px', \n              borderRadius: '5px'\n            }}>\n              {problems.map((problem, index) => (\n                <li key={index}>{problem}</li>\n              ))}\n            </ul>\n            <button \n              style={{\n                backgroundColor: '#FF9800', \n                color: 'white', \n                padding: '10px', \n                border: 'none',\n                borderRadius: '5px'\n              }}\n              onClick={generateSolutions}\n            >\n              Generar Soluciones Creativas\n            </button>\n          </div>\n        )}\n\n        {stage === 'offer' && (\n          <div>\n            <h2>Soluciones Propuestas 💡</h2>\n            <ul style={{\n              backgroundColor: '#f9f9f9', \n              padding: '15px', \n              borderRadius: '5px'\n            }}>\n              {solutions.map((solution, index) => (\n                <li key={index}>{solution}</li>\n              ))}\n            </ul>\n            <button \n              style={{\n                backgroundColor: '#9C27B0', \n                color: 'white', \n                padding: '10px', \n                border: 'none',\n                borderRadius: '5px'\n              }}\n              onClick={createIrresistibleOffer}\n            >\n              Crear Oferta Irresistible\n            </button>\n          </div>\n        )}\n\n        {stage === 'result' && (\n          <div>\n            <h1>Tu Oferta Irresistible 🏆</h1>\n            <div style={{\n              backgroundColor: '#f1f1f1', \n              padding: '15px', \n              borderRadius: '5px',\n              whiteSpace: 'pre-wrap',\n              fontFamily: 'monospace',\n              lineHeight: '1.6'\n            }}>\n              {finalOffer}\n            </div>\n            <div style={{\n              display: 'flex', \n              justifyContent: 'space-between', \n              marginTop: '15px'\n            }}>\n              <button \n                style={{\n                  backgroundColor: '#4CAF50', \n                  color: 'white', \n                  padding: '10px', \n                  border: 'none',\n                  borderRadius: '5px'\n                }}\n                onClick={downloadReport}\n              >\n                Descargar Informe Completo\n              </button>\n              <a \n                href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n                target=\"_top\"\n                style={{\n                  color: '#1976D2',\n                  textDecoration: 'none',\n                  alignSelf: 'center'\n                }}\n              >\n                Ver código fuente\n              </a>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div style={{\n      fontFamily: 'Arial, sans-serif', \n      maxWidth: '800px', \n      margin: 'auto', \n      padding: '20px'\n    }}>\n      {renderStage()}\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<BusinessOptimizerApp />);\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n  const openai = new OpenAI();\n  const url = new URL(request.url);\n\n  if (request.method === 'POST') {\n    try {\n      const body = await request.json();\n\n      switch(url.pathname) {\n        case '/api/generate-buyer-persona':\n          const buyerPersonaResult = await openai.chat.completions.create({\n            messages: [{ \n              role: \"user\", \n              content: `Basado en estos intereses: ${body.interests} y este cliente ideal: ${body.idealClient}, \n              genera un buyer persona detallado que incluya:\n              - Demografía\n              - Motivaciones\n              - Desafíos\n              - Objetivos de negocio\n              \n              Formato: \n              Nombre del Buyer Persona: [Nombre descriptivo]\n              \n              Demografía:\n              - Edad: \n              - Género: \n              - Ubicación: \n              - Nivel educativo: \n              - Profesión/Industria: \n\n              Motivaciones:\n              - Objetivos personales: \n              - Objetivos profesionales: \n              - Aspiraciones: \n\n              Desafíos:\n              - Problemas principales: \n              - Obstáculos para el éxito: \n              - Miedos y preocupaciones: \n\n              Objetivos de Negocio:\n              - Metas a corto plazo: \n              - Metas a largo plazo: \n              - Métricas de éxito: `\n            }],\n            model: \"gpt-4o-mini\"\n          });\n          \n          return new Response(JSON.stringify({\n            buyerPersona: buyerPersonaResult.choices[0].message.content\n          }), { \n            headers: { 'Content-Type': 'application/json' } \n          });\n\n        case '/api/identify-problems':\n          const problemsResult = await openai.chat.completions.create({\n            messages: [{ \n              role: \"user\", \n              content: `Identificar problemas principales para un negocio con estas características:\n              Intereses: ${body.interests}\n              Cliente Ideal: ${body.idealClient}\n              Buyer Persona: ${body.buyerPersona}\n\n              Enumera los problemas principales que enfrenta este negocio, considerando:\n              - Obstáculos para crecer\n              - Limitaciones actuales\n              - Puntos de fricción en su modelo de negocio\n              \n              Formato:\n              1. [Problema Principal]\n                 - Impacto en el negocio\n                 - Consecuencias si no se resuelve\n                 - Área del negocio afectada`\n            }],\n            model: \"gpt-4o-mini\"\n          });\n          \n          return new Response(JSON.stringify({\n            problems: problemsResult.choices[0].message.content.split('\\n').filter(p => p.trim())\n          }), { \n            headers: { 'Content-Type': 'application/json' } \n          });\n\n        case '/api/generate-solutions':\n          const solutionsResult = await openai.chat.completions.create({\n            messages: [{ \n              role: \"user\", \n              content: `Para cada problema identificado, genera soluciones creativas e innovadoras:\n              Problemas: ${body.problems.join(', ')}\n\n              Para cada problema, proporciona:\n              - Solución principal\n              - Estrategias de implementación\n              - Beneficios potenciales\n              \n              Formato:\n              1. [Problema]\n                 Solución: [Descripción detallada]\n                 Estrategias:\n                 - Estrategia 1\n                 - Estrategia 2\n                 Beneficios:\n                 - Beneficio 1\n                 - Beneficio 2`\n            }],\n            model: \"gpt-4o-mini\"\n          });\n          \n          return new Response(JSON.stringify({\n            solutions: solutionsResult.choices[0].message.content.split('\\n').filter(s => s.trim())\n          }), { \n            headers: { 'Content-Type': 'application/json' } \n          });\n\n        case '/api/create-offer':\n          const offerResult = await openai.chat.completions.create({\n            messages: [{ \n              role: \"user\", \n              content: `Crear una oferta irresistible basada en:\n              Intereses: ${body.interests}\n              Cliente Ideal: ${body.idealClient}\n              Problemas: ${body.problems.join(', ')}\n              Soluciones: ${body.solutions.join(', ')}\n\n              Estructura la oferta con:\n              - Nombre atractivo\n              - Propuesta de valor única\n              - Beneficios específicos\n              - Elementos diferenciadores\n              \n              Formato:\n              # [Nombre Atractivo de la Oferta]\n\n              ## Propuesta de Valor\n              [Descripción concisa de la propuesta]\n\n              ## Beneficios Principales\n              1. Beneficio 1\n               - Impacto\n   \n              2. Beneficio 2\n               - Impacto\n\n              ## Elementos Diferenciadores\n              - Diferenciador 1\n              - Diferenciador 2\n\n              ## Garantía o Promesa\n              [Declaración que elimine el riesgo percibido]`\n            }],\n            model: \"gpt-4o-mini\"\n          });\n          \n          return new Response(JSON.stringify({\n            offer: offerResult.choices[0].message.content\n          }), { \n            headers: { 'Content-Type': 'application/json' } \n          });\n\n        default:\n          return new Response(JSON.stringify({ error: 'Ruta no encontrada' }), { \n            status: 404,\n            headers: { 'Content-Type': 'application/json' } \n          });\n      }\n    } catch (error) {\n      console.error('Error en el servidor:', error);\n      return new Response(JSON.stringify({ error: error.message }), { \n        status: 500,\n        headers: { 'Content-Type': 'application/json' } \n      });\n    }\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Optimizador de Negocios</title>\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { \"content-type\": \"text/html\" }\n  });\n}","deleted","label",[98],"permalink","https://www.val.town/x/richardrachir/optimizadordenegocios/code/main.tsx","extension","actionData","errors"]
</article></body></html>