RubyGems - railsui - Versions diffs - 3.1.5 → 3.2.1 - Mend

railsui 3.1.5 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (533) hide show

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_meta.html.erb ADDED Viewed

@@ -0,0 +1,90 @@
+<%#
+Put a favicon.ico or favicon.svg (preferred) in your public/ folder and add favicon_link_tag "favicon.svg" to your layout inside the <head></head> tags.
+You may optionally reach for the meta_tags gem as I did below and do this all dynamically.
+Below are the recommended tags to include for best discoverability between apps and services. You don't need everything listed to see success but many apps now query open graph tags to find assets and content for link previews so it goes a long way (i.e., Slack, Twitter, Facebook).
+Generate icons:
+https://redketchup.io/favicon-generator (generate from an image)
+Tip: Before generating icons, I typically start with a icon that is at least 512x512 in size. It can have a transparent background (.png, .svg). Keep it as simple as possible.
+Free editor/vector tool:
+https://figma.com
+Previewing:
+https://www.opengraph.xyz/
+# Usage:
+Title:
+Change the title and description tags below to match your own site. The title displays alongside your site name in a given browser tab next to the favicon.
+Description:
+The description is a good place for one to two sentences describing a page OR what the site is all about. You can tweak this on a per-page basis inside your views or controllers. See the metatags gem documentation on tips for doing so: https://github.com/kpumuk/meta-tags#mirrored-values
+Images:
+Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder Rails UI copied to your app (jpg, png).
+%>
+<%= display_meta_tags(
+  site: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->,
+  reverse: true,
+  viewport: "width=device-width, initial-scale=1",
+  title: "CHANGE ME",
+  canonical: request.original_url,
+  og: {
+    title: Railsui.config.application_name,
+    type: "website",
+    url: request.original_url,
+    image: [{
+      _: image_url("railsui/meta/opengraph.jpg"),
+      width: 1200,
+      height: 630
+    }],
+    site_name: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->
+    description: "CHANGE ME",
+  },
+  twitter: {
+    title: :title,
+    description: :description,
+    card:  "summary",
+    image: {
+      _: image_url("railsui/meta/opengraph-mark.jpg"),
+      width:  400,
+      height: 400,
+    }
+  },
+  author: Railsui.config.application_name,
+  description: "CHANGE ME",
+  icon: [
+    {
+      href: image_url("railsui/meta/favicon.svg"),
+      sizes: 'any',
+      type: "image/svg+xml"
+    },
+    {
+      href: image_url("railsui/meta/favicon-16x16.png"),
+      sizes: "16x16",
+      type: "images/png"
+    },
+    {
+      href: image_url("railsui/meta/android-chrome-192x192.png"),
+      sizes: '192x192',
+      type: "image/png"
+    },
+    {
+      href: image_url("railsui/meta/android-chrome-512x512.png"),
+      sizes: '512x512',
+      type: "image/png"
+    },
+    {
+      href: image_url("railsui/meta/apple-touch-icon.png"),
+      sizes: '180x180',
+      type: "image/png"
+    }
+  ])
+  %>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_nav.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<header class="relative dark:bg-slate-900 bg-white dark:border-slate-700" data-controller="nav">
+  <%= render "rui/shared/nav_menu" %>
+</header>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_railsui_head.html.erb ADDED Viewed

@@ -0,0 +1,4 @@
+<%= render "rui/shared/meta" %>
+<%= render "rui/shared/fonts" %>
+<%= stylesheet_link_tag "https://unpkg.com/tippy.js@6.3.7/dist/tippy.css", "data-turbo-track": "reload" %>
+<%= yield :head %>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_search.html.erb ADDED Viewed

