mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-18 20:59:39 +02:00
65e1bc6edd
* WIP * WIP * WIP * WIP * WIP * WIP * WIP * format * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * fix conflict * fix conflict * chore: run rubocop * fix test * update PWA logo * fix tests * chore: lint * fix test * Refactor: Remove duplicate data attribute in activity partial and add chat form rendering in chats index --------- Co-authored-by: Josh Pigford <josh@joshpigford.com>
40 lines
1.3 KiB
Text
40 lines
1.3 KiB
Text
<div class="flex items-start w-full">
|
|
<%= render "chats/ai_avatar" %>
|
|
|
|
<div class="max-w-[85%] text-sm space-y-4 text-primary">
|
|
<p>Hey <%= Current.user&.first_name || "there" %>! I'm an AI built by Maybe to help with your finances. I have access to the web and your account data.</p>
|
|
|
|
<p>
|
|
You can use <span class="bg-container border border-gray-200 px-1.5 py-0.5 rounded font-mono text-xs">/</span> to access commands
|
|
</p>
|
|
|
|
<div class="space-y-3">
|
|
<p>Here's a few questions you can ask:</p>
|
|
|
|
<% questions = [
|
|
{
|
|
icon: "chart-area",
|
|
text: "Evaluate investment portfolio"
|
|
},
|
|
{
|
|
icon: "wallet-minimal",
|
|
text: "Show spending insights"
|
|
},
|
|
{
|
|
icon: "alert-triangle",
|
|
text: "Find unusual patterns"
|
|
}
|
|
] %>
|
|
|
|
<div class="space-y-2.5">
|
|
<% questions.each do |question| %>
|
|
<button data-action="chat#submitSampleQuestion"
|
|
data-chat-question-param="<%= question[:text] %>"
|
|
class="w-full flex items-center gap-2 border border-tertiary rounded-full py-1.5 px-2.5 hover:bg-gray-100">
|
|
<%= icon(question[:icon], color: "gray") %> <%= question[:text] %>
|
|
</button>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|