panda-core 0.2.3 → 0.4.1

data/app/javascript/panda/core/vendor/@rails--actioncable--src.js

@@ -0,0 +1,4 @@
+// @rails/actioncable/src@7.2.101 downloaded from https://ga.jspm.io/npm:@rails/actioncable@7.2.101/src/index.js
+
+var t={logger:typeof console!=="undefined"?console:void 0,WebSocket:typeof WebSocket!=="undefined"?WebSocket:void 0};var e={log(...e){if(this.enabled){e.push(Date.now());t.logger.log("[ActionCable]",...e)}}};const now=()=>(new Date).getTime();const secondsSince=t=>(now()-t)/1e3;class ConnectionMonitor{constructor(t){this.visibilityDidChange=this.visibilityDidChange.bind(this);this.connection=t;this.reconnectAttempts=0}start(){if(!this.isRunning()){this.startedAt=now();delete this.stoppedAt;this.startPolling();addEventListener("visibilitychange",this.visibilityDidChange);e.log(`ConnectionMonitor started. stale threshold = ${this.constructor.staleThreshold} s`)}}stop(){if(this.isRunning()){this.stoppedAt=now();this.stopPolling();removeEventListener("visibilitychange",this.visibilityDidChange);e.log("ConnectionMonitor stopped")}}isRunning(){return this.startedAt&&!this.stoppedAt}recordMessage(){this.pingedAt=now()}recordConnect(){this.reconnectAttempts=0;delete this.disconnectedAt;e.log("ConnectionMonitor recorded connect")}recordDisconnect(){this.disconnectedAt=now();e.log("ConnectionMonitor recorded disconnect")}startPolling(){this.stopPolling();this.poll()}stopPolling(){clearTimeout(this.pollTimeout)}poll(){this.pollTimeout=setTimeout((()=>{this.reconnectIfStale();this.poll()}),this.getPollInterval())}getPollInterval(){const{staleThreshold:t,reconnectionBackoffRate:e}=this.constructor;const n=Math.pow(1+e,Math.min(this.reconnectAttempts,10));const i=this.reconnectAttempts===0?1:e;const o=i*Math.random();return t*1e3*n*(1+o)}reconnectIfStale(){if(this.connectionIsStale()){e.log(`ConnectionMonitor detected stale connection. reconnectAttempts = ${this.reconnectAttempts}, time stale = ${secondsSince(this.refreshedAt)} s, stale threshold = ${this.constructor.staleThreshold} s`);this.reconnectAttempts++;if(this.disconnectedRecently())e.log(`ConnectionMonitor skipping reopening recent disconnect. time disconnected = ${secondsSince(this.disconnectedAt)} s`);else{e.log("ConnectionMonitor reopening");this.connection.reopen()}}}get refreshedAt(){return this.pingedAt?this.pingedAt:this.startedAt}connectionIsStale(){return secondsSince(this.refreshedAt)>this.constructor.staleThreshold}disconnectedRecently(){return this.disconnectedAt&&secondsSince(this.disconnectedAt)<this.constructor.staleThreshold}visibilityDidChange(){document.visibilityState==="visible"&&setTimeout((()=>{if(this.connectionIsStale()||!this.connection.isOpen()){e.log(`ConnectionMonitor reopening stale connection on visibilitychange. visibilityState = ${document.visibilityState}`);this.connection.reopen()}}),200)}}ConnectionMonitor.staleThreshold=6;ConnectionMonitor.reconnectionBackoffRate=.15;var n={message_types:{welcome:"welcome",disconnect:"disconnect",ping:"ping",confirmation:"confirm_subscription",rejection:"reject_subscription"},disconnect_reasons:{unauthorized:"unauthorized",invalid_request:"invalid_request",server_restart:"server_restart",remote:"remote"},default_mount_path:"/cable",protocols:["actioncable-v1-json","actioncable-unsupported"]};const{message_types:i,protocols:o}=n;const s=o.slice(0,o.length-1);const r=[].indexOf;class Connection{constructor(t){this.open=this.open.bind(this);this.consumer=t;this.subscriptions=this.consumer.subscriptions;this.monitor=new ConnectionMonitor(this);this.disconnected=true}send(t){if(this.isOpen()){this.webSocket.send(JSON.stringify(t));return true}return false}open(){if(this.isActive()){e.log(`Attempted to open WebSocket, but existing socket is ${this.getState()}`);return false}{const n=[...o,...this.consumer.subprotocols||[]];e.log(`Opening WebSocket, current state is ${this.getState()}, subprotocols: ${n}`);this.webSocket&&this.uninstallEventHandlers();this.webSocket=new t.WebSocket(this.consumer.url,n);this.installEventHandlers();this.monitor.start();return true}}close({allowReconnect:t}={allowReconnect:true}){t||this.monitor.stop();if(this.isOpen())return this.webSocket.close()}reopen(){e.log(`Reopening WebSocket, current state is ${this.getState()}`);if(!this.isActive())return this.open();try{return this.close()}catch(t){e.log("Failed to reopen WebSocket",t)}finally{e.log(`Reopening WebSocket in ${this.constructor.reopenDelay}ms`);setTimeout(this.open,this.constructor.reopenDelay)}}getProtocol(){if(this.webSocket)return this.webSocket.protocol}isOpen(){return this.isState("open")}isActive(){return this.isState("open","connecting")}triedToReconnect(){return this.monitor.reconnectAttempts>0}isProtocolSupported(){return r.call(s,this.getProtocol())>=0}isState(...t){return r.call(t,this.getState())>=0}getState(){if(this.webSocket)for(let e in t.WebSocket)if(t.WebSocket[e]===this.webSocket.readyState)return e.toLowerCase();return null}installEventHandlers(){for(let t in this.events){const e=this.events[t].bind(this);this.webSocket[`on${t}`]=e}}uninstallEventHandlers(){for(let t in this.events)this.webSocket[`on${t}`]=function(){}}}Connection.reopenDelay=500;Connection.prototype.events={message(t){if(!this.isProtocolSupported())return;const{identifier:n,message:o,reason:s,reconnect:r,type:c}=JSON.parse(t.data);this.monitor.recordMessage();switch(c){case i.welcome:this.triedToReconnect()&&(this.reconnectAttempted=true);this.monitor.recordConnect();return this.subscriptions.reload();case i.disconnect:e.log(`Disconnecting. Reason: ${s}`);return this.close({allowReconnect:r});case i.ping:return null;case i.confirmation:this.subscriptions.confirmSubscription(n);if(this.reconnectAttempted){this.reconnectAttempted=false;return this.subscriptions.notify(n,"connected",{reconnected:true})}return this.subscriptions.notify(n,"connected",{reconnected:false});case i.rejection:return this.subscriptions.reject(n);default:return this.subscriptions.notify(n,"received",o)}},open(){e.log(`WebSocket onopen event, using '${this.getProtocol()}' subprotocol`);this.disconnected=false;if(!this.isProtocolSupported()){e.log("Protocol is unsupported. Stopping monitor and disconnecting.");return this.close({allowReconnect:false})}},close(t){e.log("WebSocket onclose event");if(!this.disconnected){this.disconnected=true;this.monitor.recordDisconnect();return this.subscriptions.notifyAll("disconnected",{willAttemptReconnect:this.monitor.isRunning()})}},error(){e.log("WebSocket onerror event")}};const extend=function(t,e){if(e!=null)for(let n in e){const i=e[n];t[n]=i}return t};class Subscription{constructor(t,e={},n){this.consumer=t;this.identifier=JSON.stringify(e);extend(this,n)}perform(t,e={}){e.action=t;return this.send(e)}send(t){return this.consumer.send({command:"message",identifier:this.identifier,data:JSON.stringify(t)})}unsubscribe(){return this.consumer.subscriptions.remove(this)}}class SubscriptionGuarantor{constructor(t){this.subscriptions=t;this.pendingSubscriptions=[]}guarantee(t){if(this.pendingSubscriptions.indexOf(t)==-1){e.log(`SubscriptionGuarantor guaranteeing ${t.identifier}`);this.pendingSubscriptions.push(t)}else e.log(`SubscriptionGuarantor already guaranteeing ${t.identifier}`);this.startGuaranteeing()}forget(t){e.log(`SubscriptionGuarantor forgetting ${t.identifier}`);this.pendingSubscriptions=this.pendingSubscriptions.filter((e=>e!==t))}startGuaranteeing(){this.stopGuaranteeing();this.retrySubscribing()}stopGuaranteeing(){clearTimeout(this.retryTimeout)}retrySubscribing(){this.retryTimeout=setTimeout((()=>{this.subscriptions&&typeof this.subscriptions.subscribe==="function"&&this.pendingSubscriptions.map((t=>{e.log(`SubscriptionGuarantor resubscribing ${t.identifier}`);this.subscriptions.subscribe(t)}))}),500)}}class Subscriptions{constructor(t){this.consumer=t;this.guarantor=new SubscriptionGuarantor(this);this.subscriptions=[]}create(t,e){const n=t;const i=typeof n==="object"?n:{channel:n};const o=new Subscription(this.consumer,i,e);return this.add(o)}add(t){this.subscriptions.push(t);this.consumer.ensureActiveConnection();this.notify(t,"initialized");this.subscribe(t);return t}remove(t){this.forget(t);this.findAll(t.identifier).length||this.sendCommand(t,"unsubscribe");return t}reject(t){return this.findAll(t).map((t=>{this.forget(t);this.notify(t,"rejected");return t}))}forget(t){this.guarantor.forget(t);this.subscriptions=this.subscriptions.filter((e=>e!==t));return t}findAll(t){return this.subscriptions.filter((e=>e.identifier===t))}reload(){return this.subscriptions.map((t=>this.subscribe(t)))}notifyAll(t,...e){return this.subscriptions.map((n=>this.notify(n,t,...e)))}notify(t,e,...n){let i;i=typeof t==="string"?this.findAll(t):[t];return i.map((t=>typeof t[e]==="function"?t[e](...n):void 0))}subscribe(t){this.sendCommand(t,"subscribe")&&this.guarantor.guarantee(t)}confirmSubscription(t){e.log(`Subscription confirmed ${t}`);this.findAll(t).map((t=>this.guarantor.forget(t)))}sendCommand(t,e){const{identifier:n}=t;return this.consumer.send({command:e,identifier:n})}}class Consumer{constructor(t){this._url=t;this.subscriptions=new Subscriptions(this);this.connection=new Connection(this);this.subprotocols=[]}get url(){return createWebSocketURL(this._url)}send(t){return this.connection.send(t)}connect(){return this.connection.open()}disconnect(){return this.connection.close({allowReconnect:false})}ensureActiveConnection(){if(!this.connection.isActive())return this.connection.open()}addSubProtocol(t){this.subprotocols=[...this.subprotocols,t]}}function createWebSocketURL(t){typeof t==="function"&&(t=t());if(t&&!/^wss?:/i.test(t)){const e=document.createElement("a");e.href=t;e.href=e.href;e.protocol=e.protocol.replace("http","ws");return e.href}return t}function createConsumer(t=getConfig("url")||n.default_mount_path){return new Consumer(t)}function getConfig(t){const e=document.head.querySelector(`meta[name='action-cable-${t}']`);if(e)return e.getAttribute("content")}export{Connection,ConnectionMonitor,Consumer,n as INTERNAL,Subscription,SubscriptionGuarantor,Subscriptions,t as adapters,createConsumer,createWebSocketURL,getConfig,e as logger};
+