@@ -0,0 +1,32 @@
+<!-- Search Modal -->
+<div class="fixed inset-0 z-50 items-center justify-center hidden transition duration-300 transform bg-black/70 backdrop-blur-sm" data-search-target="modal" data-action="click->search#close">
+  <div class="bg-white dark:bg-neutral-800 rounded-2xl shadow-2xl w-full max-w-2xl mx-4 max-h-[80vh] overflow-hidden" data-action="click->search#preventClose">
+    <!-- Search Header -->
+    <div class="p-4 border-b border-neutral-200 dark:border-neutral-700">
+      <div class="relative">
+        <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+          <svg class="w-5 h-5 text-neutral-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
+          </svg>
+        </div>
+        <input type="text" class="w-full py-3 pl-10 pr-4 text-lg bg-transparent border-0 focus:ring-0 focus:outline-none placeholder-neutral-500" placeholder="Search conversations or type a command..." data-search-target="input" data-action="input->search#handleInput keydown->search#handleKeydown">
+      </div>
+    </div>
+    <div class="overflow-y-auto max-h-96" data-search-target="results">
+      <!-- Search Results. See app/controllers/railui/search_controller.js -->
+    </div>
+    <!-- Search Footer -->
+    <div class="p-4 border-t border-neutral-200 bg-neutral-50 dark:border-neutral-700/80 dark:bg-neutral-700">
+      <div class="flex items-center justify-between text-xs text-neutral-500 dark:text-neutral-300">
+        <div class="flex items-center space-x-4">
+          <span>Press <kbd class="px-1.5 py-0.5 bg-white border border-neutral-300 rounded text-neutral-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-100">↵</kbd> to select</span>
+          <span>Press <kbd class="px-1.5 py-0.5 bg-white border border-neutral-300 rounded text-neutral-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-100">↑↓</kbd> to navigate</span>
+        </div>
+        <span>Press <kbd class="px-1.5 py-0.5 bg-white border border-neutral-300 rounded text-neutral-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-100">Esc</kbd> to close</span>
+      </div>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_sidebar.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<aside
+  class="hidden lg:flex flex-col w-64 h-full transition-all duration-300 ease-in-out border-r sidebar-expanded bg-neutral-100 dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700 text-neutral-900 dark:text-neutral-100"
+  data-sidebar-target="container">
+  <%= render "rui/shared/sidebar/header" %>
+  <%= render "rui/shared/sidebar/actions" %>
+  <%= render "rui/shared/sidebar/history" %>
+</aside>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_waves.html.erb ADDED Viewed

@@ -0,0 +1,47 @@
+<!-- Abstract Background SVG -->
+<div class="absolute inset-0 overflow-hidden delay-100 pointer-events-none animate-slide-up z-10">
+  <svg class="absolute inset-0 w-full h-full" viewBox="0 0 1200 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <linearGradient id="fadeGradientLight" x1="0%" y1="0%" x2="70%" y2="100%">
+        <stop offset="0%" style="stop-color:#4338ca;stop-opacity:0.10" />
+        <stop offset="30%" style="stop-color:#4338ca;stop-opacity:0.09" />
+        <stop offset="70%" style="stop-color:#4338ca;stop-opacity:0.062" />
+        <stop offset="100%" style="stop-color:#4338ca;stop-opacity:0" />
+      </linearGradient>
+      <linearGradient id="fadeGradientDark" x1="0%" y1="0%" x2="70%" y2="100%">
+        <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.12" />
+        <stop offset="30%" style="stop-color:#ffffff;stop-opacity:0.08" />
+        <stop offset="70%" style="stop-color:#ffffff;stop-opacity:0.04" />
+        <stop offset="100%" style="stop-color:#ffffff;stop-opacity:0" />
+      </linearGradient>
+    </defs>
+    <!-- Light mode lines -->
+    <g class="dark:hidden">
+      <path d="M-100,150 Q200,120 400,160 T800,140 T1200,180" stroke="url(#fadeGradientLight)" stroke-width="2"
+        fill="none" opacity="0.6" />
+      <path d="M-150,220 Q150,180 350,210 T750,200 T1150,240" stroke="url(#fadeGradientLight)" stroke-width="1.5"
+        fill="none" opacity="0.4" />
+      <path d="M-80,300 Q220,260 420,290 T820,280 T1220,320" stroke="url(#fadeGradientLight)" stroke-width="1"
+        fill="none" opacity="0.3" />
+      <path d="M-120,380 Q180,340 380,370 T780,360 T1180,400" stroke="url(#fadeGradientLight)" stroke-width="1"
+        fill="none" opacity="0.2" />
+      <path d="M-60,460 Q240,420 440,450 T840,440 T1240,480" stroke="url(#fadeGradientLight)" stroke-width="0.8"
+        fill="none" opacity="0.15" />
+    </g>
+    <!-- Dark mode lines -->
+    <g class="hidden dark:block">
+      <path d="M-100,150 Q200,120 400,160 T800,140 T1200,180" stroke="url(#fadeGradientDark)" stroke-width="2"
+        fill="none" opacity="0.6" />
+      <path d="M-150,220 Q150,180 350,210 T750,200 T1150,240" stroke="url(#fadeGradientDark)" stroke-width="1.5"
+        fill="none" opacity="0.4" />
+      <path d="M-80,300 Q220,260 420,290 T820,280 T1220,320" stroke="url(#fadeGradientDark)" stroke-width="1"
+        fill="none" opacity="0.3" />
+      <path d="M-120,380 Q180,340 380,370 T780,360 T1180,400" stroke="url(#fadeGradientDark)" stroke-width="1"
+        fill="none" opacity="0.2" />
+      <path d="M-60,460 Q240,420 440,450 T840,440 T1240,480" stroke="url(#fadeGradientDark)" stroke-width="0.8"
+        fill="none" opacity="0.15" />
+    </g>
+  </svg>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/blog/_article.html.erb ADDED Viewed

