Component namespacing (#2463)

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:23 EDT

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:30 EDT

* Update stimulus controller references to use namespace

* Fix remaining tests

app/views/settings/_settings_nav.html.erb

@@ -34,7 +34,7 @@ nav_sections = [
 
 <div class="space-y-4">
   <div class="hidden lg:flex items-center gap-2 p-1.5">
-    <%= render LinkComponent.new(
+    <%= render DS::Link.new(
       text: "Back",
       icon: "chevron-left",
       href: previous_path,
@@ -71,7 +71,7 @@ nav_sections = [
   <nav class="space-y-4 overflow-y-auto md:hidden" id="mobile-settings-nav" data-controller="preserve-scroll scroll-on-connect">
     <ul class="flex space-y-1">
       <li>
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Back",
           icon: "chevron-left",
           href: previous_path,

app/views/settings/api_keys/created.html.erb

@@ -4,7 +4,7 @@
   <div class="space-y-4">
     <div class="p-3 shadow-border-xs bg-container rounded-lg">
       <div class="flex items-start gap-3">
-        <%= render FilledIconComponent.new(
+        <%= render DS::FilledIcon.new(
           icon: "check-circle",
           rounded: true,
           size: "lg",
@@ -24,7 +24,7 @@
       <div class="bg-container rounded-lg p-3 border border-primary" data-controller="clipboard">
         <div class="flex items-center justify-between gap-3">
           <code id="api-key-display" class="font-mono text-sm text-primary break-all" data-clipboard-target="source"><%= @api_key.plain_key %></code>
-          <%= render ButtonComponent.new(
+          <%= render DS::Button.new(
             text: "Copy API Key",
             variant: "ghost",
             icon: "copy",
@@ -84,7 +84,7 @@
     </div>
 
     <div class="flex justify-end pt-4 border-t border-primary">
-      <%= render LinkComponent.new(
+      <%= render DS::Link.new(
         text: "Continue to API Key Settings",
         href: settings_api_key_path,
         variant: "primary"

app/views/settings/api_keys/created.turbo_stream.erb

@@ -9,7 +9,7 @@
         <div class="space-y-4">
           <div class="p-3 shadow-border-xs bg-container rounded-lg">
             <div class="flex items-start gap-3">
-              <%= render FilledIconComponent.new(
+              <%= render DS::FilledIcon.new(
                 icon: "check-circle",
                 rounded: true,
                 size: "lg",
@@ -29,7 +29,7 @@
             <div class="bg-container rounded-lg p-3 border border-primary" data-controller="clipboard">
               <div class="flex items-center justify-between gap-3">
                 <code id="api-key-display" class="font-mono text-sm text-primary break-all" data-clipboard-target="source"><%= @api_key.plain_key %></code>
-                <%= render ButtonComponent.new(
+                <%= render DS::Button.new(
                   text: "Copy API Key",
                   variant: "ghost",
                   icon: "copy",
@@ -89,7 +89,7 @@
           </div>
 
           <div class="flex justify-end pt-4 border-t border-primary">
-            <%= render LinkComponent.new(
+            <%= render DS::Link.new(
               text: "Continue to API Key Settings",
               href: settings_api_key_path,
               variant: "primary"

app/views/settings/api_keys/new.html.erb

@@ -44,13 +44,13 @@
     </div>
 
     <div class="flex justify-end gap-3 pt-4 border-t border-primary">
-      <%= render LinkComponent.new(
+      <%= render DS::Link.new(
         text: "Cancel",
         href: settings_api_key_path,
         variant: "ghost"
       ) %>
 
-      <%= render ButtonComponent.new(
+      <%= render DS::Button.new(
         text: "Create API Key",
         variant: "primary",
         type: "submit"

app/views/settings/api_keys/show.html.erb

@@ -5,7 +5,7 @@
     <div class="space-y-4">
       <div class="p-3 shadow-border-xs bg-container rounded-lg">
         <div class="flex items-start gap-3">
-          <%= render FilledIconComponent.new(
+          <%= render DS::FilledIcon.new(
             icon: "check-circle",
             rounded: true,
             size: "lg",
@@ -25,7 +25,7 @@
         <div class="bg-container rounded-lg p-3 border border-primary" data-controller="clipboard">
           <div class="flex items-center justify-between gap-3">
             <code id="api-key-display" class="font-mono text-sm text-primary break-all" data-clipboard-target="source"><%= @current_api_key.plain_key %></code>
-            <%= render ButtonComponent.new(
+            <%= render DS::Button.new(
               text: "Copy API Key",
               variant: "ghost",
               icon: "copy",
@@ -44,7 +44,7 @@
       </div>
 
       <div class="flex justify-end pt-4 border-t border-primary">
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Continue to API Key Settings",
           href: settings_api_key_path,
           variant: "primary"
@@ -57,7 +57,7 @@
     <div class="space-y-4">
       <div class="p-3 shadow-border-xs bg-container rounded-lg flex justify-between items-center">
         <div class="flex items-center gap-3">
-          <%= render FilledIconComponent.new(
+          <%= render DS::FilledIcon.new(
             icon: "key",
             rounded: true,
             size: "lg"
@@ -104,7 +104,7 @@
         <div class="bg-container rounded-lg p-3 border border-primary" data-controller="clipboard">
           <div class="flex items-center justify-between gap-3">
             <code id="api-key-display" class="font-mono text-sm text-primary break-all" data-clipboard-target="source"><%= @current_api_key.plain_key %></code>
-            <%= render ButtonComponent.new(
+            <%= render DS::Button.new(
               text: "Copy API Key",
               variant: "ghost",
               icon: "copy",
@@ -123,13 +123,13 @@
       </div>
 
       <div class="flex flex-col sm:flex-row gap-3 pt-4 border-t border-primary">
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Create New Key",
           href: new_settings_api_key_path(regenerate: true),
           variant: "secondary"
         ) %>
 
-        <%= render ButtonComponent.new(
+        <%= render DS::Button.new(
           text: "Revoke Key",
           href: settings_api_key_path,
           method: :delete,
@@ -146,7 +146,7 @@
     <div class="space-y-4">
       <div class="p-3 shadow-border-xs bg-container rounded-lg">
         <div class="flex items-start gap-3">
-          <%= render FilledIconComponent.new(
+          <%= render DS::FilledIcon.new(
             icon: "key",
             rounded: true,
             size: "lg"
@@ -181,7 +181,7 @@
       </div>
 
       <div class="flex justify-start">
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Create API Key",
           href: new_settings_api_key_path,
           variant: "primary"

app/views/settings/billings/show.html.erb

@@ -4,7 +4,7 @@
   <div class="space-y-4">
     <div class="p-3 shadow-border-xs bg-container rounded-lg flex justify-between items-center">
       <div class="flex items-center gap-3">
-        <%= render FilledIconComponent.new(
+        <%= render DS::FilledIcon.new(
           icon: "gem",
           rounded: true,
           size: "lg"
@@ -34,7 +34,7 @@
       </div>
 
       <% if @family.has_active_subscription? %>
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Manage",
           icon: "external-link",
           variant: "primary",
@@ -43,7 +43,7 @@
           rel: "noopener"
         ) %>
       <% else %>
-        <%= render LinkComponent.new(
+        <%= render DS::Link.new(
           text: "Choose plan",
           variant: "primary",
           icon: "plus",

app/views/settings/profiles/show.html.erb

@@ -19,7 +19,7 @@
       </div>
 
       <div class="flex justify-end mt-4">
-        <%= render ButtonComponent.new(text: t(".save"), class: "md:w-auto w-full justify-center") %>
+        <%= render DS::Button.new(text: t(".save"), class: "md:w-auto w-full justify-center") %>
       </div>
     </div>
   <% end %>
@@ -51,7 +51,7 @@
           </div>
           <% if Current.user.admin? && user != Current.user %>
             <div class="ml-auto">
-              <%= render ButtonComponent.new(
+              <%= render DS::Button.new(
                 variant: "icon",
                 icon: "x",
                 href: settings_profile_path(user_id: user),
@@ -98,7 +98,7 @@
               <% end %>
 
               <% if Current.user.admin? %>
-                <%= render ButtonComponent.new(
+                <%= render DS::Button.new(
                   variant: "icon",
                   icon: "x",
                   href: invitation_path(invitation),
@@ -131,7 +131,7 @@
           <p class="text-secondary text-sm"><%= t(".reset_account_warning") %></p>
         </div>
 
-        <%= render ButtonComponent.new(
+        <%= render DS::Button.new(
           text: t(".reset_account"),
           variant: "destructive",
           href: reset_user_path(@user),
@@ -152,7 +152,7 @@
         <p class="text-secondary text-sm"><%= t(".delete_account_warning") %></p>
       </div>
 
-      <%= render ButtonComponent.new(
+      <%= render DS::Button.new(
         text: t(".delete_account"),
         variant: "destructive",
         href: user_path(@user),

app/views/settings/securities/show.html.erb

@@ -21,7 +21,7 @@
 
       <div class="mt-4 md:mt-0">
         <% if Current.user.otp_required? %>
-          <%= render ButtonComponent.new(
+          <%= render DS::Button.new(
             text: t(".disable_mfa"),
             variant: "secondary",
             href: disable_mfa_path,
@@ -34,7 +34,7 @@
             )
           ) %>
         <% else %>
-          <%= render LinkComponent.new(
+          <%= render DS::Link.new(
             text: t(".enable_mfa"),
             variant: "primary",
             href: new_mfa_path