data/app/models/panda/core/user.rb

@@ -10,37 +10,41 @@ module Panda
       before_save :downcase_email
 
       # Scopes
-      scope :admin, -> { where(admin: true) }
+      scope :admin, -> { where(is_admin: true) }
 
       def self.find_or_create_from_auth_hash(auth_hash)
         user = find_by(email: auth_hash.info.email.downcase)
         return user if user
 
-        # Parse name into first and last
-        full_name = auth_hash.info.name || "Unknown User"
-        name_parts = full_name.split(" ", 2)
-
         create!(
           email: auth_hash.info.email.downcase,
-          firstname: name_parts[0] || "Unknown",
-          lastname: name_parts[1] || "",
+          name: auth_hash.info.name || "Unknown User",
           image_url: auth_hash.info.image,
-          admin: User.count.zero? # First user is admin
+          is_admin: User.count.zero? # First user is admin
         )
       end
 
       def admin?
-        admin == true
-      end
-
-      def name
-        "#{firstname} #{lastname}".strip
+        is_admin?
       end
 
       def active_for_authentication?
         true
       end
 
+      def name
+        # Support both schema versions:
+        # - Main app: has 'name' column
+        # - Test app: has 'firstname' and 'lastname' columns
+        if respond_to?(:firstname) && respond_to?(:lastname)
+          "#{firstname} #{lastname}".strip
+        elsif self[:name].present?
+          self[:name]
+        else
+          email&.split("@")&.first || "Unknown User"
+        end
+      end
+
       private
 
       def downcase_email