@@ -0,0 +1,39 @@
+<%# locals: (path: rui_blog_show_path, image_name:, category_name:, category_path:, title: , excerpt:, avatar_path:, author:, published_at:, total_minutes:) %>
+<article
+  class="flex flex-col overflow-hidden transition-shadow shadow-sm rounded-3xl outline-1 outline-neutral-300/80 dark:outline-neutral-600/70 hover:shadow-xl dark:shadow-md dark:shadow-black/40">
+    <%= link_to path, class: "shrink-0" do %>
+      <%= image_tag image_name, class: "object-cover w-full h-48", alt: title %>
+    <% end %>
+  <div class="flex flex-col justify-between flex-1 p-6 bg-white dark:bg-neutral-900">
+    <div class="flex-1">
+      <p class="mb-2 text-sm font-medium text-neutral-600 dark:text-neutral-400">
+        <%= link_to category_name, category_path %>
+      </p>
+      <%= link_to path, class: "block" do %>
+        <h3 class="mb-3 h4 line-clamp-2"><%= title %></h3>
+        <div class="prose prose-neutral dark:prose-invert">
+          <p><%= excerpt %></p>
+        </div>
+      <% end %>
+    </div>
+    <div class="flex items-center mt-6">
+      <%= image_tag avatar_path, class: "w-10 h-10 rounded-full shrink-0 object-cover", alt: author %>
+      <div class="ml-3">
+        <p class="text-sm font-medium text-neutral-900 dark:text-neutral-100">
+          <%= author %>
+        </p>
+        <div class="flex space-x-1 text-sm text-neutral-500 dark:text-neutral-400">
+          <time datetime="#">
+            <%= published_at || Date.today.strftime('%B %d, %Y') %>
+          </time>
+          <span aria-hidden="true">&middot;</span>
+          <span><%= total_minutes %> min read</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</article>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/blog/_pagination.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<!-- Pagination -->
+<div class="flex justify-center mt-16">
+  <nav class="flex gap-2 items-center" aria-label="Pagination">
+    <%= link_to "#", class: "btn btn-white size-10" do %>
+      <span class="sr-only">Previous</span>
+      <%= icon "chevron-left", class: "size-5" %>
+    <% end %>
+    <%= link_to "1", "#", class: "btn btn-primary dark:bg-black dark:shadow-sm size-10" %>
+    <%= link_to "2", "#", class: "btn btn-white size-10" %>
+    <%= link_to "3", "#", class: "btn btn-white size-10" %>
+    <span class="btn btn-white size-10 pointer-events-none cursor-none">...</span>
+    <%= link_to "8", "#", class: "btn btn-white size-10" %>
+    <%= link_to "#", class: "btn btn-white size-10" do %>
+      <span class="sr-only">Next</span>
+      <%= icon "chevron-right", class: "size-5" %>
+    <% end %>
+  </nav>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_disclaimer.html.erb ADDED Viewed

@@ -0,0 +1,4 @@
+<!-- Disclaimer -->
+<div class="mt-3 text-xs text-center text-neutral-500 dark:text-neutral-400">
+  Corgie AI can make mistakes. Consider checking important information.
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_form.html.erb ADDED Viewed

