Put back background color

app/components/menu_item_component.rb

@@ -1,25 +1,26 @@
 class MenuItemComponent < ViewComponent::Base
   VARIANTS = %i[link button divider].freeze
 
-  attr_reader :variant, :text, :icon, :href, :method, :destructive, :confirm, :opts
+  attr_reader :variant, :text, :icon, :href, :method, :destructive, :confirm, :frame, :opts
 
-  def initialize(variant:, text: nil, icon: nil, href: nil, method: :post, destructive: false, confirm: nil, **opts)
+  def initialize(variant:, text: nil, icon: nil, href: nil, method: :post, destructive: false, confirm: nil, frame: nil, **opts)
     @variant = variant.to_sym
     @text = text
     @icon = icon
     @href = href
     @method = method.to_sym
     @destructive = destructive
-    @opts = opts
     @confirm = confirm
+    @frame = frame
+    @opts = opts
     raise ArgumentError, "Invalid variant: #{@variant}" unless VARIANTS.include?(@variant)
   end
 
   def wrapper(&block)
     if variant == :button
-      button_to href, method: method, class: container_classes, **merged_button_opts, &block
+      button_to href, method: method, class: container_classes, **merged_opts, &block
     elsif variant == :link
-      link_to href, class: container_classes, **opts, &block
+      link_to href, class: container_classes, **merged_opts, &block
     else
       nil
     end
@@ -44,7 +45,7 @@ class MenuItemComponent < ViewComponent::Base
       ].join(" ")
     end
 
-    def merged_button_opts
+    def merged_opts
       merged_opts = opts.dup || {}
       data = merged_opts.delete(:data) || {}
 
@@ -52,6 +53,10 @@ class MenuItemComponent < ViewComponent::Base
         data = data.merge(turbo_confirm: confirm.to_data_attribute)
       end
 
+      if frame.present?
+        data = data.merge(turbo_frame: frame)
+      end
+
       merged_opts.merge(data: data)
     end
 end

app/views/chats/_chat.html.erb

@@ -17,7 +17,7 @@
       text: "Edit chat title", 
       href: edit_chat_path(chat, ctx: "list"), 
       icon: "pencil", 
-      data: { turbo_frame: dom_id(chat, "title") }) %>
+      frame: dom_id(chat, "title")) %>
       
     <% menu.with_item(
       variant: "button",

app/views/chats/_chat_nav.html.erb

@@ -27,7 +27,7 @@
         text: "Edit chat title",
         href: edit_chat_path(chat, ctx: "chat"),
         icon: "pencil",
-        data: { turbo_frame: dom_id(chat, "title") }) %>
+        frame: dom_id(chat, "title")) %>
 
       <% menu.with_item(
         variant: "button",

app/views/chats/edit.html.erb

@@ -1,9 +1,10 @@
 <%= turbo_frame_tag dom_id(@chat, :title), class: "block" do %>
+  <% bg_class = params[:ctx] == "chat" ? "bg-container-inset" : "bg-container" %>
   <%= styled_form_with model: @chat, data: { controller: "auto-submit-form", auto_submit_form_trigger_event_value: "blur" } do |f| %>
     <%= f.text_field :title,
       data: { auto_submit_form_target: "auto" },
       autofocus: true,
       inline: true,
-      class: "w-full rounded-md px-2 py-1 text-sm font-medium bg-container-inset" %>
+      class: "w-full rounded-md px-2 py-1 text-sm font-medium #{bg_class}" %>
   <% end %>
 <% end %>