data/app/views/layouts/panda/core/admin.html.erb

@@ -1,59 +1,42 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full bg-white">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-    
-    <title><%= content_for(:title) || "Panda Admin" %></title>
-    
-    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
-    
-    <% if Rails.env.test? || ENV["CI"].present? %>
-      <!-- Load compiled Panda Core assets for test environment -->
-      <link rel="stylesheet" href="/panda-core-assets/panda-core-<%= Panda::Core::VERSION %>.css">
-      <script src="/panda-core-assets/panda-core-<%= Panda::Core::VERSION %>.js" defer></script>
-      
-      <% if defined?(Panda::CMS) %>
-        <!-- Also load Panda CMS assets if CMS is present -->
-        <link rel="stylesheet" href="/panda-cms-assets/panda-cms-<%= Panda::CMS::VERSION %>.css">
-        <script src="/panda-cms-assets/panda-cms-<%= Panda::CMS::VERSION %>.js" defer></script>
-      <% end %>
-    <% else %>
-      <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>
-    <% end %>
-    
-    <%= yield :admin_head_extra %>
-  </head>
-  
-  <body class="h-full">
-    <div class="flex h-full" id="panda-container">
-      <div class="absolute top-0 w-full lg:flex lg:fixed lg:inset-y-0 lg:z-50 lg:flex-col lg:w-72">
-        <div class="flex overflow-y-auto flex-col gap-y-5 px-4 pb-4 max-h-16 bg-gradient-to-br lg:max-h-full grow from-gray-900 to-gray-700">
-          <%= render "panda/core/admin/shared/sidebar" %>
-          <%= yield :admin_sidebar_extra %>
-        </div>
-      </div>
-      
-      <div class="flex flex-col flex-1 mt-16 ml-0 lg:mt-0 lg:ml-72" id="panda-inner-container">
-        <section id="panda-main" class="flex flex-row h-full">
-          <div class="flex-1 h-full" id="panda-core-primary-content">
-            <%= render "panda/core/admin/shared/breadcrumbs" if respond_to?(:breadcrumbs) %>
-            <%= render "panda/core/admin/shared/flash" %>
-            
-            <%= yield %>
-            
-            <% if content_for?(:sidebar) %>
-              <%= render "panda/core/admin/shared/slideover" do %>
-                <%= yield :sidebar %>
-              <% end %>
-            <% end %>
+<%= render "panda/core/shared/header", html_class: "h-full bg-white" %>
+<div class="flex h-full" id="panda-container">
+  <div class="absolute top-0 w-full lg:flex lg:fixed lg:inset-y-0 lg:z-50 lg:flex-col lg:w-72">
+    <div class="flex overflow-y-auto flex-col gap-y-5 px-4 pb-4 max-h-16 bg-gradient-admin lg:max-h-full grow" data-transition-enter="transition-all ease-in-out duration-300" data-transition-enter-from="m-h-16" data-transition-enter-to="max-h-full" data-transition-leave="transition-all ease-in-out duration-300" data-transition-leave-from="max-h-full" data-transition-leave-to="max-h-16">
+      <%= render "panda/core/admin/shared/sidebar" %>
+    </div>
+  </div>
+  <div class="flex flex-col flex-1 mt-16 ml-0 lg:mt-0 lg:ml-72" id="panda-inner-container" <% if content_for :sidebar %> data-controller="toggle" data-action="keydown.esc->modal#close" tabindex="-1"<% end %>>
+  <section id="panda-main" class="flex flex-row h-full">
+    <div class="flex-1 h-full" id="panda-primary-content">
+      <%= render "panda/core/admin/shared/breadcrumbs" %>
+      <%= render "panda/core/admin/shared/flash" %>
+      <%= yield %>
+    </div>
+    <% if content_for :sidebar %>
+      <div data-toggle-target="toggleable" class="hidden flex absolute right-0 flex-col h-full bg-white divide-y divide-gray-200 shadow-xl basis-3/12"
+            data-transition-enter="transform transition ease-in-out duration-500"
+            data-transition-enter-from="translate-x-full"
+            data-transition-enter-to="translate-x-0"
+            data-transition-leave="transform transition ease-in-out duration-500"
+            data-transition-leave-from="translate-x-full"
+            data-transition-leave-to="translate-x-0"
+            id="slideover">
+        <div class="overflow-y-auto flex-1 h-0">
+          <div class="py-3 px-4 mb-4 bg-black">
+            <div class="flex justify-between items-center">
+              <h2 class="text-base font-semibold leading-6 text-white" id="slideover-title"><i class="mr-2 fa-solid fa-gear"></i> <%= yield :sidebar_title %> </h2>
+              <button type="button" data-action="click->toggle#toggle touch->toggle#toggle"><i class="font-bold text-white fa-solid fa-xmark right"></i></button>
+            </div>
           </div>
