Choose a version of the interactive dashboard. Both demonstrate a policy-aware workflow for generating holiday gift recommendations with strict budget constraints, then visualizing results in a single-page app. Both versions were created during the webinar using the freemium version of Enterprise h2oGPTe.
Traditional festive styling with the original interaction flow.
Open Version 1 ↗Updated styling aligned with H2O.ai brand direction and improved UI polish.
Open Version 2 ↗Watch the session, then jump into the slides, course, or quiz.
Single-page viewer with arrows. If you prefer, download the PDF.
Open each block, copy, paste, run. Links open in a new tab.
I'm planning a holiday party for 15 people with a $300 budget. Can you help me create a complete party plan including: - Budget breakdown (food, drinks, decorations, entertainment) - 3 easy appetizer recipes - A shopping list - A timeline for party prep Make it festive and fun for a Christmas theme!
Perfect! Now regenerate that party plan as a JSON object with this schema:
{
"party_details": {
"theme": "string",
"guest_count": number,
"total_budget": number
},
"budget_breakdown": {
"food": number,
"drinks": number,
"decorations": number,
"entertainment": number
},
"recipes": [
{
"name": "string",
"servings": number,
"prep_time_minutes": number,
"ingredients": ["string"],
"instructions": "string"
}
],
"shopping_list": {
"category": ["string"]
},
"timeline": [
{
"task": "string",
"when": "string",
"duration_minutes": number
}
]
}
Output ONLY the JSON, no extra text.
https://triagelogic.com/wp-content/uploads/2018/06/Company-Policy-and-Procedure-June-1.18-V6.0.pdf
You are an AI Agent that must follow these rules: 1. Always use rag_text to retrieve relevant information from the attached document collection before answering. 2. Base your answers on the retrieved content and cite alignment or conflicts clearly. 3. When budgets or constraints are provided, enforce them strictly. 4. When asked for structured output, return valid JSON matching the schema exactly. 5. When providing recommendations, include: - gift_name - price - category - reason - policy_alignment 6. If any requested action violates the policies in the documents, do not proceed; suggest compliant alternatives. 7. Think step by step and use explicit reasoning.
I need to find appropriate holiday gifts for 3 different people: 1. A colleague who loves tech gadgets (budget $40-70) 2. A senior client who wants thoughtful, professional gifts (budget $80-120) 3. A new team member who enjoys cooking and creative hobbies (budget $25-50) Please: - Use my company policy guidelines from our RAG collection - Follow the budget rules strictly - For each person, give 3 gift options - Include JSON output with: - gift_name - price - category - reason - policy_alignment Make sure recommendations do not violate any company rules, If there are no Gift-Giving Guidelines in this document, please let me know, I will provide to you another updated one.
https://diabengineering.com.au/wp-content/uploads/2019/02/HSE-MAN-001-001-DIAB-Engineering-Policy-Manual-Rev05-All-Policies.pdf
I previously asked you to find appropriate holiday gifts for 3 different people with specific budgets and constraints. Now I need you to create an interactive HTML Gift Recommendation Dashboard to visualize those recommendations. ORIGINAL GIFT REQUEST: I need to find appropriate holiday gifts for 3 different people: 1. A colleague who loves tech gadgets (budget $40-70) 2. A senior client who wants thoughtful, professional gifts (budget $80-120) 3. A new team member who enjoys cooking and creative hobbies (budget $25-50) Please: - Use my company policy guidelines from our RAG collection - Follow the budget rules strictly - For each person, give 3 gift options - Include JSON output with: - gift_name - price - category - reason - policy_alignment Make sure recommendations do not violate any company rules, If there are no Gift-Giving Guidelines in this document, please let me know, I will provide another updated one. NOW CREATE AN HTML APP: Build a single HTML file with embedded CSS and JavaScript that displays: 1. Header section (title, subtitle, holiday theme) 2. Recipient cards (3) with budgets and 3 gift options each 3. Gift details: name, price, category badge, reason, compliance indicator 4. Budget tracker with progress bars 5. Optional filtering/sorting and click-to-expand 6. Festive but corporate styling, responsive, print-friendly 7. Summary section and optional export/print OUTPUT: Complete, working HTML file with embedded CSS and JavaScript.
modify the html so that I can click on the option, one choice per column/ individual, so that when the gift is selected the budget used updates with the price of that product/ gift only, and there is a button in addition, where you can click after selection, to forward in an email where you need to inform the email address and the name of the person, object plus description about Happy Holidays, here is you gift card, thank you ! Open the generated email writing to google account directly, and instead of the original colors use my company branding kit that you can find here: https://h2o.ai/company/brand-kit/