<%# MOBILE - Top nav %> <%# DESKTOP - Left navbar %>

<%= link_to home_path, class: "block" do %> <%= image_tag "logomark-color.svg", class: "w-9 h-9 mx-auto" %> <% end %>

<%= render "layouts/shared/nav_item", **nav_item %>

<%= render DS::Link.new( variant: "icon", icon: "message-circle-question", href: "https://discord.gg/36ZGBsxYEK", target: "_blank" ) %> <%= render "users/user_menu", user: Current.user, intro_mode: intro_mode %>

<%# DESKTOP - Left sidebar %> <%= tag.div class: class_names( "hidden lg:block py-4 overflow-y-auto shrink-0 max-w-[320px] transition-all duration-300", Current.user.show_sidebar? ? expanded_sidebar_class : collapsed_sidebar_class, ), data: { app_layout_target: "leftSidebar" } do %> <% if content_for?(:sidebar) %> <%= yield :sidebar %> <% else %>

<%= render "accounts/account_sidebar_tabs", family: Current.family, active_tab: @account_group_tab %>

<% if Current.family.trialing? && !self_hosted? %>

<%= t("layouts.trial.open_demo") %>

<%= t("layouts.trial.data_deleted_in_days", days: Current.family.days_left_in_trial) %>

<%= render DS::Link.new( text: t("layouts.trial.contribute"), href: upgrade_subscription_path, ) %>

<% end %>

<% end %> <% end %> <%# SHARED - Main content %> <%= tag.main class: class_names("grow overflow-y-auto px-3 lg:px-10 pt-0 pb-4 w-full mx-auto max-w-5xl"), data: { app_layout_target: "content" } do %> <% unless intro_mode %>

<%= icon("panel-left", as_button: true, data: { action: "app-layout#toggleLeftSidebar" }) %> <% if content_for?(:breadcrumbs) %> <%= yield :breadcrumbs %> <% else %> <%= render "layouts/shared/breadcrumbs", breadcrumbs: @breadcrumbs %> <% end %>

<%= icon("panel-right", as_button: true, data: { action: "app-layout#toggleRightSidebar" }) %>

<% end %> <% if content_for?(:page_header) %> <%= yield :page_header %> <% end %> <%= yield %> <% end %> <%# DESKTOP - Right sidebar %> <%= tag.div class: class_names( "hidden lg:block h-full overflow-y-auto shrink-0 max-w-[400px] transition-all duration-300", Current.user.show_ai_sidebar? ? expanded_sidebar_class : collapsed_sidebar_class, ), data: { app_layout_target: "rightSidebar" } do %> <%= tag.div id: "chat-container", class: "relative h-full", data: { controller: "chat hotkey", turbo_permanent: true } do %>

<%= turbo_frame_tag chat_frame, src: chat_view_path(@chat), loading: "lazy", class: "h-full" do %>

<%= icon("loader-circle", class: "animate-spin") %>

<% end %>

<% unless Current.user.ai_enabled? %>

<%= render "chats/ai_consent" %>

<% end %> <% end %> <% end %> <%# MOBILE - Bottom Nav %> <%= tag.nav class: "lg:hidden sticky bottom-0 left-0 right-0 bg-surface z-10 border-t border-tertiary flex justify-around" do %> <% mobile_nav_items.each do |nav_item| %> <%= render "layouts/shared/nav_item", **nav_item %> <% end %> <% end %>