-        </section>
-        
-        <%= yield :admin_footer_extra %>
+          <div class="flex flex-col flex-1 justify-between">
+            <div class="px-4 space-y-6">
+              <%= yield :sidebar %>
+            </div>
+          </div>
+        </div>
       </div>
-    </div>
-  </body>
-</html>
+    <% end %>
+  </section>
+</div>
+</div>
+<%= render "panda/core/shared/footer" %>

data/app/views/layouts/panda/core/admin_simple.html.erb

@@ -0,0 +1,5 @@
+<%= render "panda/core/shared/header", html_class: "h-full", body_class: "bg-gradient-admin" %>
+<div class="flex flex-col items-center justify-center min-h-screen px-4">
+  <%= yield %>
+</div>
+<%= render "panda/core/shared/footer" %>

data/app/views/panda/core/admin/dashboard/_default_content.html.erb

@@ -0,0 +1,73 @@
+<div class="mt-5">
+  <div class="p-6 bg-white shadow rounded-lg">
+    <h2 class="text-lg font-medium text-gray-900">Welcome to Panda Admin</h2>
+    <p class="mt-1 text-sm text-gray-500">Manage your application from this central dashboard.</p>
+  </div>
+
+  <div class="mt-6 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
+    <% if defined?(Panda::CMS) %>
+      <div class="bg-white overflow-hidden shadow rounded-lg">
+        <div class="px-4 py-5 sm:p-6">
+          <div class="flex items-center">
+            <div class="flex-shrink-0">
+              <i class="fa-solid fa-file-lines text-3xl text-gray-400"></i>
+            </div>
+            <div class="ml-5 w-0 flex-1">
+              <dt class="text-sm font-medium text-gray-500 truncate">Content Management</dt>
+              <dd class="mt-1 text-lg font-semibold text-gray-900">
+                <%= link_to "Manage CMS", panda_cms.admin_cms_dashboard_path, class: "text-indigo-600 hover:text-indigo-900" %>
+              </dd>
+            </div>
+          </div>
+          <div class="mt-3">
+            <p class="text-sm text-gray-500">Pages, posts, menus, and content blocks</p>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <div class="bg-white overflow-hidden shadow rounded-lg">
+      <div class="px-4 py-5 sm:p-6">
+        <div class="flex items-center">
+          <div class="flex-shrink-0">
+            <i class="fa-regular fa-user text-3xl text-gray-400"></i>
+          </div>
+          <div class="ml-5 w-0 flex-1">
+            <dt class="text-sm font-medium text-gray-500 truncate">My Profile</dt>
+            <dd class="mt-1 text-lg font-semibold text-gray-900">
+              <%= link_to "Edit Profile", edit_admin_my_profile_path, class: "text-indigo-600 hover:text-indigo-900" %>
+            </dd>
+          </div>
+        </div>
+        <div class="mt-3">
+          <p class="text-sm text-gray-500">Update your personal information</p>
+        </div>
+      </div>
+    </div>
+
+    <% # Hook for additional dashboard cards %>
+    <% if Panda::Core.config.respond_to?(:admin_dashboard_cards) %>
+      <% cards = Panda::Core.config.admin_dashboard_cards&.call(current_user) %>
+      <% cards&.each do |card| %>
+        <div class="bg-white overflow-hidden shadow rounded-lg">
+          <div class="px-4 py-5 sm:p-6">
+            <div class="flex items-center">
+              <div class="flex-shrink-0">
+                <i class="<%= card[:icon] %> text-3xl text-gray-400"></i>
+              </div>
+              <div class="ml-5 w-0 flex-1">
+                <dt class="text-sm font-medium text-gray-500 truncate"><%= card[:title] %></dt>
+                <dd class="mt-1 text-lg font-semibold text-gray-900">
+                  <%= link_to card[:link_text], card[:path], class: "text-indigo-600 hover:text-indigo-900" %>
+                </dd>
+              </div>
+            </div>
+            <div class="mt-3">
+              <p class="text-sm text-gray-500"><%= card[:description] %></p>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/panda/core/admin/dashboard/show.html.erb