@@ -0,0 +1,62 @@
+<%# locals: (hints: false, menu_position: "up") %>
+<!-- Chat Input Form -->
+<div
+  class="fixed bottom-0 left-0 right-0 md:static md:bg-none bg-linear-to-b to-neutral-50 dark:from-transparent dark:to-neutral-950 md:dark:bg-none"
+  data-controller="chat" data-chat-character-count-outlet="#character-count-element">
+  <div id="character-count-element" data-controller="character-count" data-character-count-max-value="3000"
+    data-character-count-warn-at-value="2500">
+    <div class="max-w-2xl mx-auto md:p-0 p-4">
+      <div class="chat-shell">
+        <textarea class="chat-input" placeholder="Type something" data-controller="auto-resize"
+          data-action="keydown->chat#handleKeydown input->chat#setupInputHandling" data-character-count-target="input"
+          data-chat-target="input"></textarea>
+        <div class="absolute bottom-2.5 right-2.5 flex items-center gap-3">
+          <div class="flex justify-end">
+            <%= render "rui/shared/chat/model_select", menu_position: menu_position %>
+          </div>
+          <!-- Send Button -->
+          <button
+            type="button"
+            class="flex items-center justify-center text-white transition-all duration-200 rounded-full size-10 bg-neutral-950 hover:bg-neutral-900 disabled:bg-neutral-300 focus:ring-4 focus:ring-neutral-300/80 dark:focus:ring-neutral-700/80 dark:disabled:bg-neutral-600 disabled:opacity-50 disabled:cursor-not-allowed"
+            data-chat-target="send" data-action="click->chat#sendMessage" disabled>
+            <%= icon "arrow-up", class: "size-4" %>
+          </button>
+        </div>
+        <!-- Attachment Buttons -->
+        <div class="flex items-start gap-3">
+          <div>
+            <input type="file" id="attachment" class="hidden appearance-none">
+            <label for="attachment"
+              class="btn btn-white dark:bg-neutral-800 btn-rounded dark:hover:bg-neutral-900 dark:outline-neutral-600">
+              <%= icon "paper-clip", class: "size-4" %>
+              <span class="hidden text-neutral-800 dark:text-neutral-200 md:block">Attach</span>
+            </label>
+          </div>
+          <div>
+            <input type="checkbox" id="search" class="form-input-button-toggle peer">
+            <label for="search" class="peer-checked:text-green-500">
+              <%= icon "globe-americas", class: "size-4" %>
+              <span class="hidden text-neutral-800 dark:text-neutral-200 md:block">Search</span>
+            </label>
+          </div>
+          <div>
+            <input type="checkbox" id="think" class="form-input-button-toggle peer">
+            <label for="think" class="peer-checked:text-amber-500">
+              <%= icon "light-bulb", class: "size-4" %>
+              <span class="hidden text-neutral-800 dark:text-neutral-200 md:block">Think</span>
+            </label>
+          </div>
+        </div>
+      </div>
+      <% if hints %>
+        <%= render "rui/shared/chat/key_legend" %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_header.html.erb ADDED Viewed

