<%= link_to root_path do %> <%= image_tag "logo.svg", alt: "Maybe", class: "h-[22px]" %> <% end %>

<%= render "settings/user_avatar", user: Current.user %>

<%= Current.user.display_name %> <% if Current.user.display_name != Current.user.email %> <%= Current.user.email %> <% end %>

<%= link_to settings_profile_path(return_to: request.fullpath), class: "flex gap-2 items-center hover:bg-gray-50 rounded-lg px-3 py-2" do %> <%= lucide_icon("settings", class: "w-5 h-5 text-gray-500 shrink-0") %> Settings <% end %>

<%= lucide_icon("app-window", class: "w-5 h-5 text-gray-500 shrink-0") %>

Demo mode Coming soon...

<%# TODO: This will be a form toggle when implemented %>

<%= link_to changelog_path, class: "flex gap-2 items-center hover:bg-gray-50 rounded-lg px-3 py-2" do %> <%= lucide_icon("box", class: "w-5 h-5 text-gray-500 shrink-0") %> Changelog <% end %> <%= link_to feedback_path, class: "flex gap-2 items-center hover:bg-gray-50 rounded-lg px-3 py-2" do %> <%= lucide_icon("megaphone", class: "w-5 h-5 text-gray-500 shrink-0") %> Feedback <% end %> <% if self_hosted? %> <%= link_to "https://link.maybe.co/discord", class: "flex gap-2 items-center hover:bg-gray-50 rounded-lg px-3 py-2" do %> <%= lucide_icon("message-square-more", class: "w-5 h-5 text-gray-500 shrink-0") %> Contact <% end %> <% else %> <%= link_to "mailto:hello@maybefinance.com", class: "flex gap-2 items-center hover:bg-gray-50 rounded-lg px-3 py-2", onclick: "Intercom('showNewMessage'); return false;" do %> <%= lucide_icon("message-square-more", class: "w-5 h-5 text-gray-500 shrink-0") %> Contact <% end %> <% end %>

<%= button_to session_path(Current.session), method: :delete, class: "w-full text-red-400 flex gap-1 items-center hover:bg-gray-50 rounded-lg px-3 py-2" do %> <%= lucide_icon("log-out", class: "w-5 h-5 shrink-0") %> Logout <% end %>

<%= link_to accounts_path, class: "text-xs uppercase text-gray-500 font-bold tracking-wide" do %> <%= t(".portfolio") %> <% end %> • <%= form_with url: list_accounts_path, method: :get, data: { controller: Current.family.accounts.any? ? "auto-submit-form" : nil, turbo_frame: "account-list" } do |form| %> <%= period_select form: form, selected: "last_30_days", classes: "w-full border-none pl-2 pr-7 text-xs bg-transparent gap-1 cursor-pointer font-semibold tracking-wide focus:outline-none focus:ring-0" %> <% end %>

<%= link_to new_account_path, id: "sidebar-new-account", class: "block hover:bg-gray-100 font-semibold text-gray-900 flex items-center rounded p-1", title: t(".new_account"), data: { turbo_frame: "modal" } do %> <%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %> <% end %>

<%= turbo_frame_tag "account-list", target: "_top" do %> <% if Current.family.accounts.any? %> <% account_groups.each do |group| %> <%= render "accounts/account_list", group: group %> <% end %> <% else %> <%= link_to new_account_path, class: "flex items-center min-h-10 gap-4 px-3 py-2 mb-1 text-gray-500 text-sm font-medium rounded-[10px] hover:bg-gray-100", data: { turbo_frame: "modal" } do %> <%= lucide_icon("plus", class: "w-5 h-5") %> <%= tag.p t(".new_account") %> <% end %> <% end %> <% end %>