@@ -3,8 +3,8 @@
     <% container.with_heading(text: "Dashboard", level: 1) %>
     
     <% # Hook for dashboard widgets %>
-    <% if Panda::Core.configuration.admin_dashboard_widgets %>
-      <% widgets = Panda::Core.configuration.admin_dashboard_widgets.call(current_user) %>
+    <% if Panda::Core.config.admin_dashboard_widgets %>
+      <% widgets = Panda::Core.config.admin_dashboard_widgets.call(current_user) %>
       <% if widgets && widgets.any? %>
         <div class="grid grid-cols-1 gap-5 mt-5 sm:grid-cols-3">
           <% widgets.each do |widget| %>
@@ -12,16 +12,10 @@
           <% end %>
         </div>
       <% else %>
-        <div class="mt-5 p-6 bg-white shadow rounded-lg">
-          <h2 class="text-lg font-medium text-gray-900">Welcome to Panda Core Admin</h2>
-          <p class="mt-1 text-sm text-gray-500">Configure dashboard widgets to display custom content here.</p>
-        </div>
+        <%= render "panda/core/admin/dashboard/default_content" %>
       <% end %>
     <% else %>
-      <div class="mt-5 p-6 bg-white shadow rounded-lg">
-        <h2 class="text-lg font-medium text-gray-900">Welcome to Panda Core Admin</h2>
-        <p class="mt-1 text-sm text-gray-500">No dashboard widgets configured.</p>
-      </div>
+      <%= render "panda/core/admin/dashboard/default_content" %>
     <% end %>
   <% end %>
 </div>

data/app/views/panda/core/admin/my_profile/edit.html.erb

@@ -1,49 +1,35 @@
 <%= render Panda::Core::Admin::ContainerComponent.new do |component| %>
-  <% component.with_heading(text: "My Profile", level: 1) %>
+  <% component.heading(text: "My Profile", level: 1) %>
 
   <%= form_with model: user,
-                url: admin_my_profile_path,
-                method: :patch,
-                local: true,
-                data: { controller: "theme-form" } do |f| %>
-    <% if user.errors.any? %>
-      <div class="mb-4 p-4 bg-red-50 border border-red-200 rounded-md">
-        <div class="text-sm text-red-600">
-          <% user.errors.full_messages.each do |message| %>
-            <p><%= message %></p>
-          <% end %>
-        </div>
-      </div>
-    <% end %>
+              url: admin_my_profile_path,
+              method: :patch,
+              local: true,
+              data: { controller: "theme-form" } do |f| %>
+    <%= render Panda::Core::Admin::FormErrorComponent.new(model: user) %>
 
     <div class="space-y-4">
       <div class="field">
