Spaces:
Build error
Build error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TokyoDrive Insurance - Product Design Q&A</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>🚗 TokyoDrive Insurance</h1> | |
| <p class="subtitle">Product Design Document Q&A</p> | |
| </header> | |
| <div class="main-content"> | |
| <div class="query-section"> | |
| <form id="queryForm"> | |
| <div class="input-group"> | |
| <textarea | |
| id="questionInput" | |
| placeholder="Ask a question about the product design document... Examples: • What are the three product tiers? • What is the Year 3 premium volume? • What coverage does the Standard tier include?" | |
| rows="4" | |
| required | |
| ></textarea> | |
| </div> | |
| <button type="submit" id="submitBtn" class="submit-btn"> | |
| <span class="btn-text">Ask Question</span> | |
| <span class="btn-loader" style="display: none;">⏳ Processing...</span> | |
| </button> | |
| <button type="button" id="cancelBtn" class="cancel-btn" style="display: none; margin-top: 10px;"> | |
| Cancel Query | |
| </button> | |
| </form> | |
| </div> | |
| <div id="answerSection" class="answer-section" style="display: none;"> | |
| <div class="answer-header"> | |
| <h2>Answer</h2> | |
| <div class="answer-meta" id="answerMeta"></div> | |
| </div> | |
| <div class="answer-content" id="answerContent"></div> | |
| <div class="sources-section" id="sourcesSection" style="display: none;"> | |
| <h3>📚 Sources</h3> | |
| <div id="sourcesList"></div> | |
| </div> | |
| </div> | |
| <div id="errorSection" class="error-section" style="display: none;"> | |
| <div class="error-content" id="errorContent"></div> | |
| </div> | |
| <div class="suggestions"> | |
| <h3>💡 Suggested Questions</h3> | |
| <div class="suggestion-chips"> | |
| <button class="chip" onclick="setQuestion('What are the three product tiers and their premium ranges?')"> | |
| Product Tiers | |
| </button> | |
| <button class="chip" onclick="setQuestion('What is the Year 3 premium volume projection?')"> | |
| Financial Projections | |
| </button> | |
| <button class="chip" onclick="setQuestion('What coverage does the Standard tier include?')"> | |
| Coverage Details | |
| </button> | |
| <button class="chip" onclick="setQuestion('What are the FSA licensing requirements?')"> | |
| Compliance | |
| </button> | |
| <button class="chip" onclick="setQuestion('What are the key value propositions?')"> | |
| Value Propositions | |
| </button> | |
| <button class="chip" onclick="setQuestion('What is the target market size?')"> | |
| Market Analysis | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <footer> | |
| <p>Powered by RAG (Retrieval Augmented Generation) | TokyoDrive Insurance Product Design</p> | |
| </footer> | |
| </div> | |
| <script src="{{ url_for('static', filename='js/app.js') }}"></script> | |
| </body> | |
| </html> | |