\n ⚠️ Important Legal Disclaimer:\n

This AI legal assistant provides general information only and does NOT constitute legal advice. \n Legal situations are complex and context-specific. Always consult a licensed attorney \n for professional legal guidance tailored to your specific circumstances.

\n );\n}\n\nfunction App() {\n const [query, setQuery] = useState(\"\");\n const [response, setResponse] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n setResponse(\"\");\n\n try {\n const serverResponse = await fetch(\"/query\", {\n method: \"POST\",\n body: JSON.stringify({ query }),\n headers: { \"Content-Type\": \"application/json\" }\n });\n \n const data = await serverResponse.json();\n setResponse(data.response);\n } catch (error) {\n setResponse(\"Error processing your query. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

🏛️ Webs R AI Legal Assistant

\n \n \n

setQuery(e.target.value)}\n          placeholder=\"Ask a legal question about contract law, intellectual property, or family law...\"\n          rows={4}\n          style={{\n            width: \"100%\", \n            marginBottom: \"10px\", \n            padding: \"10px\"\n          }}\n        />\n        <button \n          type=\"submit\" \n          disabled={loading}\n          style={{\n            backgroundColor: \"#007bff\", \n            color: \"white\", \n            border: \"none\", \n            padding: \"10px 15px\", \n            borderRadius: \"5px\"\n          }}\n        >\n          {loading ? \"Processing...\" : \"Get Legal Information\"}\n        </button>\n      </form>\n\n      {response && (\n        <div style={{\n          marginTop: \"20px\", \n          padding: \"15px\", \n          backgroundColor: \"#f4f4f4\", \n          borderRadius: \"5px\"\n        }}>\n          <h3>Response:</h3>\n          <p>{response}</p>\n        </div>\n      )}\n      \n      <div style={{\n        marginTop: \"20px\", \n        fontSize: \"0.8em\", \n        color: \"#6c757d\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        textAlign: \"center\"\n      }}>\n        <div style={{ \n          display: 'flex', \n          justifyContent: 'space-between', \n          width: '100%', \n          marginBottom: '10px' \n        }}>\n          <a \n            href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n            target=\"_top\"\n          >\n            View Source\n          </a>\n          <a \n            href=\"https://www.websrai.store\" \n            target=\"_blank\" \n            rel=\"noopener noreferrer\"\n            style={{\n              color: \"#007bff\",\n              textDecoration: \"none\",\n              fontWeight: \"bold\"\n            }}\n          >\n            🛍️ WebSR AI Store\n          </a>\n        </div>\n\n        <div style={{\n          display: 'flex', \n          justifyContent: 'center', \n          gap: '15px', \n          marginBottom: '10px'\n        }}>\n          <a \n            href=\"https://www.facebook.com/webs-r-ai\" \n            target=\"_blank\" \n            rel=\"noopener noreferrer\"\n            style={{ textDecoration: 'none', fontSize: '1.2em' }}\n          >\n            📘 Facebook\n          </a>\n          <a \n            href=\"https://www.x.com/webs-r-ai\" \n            target=\"_blank\" \n            rel=\"noopener noreferrer\"\n            style={{ textDecoration: 'none', fontSize: '1.2em' }}\n          >\n            🐦 Twitter\n          </a>\n          <a \n            href=\"mailto:websrai@gmail.com\"\n            style={{ textDecoration: 'none', fontSize: '1.2em' }}\n          >\n            📧 Email\n          </a>\n        </div>\n\n        <a \n          href=\"https://buy.stripe.com/3cs3f87CSgZmbvydQU\" \n          target=\"_blank\" \n          rel=\"noopener noreferrer\"\n          style={{\n            display: 'inline-block',\n            backgroundColor: '#635BFF',\n            color: 'white',\n            padding: '10px 15px',\n            borderRadius: '5px',\n            textDecoration: 'none',\n            fontWeight: 'bold'\n          }}\n        >\n          💸 Support Our Work\n        </a>\n      </div>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  if (request.method === \"POST\") {\n    const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n    const openai = new OpenAI();\n\n    const { query } = await request.json();\n\n    const legalPrompt = `You are an AI legal information assistant. Provide a clear, concise, and informative response to the following legal query. \n\nIMPORTANT GUIDELINES:\n1. Always start your response with a clear disclaimer about AI limitations\n2. Provide general, factual information\n3. Recommend consulting a licensed attorney for specific advice\n4. If the query is too complex or requires personalized legal interpretation, explicitly state this\n\nQuery: ${query}`;\n\n    const completion = await openai.chat.completions.create({\n      messages: [{ role: \"user\", content: legalPrompt }],\n      model: \"gpt-4o-mini\",\n      max_tokens: 300,\n    });\n\n    return Response.json({\n      response: completion.choices[0].message.content || \"Unable to generate a response.\"\n    });\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Webs R AI Legal Assistant</title>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n      </head>\n      <body>\n        <div id=\"root\"></div>\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/websrai/legalAssistant/code/main.tsx","extension","actionData","errors"]
</article></body></html>