-        <%= f.label :firstname, "First Name", class: "block text-sm font-medium text-gray-700" %>
-        <%= f.text_field :firstname, class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" %>
-      </div>
-
-      <div class="field">
-        <%= f.label :lastname, "Last Name", class: "block text-sm font-medium text-gray-700" %>
-        <%= f.text_field :lastname, class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" %>
+        <%= f.label :name %>
+        <%= f.text_field :name %>
       </div>
 
       <div class="field">
-        <%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
-        <%= f.email_field :email, class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" %>
+        <%= f.label :email %>
+        <%= f.email_field :email %>
       </div>
 
       <div class="field">
-        <%= f.label :current_theme, "Theme", class: "block text-sm font-medium text-gray-700" %>
+        <%= f.label :current_theme, "Theme" %>
         <%= f.select :current_theme,
-                     options_for_select(Panda::Core.configuration.available_themes || [["Default", "default"], ["Sky", "sky"]], user.current_theme),
+                     options_for_select(Panda::Core.config.available_themes || [["Default", "default"], ["Sky", "sky"]], user.current_theme),
                      {},
-                     class: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",
                      data: { action: "change->theme-form#updateTheme" } %>
       </div>
     </div>
 
     <%= f.submit "Update Profile",
-        class: "btn btn-primary mt-6",
+        class: "btn btn-primary mt-4",
         data: { disable_with: "Saving..." } %>
   <% end %>
 <% end %>

data/app/views/panda/core/admin/sessions/new.html.erb

@@ -1,22 +1,23 @@
 <div class="flex flex-col justify-center py-12 px-6 min-h-full text-center lg:px-8">
   <div class="text-center sm:mx-auto sm:w-full sm:max-w-sm">
-    <% if Panda::Core.configuration.login_logo_path %>
-      <img src="<%= Panda::Core.configuration.login_logo_path %>" class="py-2 mx-auto w-auto h-32">
+    <% if Panda::Core.config.login_logo_path %>
+      <img src="<%= Panda::Core.config.login_logo_path %>" class="py-2 mx-auto w-auto h-32">
     <% end %>
-    <h2 class="mt-10 mb-6 text-2xl font-bold text-center text-gray-900">
-      <%= Panda::Core.configuration.login_page_title || "Sign in to your account" %>
+    <h2 class="mt-10 mb-6 text-2xl font-bold text-center text-white">
+      <%= Panda::Core.config.login_page_title || "Sign in to your account" %>
     </h2>
   </div>
-  <% if @providers&.any? || Panda::Core.configuration.authentication_providers.any? %>
-    <% providers = @providers || Panda::Core.configuration.authentication_providers.keys %>
+  <% if @providers&.any? || Panda::Core.config.authentication_providers.any? %>
+    <% providers = @providers || Panda::Core.config.authentication_providers.keys %>
     <% providers.each do |provider| %>
+      <% provider_config = Panda::Core.config.authentication_providers[provider] %>
+      <% provider_name = provider_config&.dig(:name) || provider.to_s.humanize %>
+      <% provider_path = provider_config&.dig(:path_name) || provider %>
       <div class="mt-4 text-center sm:mx-auto sm:w-full sm:max-w-sm">
-        <%= form_tag "#{Panda::Core.configuration.admin_path}/auth/#{provider}", method: "post", data: {turbo: false} do %>
-          <button type="submit" id="button-sign-in-<%= provider %>" class="inline-flex gap-x-2 items-center py-2.5 px-3.5 mx-auto mb-4 bg-white rounded-md border min-w-56 border-neutral-400">
-            <% if defined?(FontAwesome) %>
-              <i class="fa-brands fa-<%= provider %> text-xl mr-1"></i>
-            <% end %>
-            Sign in with <%= provider.to_s.humanize %>
+        <%= form_tag "#{Panda::Core.config.admin_path}/auth/#{provider_path}", method: "post", data: {turbo: false} do %>
+          <button type="submit" id="button-sign-in-<%= provider_path %>" class="inline-flex gap-x-2 items-center py-2.5 px-3.5 mx-auto mb-4 bg-white text-gray-900 rounded-md border min-w-56 border-neutral-400 hover:bg-gray-50">
+            <i class="fa-brands fa-<%= oauth_provider_icon(provider) %> text-xl mr-1"></i>
+            Sign in with <%= provider_name %>
           </button>
         <% end %>
       </div>

data/app/views/panda/core/admin/shared/_breadcrumbs.html.erb