@@ -0,0 +1,47 @@
+<!-- Header -->
+<header
+  class="sticky top-0 z-20 p-4 shrink-0 bg-neutral-50/90 backdrop-blur-sm dark:bg-neutral-900/80 flex items-center justify-between gap-3 md:border-none border-b border-neutral-300/60">
+  <div>
+    <%= icon "logo", custom_path: "/railsui/logo.svg", class: "size-6  dark:fill-neutral-100 fill-neutral-900 shrink-0 lg:hidden block", variant: :solid %>
+  </div>
+  <div class="flex items-center justify-end gap-3">
+    <%= link_to rui_chat_new_path, class: "btn btn-rounded btn-ghost size-8" do %>
+      <%= icon "pencil-square", class: "size-5 stroke-current shrink-0" %>
+      <span class="sr-only">New Chat</span>
+    <% end %>
+    <button type="button" class="btn-rounded btn btn-ghost size-8">
+      <%= icon "bookmark", class: "size-5 shrink-0" %>
+      <span class="sr-only">Bookmark</span>
+    </button>
+    <div data-controller="railsui-dropdown" class="relative">
+      <button data-action="railsui-dropdown#toggle click@window->railsui-dropdown#hide" type="button"
+        class="btn-rounded btn btn-ghost size-8">
+        <%= icon "ellipsis-vertical", class: "size-5 shrink-0 stroke-current" %>
+      </button>
+      <span class="sr-only">More</span>
+      <ul data-railsui-dropdown-target="menu"
+        class="absolute md:right-0 right-auto -left-[164px] z-10 transition origin-top dropdown-menu top-10"
+        data-transition-enter-active="transition ease-out duration-50"
+        data-transition-enter-from="transform opacity-0 scale-95"
+        data-transition-enter-to="transform opacity-100 scale-100"
+        data-transition-leave-active="transition ease-in duration-100"
+        data-transition-leave-from="transform opacity-100 scale-100"
+        data-transition-leave-to="transform opacity-0 scale-95">
+          <li><%= link_to "Move to project", "#", class: "dropdown-item" %></li>
+          <li><%= button_to "Delete", "#", class: "text-red-500 dropdown-item dark:text-red-600" %></li>
+        </li>
+      </ul>
+    </div>
+    <button type="button" class="btn-rounded btn btn-white" data-controller="railsui-clipboard"
+      data-action="railsui-clipboard#copy">
+      <%= icon "arrow-up-tray", class: "size-4 shrink-0" %>
+      Share
+      <input type="hidden" id="share" value="https://railsui.com/chat/XDRSLG" data-railsui-clipboard-target="content"
+        class="hidden" readonly>
+    </button>
+    <%= render "rui/shared/account_dropdown" %>
+  </div>
+</header>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_history.html.erb ADDED Viewed

@@ -0,0 +1,36 @@
+<!-- Chat History -->
+<div class="sidebar-chat-history flex-1 overflow-y-auto px-4 text-sm">
+  <div class="space-y-2 pb-4">
+    <!-- Today -->
+    <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mb-3 px-2">
+      Today
+    </div>
+    <div class="space-y-1">
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "How to optimize Rails performance", active: true %>
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "Explain machine learning concepts" %>
+    </div>
+    <!-- Yesterday -->
+    <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mt-6 mb-3 px-2">
+      Yesterday
+    </div>
+    <div class="space-y-1">
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "CSS Grid vs Flexbox comparison" %>
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "Best practices for API design" %>
+    </div>
+    <!-- Previous 7 Days -->
+    <div class="text-xs font-medium text-neutral-500 dark:text-neutral-400 uppercase tracking-wider mt-6 mb-3 px-2">
+      Previous 7 Days
+    </div>
+    <div class="space-y-1">
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "Python data structures explained" %>
+      <%= render "rui/shared/sidebar/link", href: rui_chat_show_path, title: "Docker containerization tutorial" %>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_key_legend.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<div class="px-4 pb-3 mt-4 text-xs text-neutral-500 dark:text-neutral-400">
+  <div class="flex items-center justify-between">
+    <div class="flex items-center space-x-3">
+      <span>Press <kbd class="px-1.5 py-0.5 bg-neutral-100 dark:bg-neutral-700 rounded font-mono text-xs">Enter</kbd> to send</span>
+      <span class="hidden sm:inline">• <kbd class="px-1.5 py-0.5 bg-neutral-100 dark:bg-neutral-700 rounded font-mono text-xs">Shift+Enter</kbd> for new line</span>
+    </div>
+    <div class="flex items-center space-x-2">
+      <span class="text-xs transition-colors duration-200 cc-label" data-character-count-target="counter">0/4000</span>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_link.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<%# locals: (href: "#", title: "", active: false) %>
+<%= link_to href, class: class_names(
+  'group flex items-center p-2 text-sm text-neutral-700 rounded-lg hover:bg-neutral-200 transition-colors dark:text-neutral-100 dark:hover:bg-neutral-900 gap-3',
+  active: "bg-neutral-200 dark:bg-neutral-700"
+  ), data: { sidebar_target: 'chatLink' } do %>
+  <span class="flex-1 truncate transition-opacity duration-200" data-sidebar-target="chatTitle"><%= title %></span>
+  <div class="opacity-0 group-hover:opacity-100 transition-opacity shrink-0 flex gap-1" data-sidebar-target="chatActions">
+    <button type="button" class="p-1 hover:bg-neutral-300 dark:hover:bg-neutral-600 rounded text-neutral-600 dark:text-neutral-400" title="Edit">
+      <%= icon "pencil-square", class: "size-3.5" %>
+    </button>
+    <button type="button" class="p-1 hover:bg-neutral-300 dark:hover:bg-neutral-600 rounded text-neutral-600 dark:text-neutral-400" title="Delete">
+      <%= icon "trash", class: "size-3.5" %>
+    </button>
+  </div>
+<% end %>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_message.html.erb ADDED Viewed