@@ -1,35 +1,28 @@
-<% if defined?(@breadcrumbs) && @breadcrumbs.any? %>
-  <div class="flex">
-    <nav class="flex-1 px-4 py-3 text-gray-700 border-b border-gray-200 bg-gray-50" aria-label="Breadcrumb" id="panda-breadcrumbs">
-      <ol class="inline-flex items-center space-x-1 md:space-x-3">
-        <% @breadcrumbs.each_with_index do |breadcrumb, index| %>
-          <li class="inline-flex items-center">
-            <% if index > 0 %>
-              <svg class="w-3 h-3 text-gray-400 mx-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
-                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
-              </svg>
-            <% end %>
-            
-            <% if breadcrumb.path && index < @breadcrumbs.length - 1 %>
-              <%= link_to breadcrumb.label, breadcrumb.path, class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600" %>
-            <% else %>
-              <span class="text-sm font-medium text-gray-500"><%= breadcrumb.label %></span>
-            <% end %>
-          </li>
-        <% end %>
-      </ol>
-    </nav>
-    
-    <% if content_for?(:sidebar) %>
-      <div class="px-4 py-3 border-b border-gray-200 bg-gray-50 text-gray-700" tabindex="-1" data-controller="toggle">
-        <a href="#" id="slideover-toggle" data-action="click->toggle#toggle touch->toggle#toggle" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600">
-          <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-          </svg>
-          <%= yield(:sidebar_title) || "Settings" %>
+<% breadcrumb_styles = "text-black/60 hover:text-black/80" %>
+
+<div class="flex mt-1 -mb-1">
+  <nav aria-label="Breadcrumb" id="panda-breadcrumbs" class="grow">
+    <ol role="list" class="px-4 w-full sm:px-6">
+      <li class="inline-block">
+        <a href="<%= Panda::Core.config.admin_path %>" class="<%= breadcrumb_styles %>">
+          <i class="fa fa-solid fa-house"></i>
+          <span class="sr-only">Home</span>
         </a>
-      </div>
-    <% end %>
-  </div>
-<% end %>
+      </li>
+      <% breadcrumbs.each do |crumb| %>
+        <li class="inline-block">
+          <i class="fa fa-regular fa-chevron-right font-light <%= breadcrumb_styles %> py-5 px-2"></i>
+          <a href="<%= crumb.path %>" class="text-sm font-normal <%= breadcrumb_styles %>"><%= crumb.name %></a>
+        </li>
+      <% end %>
+    </ol>
+  </nav>
+
+  <% if content_for :sidebar %>
+    <div class="pt-4 pr-8 text-black/80" tabindex="-1" data-controller="toggle">
+      <button type="button" id="slideover-toggle" data-action="click->toggle#toggle touch->toggle#toggle" class="text-sm font-light">
+        <i class="mr-1 fa-light fa-gear"></i> <%= yield :sidebar_title %>
+      </button>
+    </div>
+  <% end %>
+</div>

data/app/views/panda/core/admin/shared/_flash.html.erb

@@ -1,31 +1,5 @@
 <% if flash.any? %>
-  <div class="fixed top-4 right-4 z-50 space-y-2">
-    <% flash.each do |type, message| %>
-      <div class="bg-white rounded-lg shadow-lg p-4 max-w-sm" data-controller="flash" data-flash-delay-value="5000">
-        <div class="flex items-start">
-          <div class="flex-shrink-0">
-            <% if type == "success" %>
-              <i class="fa-regular fa-check-circle text-green-500"></i>
-            <% elsif type == "error" %>
-              <i class="fa-regular fa-times-circle text-red-500"></i>
-            <% elsif type == "warning" %>
-              <i class="fa-regular fa-exclamation-triangle text-yellow-500"></i>
-            <% else %>
-              <i class="fa-regular fa-info-circle text-blue-500"></i>
-            <% end %>
-          </div>
-          <div class="ml-3 w-0 flex-1">
-            <p class="text-sm font-medium text-gray-900">
-              <%= message %>
-            </p>
-          </div>
-          <div class="ml-4 flex-shrink-0 flex">
-            <button type="button" class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500" data-action="click->flash#close">
-              <i class="fa-regular fa-times"></i>
-            </button>
-          </div>
-        </div>
-      </div>
-    <% end %>
-  </div>
-<% end %>
+  <% flash.each do |kind, message| %>
+    <%= render Panda::Core::Admin::FlashMessageComponent.new(kind: kind.to_sym, message: message) %>
+  <% end %>
+<% end %>

data/app/views/panda/core/admin/shared/_sidebar.html.erb

@@ -1,27 +1,43 @@
 <nav class="flex flex-col flex-1">
-  <ul role="list" class="flex flex-col flex-1 gap-y-7">
-    <li>
-      <ul role="list" class="-mx-2 space-y-1">
-        <% Panda::Core.configuration.admin_navigation_items&.call(current_user)&.each do |item| %>
-          <li>
-            <%= link_to item[:path], class: "group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold text-gray-200 hover:text-white hover:bg-gray-700" do %>
-              <i class="<%= item[:icon] %> text-gray-200 group-hover:text-white"></i>
-              <%= item[:label] %>
-            <% end %>
-          </li>
+  <ul role="list" class="flex flex-col flex-1">
+    <a class="block p-0 mt-4 mb-4 ml-2 text-xl font-medium text-white"><%= Panda::Core.config.admin_title || "Panda Admin" %></a>
+    <% Panda::Core.config.admin_navigation_items&.call(current_user)&.each do |item| %>
+      <li>
+        <%
+          # Exact match for dashboard, starts_with for others
+          # Check if current path matches this nav item
+          is_active = if request.path == item[:path]
+            true
+          elsif request.path.starts_with?(item[:path] + "/")
+            true
+          else
+            false
+          end
+        %>
+        <%= link_to item[:path], class: "#{is_active ? "bg-mid text-white relative flex items-center transition-all py-3 px-2 mb-2 rounded-md group gap-x-3 text-base leading-6 font-normal" : "text-white hover:bg-mid/60 transition-all group flex items-center gap-x-3 py-3 px-2 mb-2 rounded-md text-base leading-6 font-normal"}" do %>
+          <span class="text-center w-6"><i class="<%= item[:icon] %> text-xl fa-fw"></i></span>
+          <span><%= item[:label] %></span>
         <% end %>
-      </ul>
+      </li>
+    <% end %>
+    <li>
+      <%= button_to panda_core.admin_logout_path, method: :delete, id: "logout-link", data: { turbo: false }, class: "text-white hover:bg-mid/60 transition-all group flex items-center gap-x-3 py-3 px-2 mb-2 rounded-md text-base leading-6 font-normal w-full" do %>
+        <span class="text-center w-6"><i class="text-xl fa-solid fa-door-open fa-fw"></i></span>
+        <span>Logout</span>
+      <% end %>
     </li>
-    
     <li class="mt-auto">
-      <div class="flex items-center gap-x-4 px-6 py-3 text-sm font-semibold leading-6 text-gray-200">
-        <% if current_user %>
-          <span class="flex-1"><%= "#{current_user.firstname} #{current_user.lastname}" %></span>
-          <%= link_to panda_core.admin_logout_path, method: :delete, class: "text-gray-200 hover:text-white" do %>
-            <i class="fa-regular fa-sign-out"></i>
-          <% end %>
+      <%= link_to panda_core.edit_admin_my_profile_path, class: "text-white hover:bg-mid/60 transition-all group flex items-center gap-x-3 py-3 px-2 mb-2 rounded-md text-base leading-6 font-normal w-full", title: "Edit my Profile" do %>
+        <% if !current_user.image_url.to_s.empty? %>
+          <span class="text-center w-6"><img src="<%= current_user.image_url %>" class="w-auto h-7 rounded-full"></span>
+        <% else %>
+          <span class="text-center w-6"><i class="text-xl fa-regular fa-circle-user fa-fw"></i></span>
         <% end %>
-      </div>
+        <span><%= current_user.name %></span>
+      <% end %>
+    </li>
+    <li class="px-2 py-3">
+      <span class="text-xs text-white">Panda Core v<%= Panda::Core::VERSION %></span>
     </li>
   </ul>
-</nav>
+</nav>

data/app/views/panda/core/shared/_footer.html.erb

@@ -0,0 +1,2 @@
+  </body>
+</html>

data/app/views/panda/core/shared/_header.html.erb

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html data-theme="<%= Panda::Core::Current&.user&.current_theme || Panda::Core.config.default_theme %>" class="<%= local_assigns[:html_class] || "" %>">
+  <head>
+    <title><%= content_for?(:title) ? yield(:title) : (Panda::Core.config.admin_title || "Panda Admin") %></title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.1.0/css/all.min.css">
+    <%= panda_core_stylesheet %>
+    <%= panda_core_javascript %>
+
+    <% if defined?(Panda::CMS) && controller.class.name.start_with?("Panda::CMS") %>
+      <!-- CMS Assets -->
+      <%= panda_cms_javascript %>
+      <%= render "panda/cms/shared/favicons" %>
+    <% end %>
+
+    <%= yield :head %>
+  </head>
+  <body class="overflow-hidden h-full <%= local_assigns[:body_class] || "" %>" data-environment="<%= Rails.env %>">

data/config/importmap.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# Panda Core application and controllers
+pin "panda/core/application", to: "panda/core/application.js"
+pin "panda/core/controllers/index", to: "panda/core/controllers/index.js"
+pin_all_from Panda::Core::Engine.root.join("app/javascript/panda/core/controllers"), under: "panda/core/controllers"
+
+# Base JavaScript dependencies for Panda Core (vendored for reliability)
+pin "@hotwired/stimulus", to: "panda/core/vendor/@hotwired--stimulus.js", preload: true # @3.2.2
+pin "@hotwired/turbo", to: "panda/core/vendor/@hotwired--turbo.js", preload: true # @8.0.18
+pin "@rails/actioncable/src", to: "panda/core/vendor/@rails--actioncable--src.js", preload: true # @8.0.201
+pin "tailwindcss-stimulus-components", to: "panda/core/tailwindcss-stimulus-components.js" # @6.1.3
+
+# Font Awesome icons (from CDN)
+pin "@fortawesome/fontawesome-free", to: "https://ga.jspm.io/npm:@fortawesome/fontawesome-free@7.1.0/js/all.js"