@@ -0,0 +1,69 @@
+<%# locals: (user: false) %>
+<% if user %>
+<article class="relative group">
+  <div class="flex justify-end mb-1">
+    <div class="chat">
+      <div class="prose prose-neutral dark:prose-invert" data-controller="markdown hightlight code-block" data-markdown-target="content">
+        <%= yield %>
+      </div>
+    </div>
+  </div>
+  <div class="flex justify-end transition-opacity duration-300 opacity-0 group-hover:opacity-100">
+    <button type="button" class="btn btn-ghost size-8 btn-rounded group" data-controller="railsui-tooltip" data-railsui-tooltip-content-value="Edit">
+      <%= icon "pencil", custom_path: "/railsui/icons/pencil.svg", class: "size-4 stroke-current shrink-0 stroke-[2] stroke-neutral-500 group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Edit</span>
+    </button>
+    <button type="button" class="btn btn-ghost size-8 group btn-rounded" data-controller="railsui-tooltip railsui-clipboard" data-action="railsui-clipboard#copy" data-railsui-tooltip-content-value="Copy">
+      <input type="hidden" data-railsui-clipboard-target="content" value="Message content goes here..." class="hidden" readonly>
+      <%= icon "copy", custom_path: "/railsui/icons/copy.svg", class: "size-4 stroke-current shrink-0 stroke-[2] stroke-neutral-500 group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Copy</span>
+    </button>
+  </div>
+</article>
+<% else %>
+<article class="relative w-full group">
+  <div class="absolute top-0 flex flex-col transition-opacity duration-300 opacity-0 -left-10 group-hover:opacity-100">
+    <button type="button" class="btn btn-ghost size-8 group btn-rounded" data-controller="railsui-tooltip railsui-clipboard" data-action="railsui-clipboard#copy" data-railsui-tooltip-content-value="Copy">
+      <input type="hidden" data-railsui-clipboard-target="content" value="Message content goes here..." class="hidden" readonly>
+      <%= icon "copy", custom_path: "/railsui/icons/copy.svg", class: "size-4 stroke-current shrink-0 stroke-[2] stroke-neutral-500 group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Copy</span>
+    </button>
+  </div>
+  <div class="max-w-full pb-2 mb-2 prose prose-neutral dark:prose-invert border-neutral-300/80 dark:border-neutral-700/80 prose-pre:p-0 prose-pre:bg-transparent prose-pre:border dark:prose-pre:border-neutral-700/80" data-controller="markdown highlight code-block" data-markdown-target="content" data-highlight-target="code">
+    <%= yield %>
+  </div>
+  <footer class="flex items-center gap-3">
+    <button type="button" class="size-6 btn btn-rounded btn-ghost group" data-controller="railsui-tooltip" data-railsui-tooltip-content-value="Regenerate">
+       <%= icon "arrow-path", class: "size-4 stroke-current shrink-0 stroke-neutral-500 stroke-[2] group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Regenerate</span>
+    </button>
+    <button type="button" class="size-6 btn btn-rounded btn-ghost group" data-controller="railsui-tooltip railsui-clipboard" data-action="railsui-clipboard#copy" data-railsui-tooltip-content-value="Copy">
+      <input type="hidden" data-railsui-clipboard-target="content" value="Message content goes here..." class="hidden" readonly>
+      <%= icon "copy", custom_path: "/railsui/icons/copy.svg", class: "size-4 stroke-current shrink-0 stroke-neutral-500 stroke-[2] group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Copy</span>
+    </button>
+    <button type="button" class="size-6 btn btn-rounded btn-ghost group" data-controller="railsui-tooltip railsui-clipboard" data-railsui-tooltip-content-value="Copy share link" data-action="railsui-clipboard#copy">
+      <input type="hidden" data-railsui-clipboard-target="content" value="https://railsui.com/chat/XDRSLG" class="hidden" readonly>
+       <%= icon "arrow-up-tray", class: "size-4 stroke-current shrink-0 stroke-neutral-500 stroke-[2] group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Share</span>
+    </button>
+    <button type="button" class="size-6 btn btn-rounded btn-ghost group" data-controller="railsui-tooltip" data-railsui-tooltip-content-value="Like">
+       <%= icon "hand-thumb-up", class: "size-4 stroke-current shrink-0 stroke-neutral-500 stroke-[2] group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Like</span>
+    </button>
+    <button type="button" class="size-6 btn btn-rounded btn-ghost group" data-controller="railsui-tooltip" data-railsui-tooltip-content-value="Dislike">
+      <%= icon "hand-thumb-down", class: "size-4 stroke-current shrink-0 stroke-neutral-500 stroke-[2] group-hover:stroke-neutral-600 dark:group-hover:stroke-neutral-400 dark:hover:stroke-neutral-200" %>
+      <span class="sr-only">Dislike</span>
+    </button>
+  </footer>
+</article>
+<% end %>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/chat/_model_select.html.erb ADDED Viewed

@@ -0,0 +1,55 @@
+<%# locals: (menu_position: "down") %>
+<div class="relative flex justify-end w-64" data-controller="railsui-combobox" data-action="click@window->railsui-combobox#handleOutsideClick" data-railsui-combobox-active-class-value="bg-white cursor-pointer text-neutral-800 dark:hover:bg-neutral-800 dark:bg-neutral-700 dark:text-neutral-100" data-railsui-combobox-inactive-class-value="bg-white cursor-pointer text-neutral-800 dark:hover:bg-neutral-900 dark:bg-neutral-800 dark:text-neutral-100 aria-selected:dark:hover:bg-neutral-900 arias-selected:dark:bg-neutral-900 aria-selected:dark:text-neutral-100">
+  <!-- Hidden input for form submission -->
+  <input type="hidden" name="selected_option" data-railsui-combobox-target="hiddenInput" />
+  <!-- Top-level combobox button -->
+  <div aria-expanded="false" aria-controls="combobox-list" aria-labelledby="combobox-label" data-action="click->railsui-combobox#toggleDropdown keydown.enter->railsui-combobox#toggleDropdown" data-railsui-combobox-target="box" role="combobox" tabindex="0" class="btn btn-ghost btn-rounded">
+    <span id="combobox-label" class="sr-only">Corg 3</span>
+    <span data-railsui-combobox-target="text">Corg 3</span>
+    <%= icon "chevron-down", class: "size-4 stroke-current" %>
+  </div>
+  <!-- combobox dropdown -->
+  <div data-railsui-combobox-target="list" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95" data-action="keydown.esc->railsui-combobox#hideDropdown" class="dropdown-menu <%= menu_position == "up" ? "left-0 top-auto bottom-10 origin-bottom" : "origin-top md:top-10 md:bottom-auto bottom-10" %>" role="listbox" aria-labelledby="combobox-label">
+    <!-- Search input inside dropdown -->
+    <div class="p-2">
+      <label for="combobox-search" class="sr-only">Search</label>
+      <div class="relative">
+        <input id="combobox-search" type="text" placeholder="Search..." autocomplete="off" aria-autocomplete="list" data-railsui-combobox-target="input" data-action="input->railsui-combobox#filter keydown->railsui-combobox#handleKeydown" class="rounded-3xl pr-3 pl-8 py-1.5 border border-neutral-400/40 bg-white dark:bg-neutral-800 dark:text-neutral-100 focus:border-neutral-400/80 focus:ring-4 focus:ring-neutral-400/10 dark:border-neutral-700/80 dark:focus:ring-neutral-600/10 dark:placeholder:text-neutral-500 focus:shadow-none focus:outline-none placeholder-neutral-600/80 font-normal antialiased font-sans w-full shadow-neutral-200/30 shadow-sm dark:shadow-none">
+          <%= icon "magnifying-glass", class: "size-4 top-3 left-3 absolute stroke-neutral-400" %>
+      </div>
+    </div>
+    <!-- List of options -->
+    <ul role="presentation">
+      <li id="option-1" aria-selected="false" data-action="click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption" data-railsui-combobox-target="option" data-value="corg-3" class="flex items-center justify-between px-4 py-2 bg-white cursor-pointer text-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-900 dark:bg-neutral-800 dark:text-neutral-100 aria-selected:dark:hover:bg-neutral-900 arias-selected:dark:bg-neutral-900 aria-selected:dark:text-neutral-100" role="option" tabindex="0">
+        Corg 3
+        <span data-railsui-combobox-target="checkmark" class="hidden" aria-hidden="true">
+          <%= icon "check", class: "text-neutral-500 dark:text-neutral-50 size-4" %>
+        </span>
+      </li>
+      <li id="option-2" aria-selected="false" data-action="click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption" data-value="corg-3.5" data-railsui-combobox-target="option" class="flex items-center justify-between px-4 py-2 bg-white cursor-pointer text-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-900 dark:bg-neutral-800 dark:text-neutral-100 aria-selected:dark:hover:bg-neutral-900 arias-selected:dark:bg-neutral-900 aria-selected:dark:text-neutral-100" role="option" tabindex="0">
+        Corg 3.5
+        <span data-railsui-combobox-target="checkmark" class="hidden" aria-hidden="true">
+          <%= icon "check", class: "text-neutral-500 dark:text-neutral-50 size-4" %>
+        </span>
+      </li>
+      <li id="option-3" aria-selected="false" data-action="click->railsui-combobox#selectOption keydown.enter->railsui-combobox#selectOption" data-railsui-combobox-target="option" data-value="corg-4" class="flex items-center justify-between px-4 py-2 bg-white cursor-pointer hover:bg-neutral-100 text-neutral-800 dark:hover:bg-neutral-900 dark:bg-neutral-800 dark:text-neutral-100 aria-selected:dark:hover:bg-neutral-900 arias-selected:dark:bg-neutral-900 aria-selected:dark:text-neutral-100" tabindex="0" role="option">
+        Corg 4
+        <span data-railsui-combobox-target="checkmark" class="hidden" aria-hidden="true">
+          <%= icon "check", class: "text-neutral-500 dark:text-neutral-50 size-4" %>
+        </span>
+      </li>
+    </ul>
+    <!-- No results message -->
+    <div data-railsui-combobox-target="noresults" class="hidden px-4 py-2 text-neutral-500" aria-hidden="true">
+      No results found
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/common/_cta_section.html.erb ADDED Viewed

@@ -0,0 +1,16 @@
+<%# locals: (bg_class:"", title:, description: , primary_text:, primary_link:, secondary_text: nil, secondary_link: nil) %>
+<!-- Call-to-Action Section -->
+<div class="<%= bg_class.present? ? bg_class : "px-6 py-20 bg-neutral-50 dark:bg-neutral-900/50" %>">
+  <div class="max-w-4xl mx-auto text-center">
+    <h2 class="mb-6 h2"><%= title %></h2>
+    <p class="mb-8 text-xl text-neutral-600 dark:text-neutral-400">   <%= description %>
+    </p>
+    <div class="flex flex-col gap-4 sm:flex-row sm:justify-center">
+      <%= link_to primary_text, primary_link, class: "btn btn-white" %>
+      <% if secondary_text %>
+        <%= link_to secondary_text, secondary_link, class: "btn btn-white" %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/common/_feature_card.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<%# locals:(icon_name: "code-bracket", icon_class: "size-5 text-green-600", icon_container_class: "size-12 bg-green-100", title: nil, title_class: "h6 my-1",
+description: nil,  button_text: "View Docs", button_class: "btn btn-primary", button_url: "#") %>
+<!-- Feature Card Component -->
+<div class="text-center">
+  <div class="flex items-center justify-center mx-auto mb-6 rounded-lg <%= icon_container_class %>">
+    <%= icon icon_name, class: icon_class %>
+  </div>
+  <% if title %>
+  <h3 class="<%= title_class %>"><%= title %></h3>
+  <% end %>
+  <% if description %>
+    <div class="prose-sm prose-neutral dark:prose-invert mb-4 text-center">
+      <p><%= description %></p>
+    </div>
+  <% end %>
+  <% if button_url %>
+    <%= link_to button_text, button_url, class: button_class %>
+  <% end %>
+</div>

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/common/_feature_check_item.html.erb ADDED Viewed

@@ -0,0 +1,6 @@
+<%# locals: (title: ) %>
+<!-- Feature Check Item -->
+<div class="flex items-center gap-3">
+  <%= icon "check", class: "size-5 text-green-500" %>
+  <span class="text-neutral-700 dark:text-neutral-300"><%= text %></span>
+</div>