saas_platform 0.1.0

data/app/views/devise/saas_platform_users/sessions/new.html.erb

@@ -0,0 +1,26 @@
+<h2>Log in</h2>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password %><br />
+    <%= f.password_field :password, autocomplete: "current-password" %>
+  </div>
+
+  <% if devise_mapping.rememberable? %>
+    <div class="field">
+      <%= f.check_box :remember_me %>
+      <%= f.label :remember_me %>
+    </div>
+  <% end %>
+
+  <div class="actions">
+    <%= f.submit "Log in" %>
+  </div>
+<% end %>
+
+<%= render "saas_platform_users/shared/links" %>

data/app/views/devise/saas_platform_users/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation" data-turbo-cache="false">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved",
+                 count: resource.errors.count,
+                 resource: resource.class.model_name.human.downcase)
+       %>
+    </h2>
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/devise/saas_platform_users/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <%= link_to "Log in", new_session_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %><br />
+  <% end %>
+<% end %>

data/app/views/devise/saas_platform_users/unlocks/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "saas_platform_users/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend unlock instructions" %>
+  </div>
+<% end %>
+
+<%= render "saas_platform_users/shared/links" %>

data/app/views/devise/sessions/new.html.erb

@@ -0,0 +1,47 @@
+<% content_for :header do %>
+  Sign in to your account
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: "space-y-6" }) do |f| %>
+  <div>
+    <%= f.label :email, class: "block text-sm font-medium text-apple-gray" %>
+    <div class="mt-1">
+      <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "block w-full appearance-none rounded-apple border border-gray-200 px-3 py-2 placeholder-gray-400 shadow-sm focus:border-apple-blue focus:outline-none focus:ring-apple-blue sm:text-sm transition-all" %>
+    </div>
+  </div>
+
+  <div>
+    <%= f.label :password, class: "block text-sm font-medium text-apple-gray" %>
+    <div class="mt-1">
+      <%= f.password_field :password, autocomplete: "current-password", class: "block w-full appearance-none rounded-apple border border-gray-200 px-3 py-2 placeholder-gray-400 shadow-sm focus:border-apple-blue focus:outline-none focus:ring-apple-blue sm:text-sm transition-all" %>
+    </div>
+  </div>
+
+  <% if devise_mapping.rememberable? %>
+    <div class="flex items-center justify-between">
+      <div class="flex items-center">
+        <%= f.check_box :remember_me, class: "h-4 w-4 rounded border-gray-300 text-apple-blue focus:ring-apple-blue" %>
+        <%= f.label :remember_me, class: "ml-2 block text-sm text-apple-gray" %>
+      </div>
+
+      <div class="text-sm">
+        <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+          <%= link_to "Forgot your password?", new_password_path(resource_name), class: "font-medium text-apple-blue hover:text-blue-500" %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+
+  <div>
+    <%= render SaasPlatform::ButtonComponent.new(variant: :primary, type: :submit, class: "w-full") do %>
+      Sign In
+    <% end %>
+  </div>
+<% end %>
+
+<% content_for :footer do %>
+  <p class="text-sm text-apple-gray">
+    Don't have an account? 
+    <%= link_to "Sign up now", new_registration_path(resource_name), class: "font-medium text-apple-blue hover:text-blue-500" %>
+  </p>
+<% end %>

data/app/views/layouts/saas_platform/application.html.erb

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Saas platform</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <%= stylesheet_link_tag    "saas_platform/application", media: "all" %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/layouts/saas_platform/auth.html.erb

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html class="h-full bg-apple-light">
+<head>
+  <title>SaasPlatform Auth</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag "saas_platform/application", "data-turbo-track": "reload" %>
+  <%= javascript_importmap_tags "saas_platform" %>
+</head>
+
+<body class="h-full font-sans antialiased text-apple-dark">
+  <div class="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8 bg-gradient-to-br from-blue-50 to-white">
+    <div class="sm:mx-auto sm:w-full sm:max-w-md">
+      <div class="flex justify-center mb-6">
+        <div class="w-12 h-12 rounded-apple bg-apple-blue flex items-center justify-center text-white shadow-apple">
+          <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A10.003 10.003 0 0012 3c1.268 0 2.39.234 3.417.659m-5.74 2.13a1.949 1.949 0 01-1.951 1.57H4a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-6a2 2 0 012-2h2.25c.594 0 1.14-.135 1.634-.38m-9.97-4.21c.066.458.11 1.012.11 1.591v3.022m0 0l-1.07 1.07m1.07-1.07l1.07 1.07M19 12h.01M19 15h.01M19 18h.01"></path></svg>
+        </div>
+      </div>
+      <h2 class="text-center text-3xl font-bold tracking-tight text-apple-dark">
+        <%= yield(:header) %>
+      </h2>
+    </div>
+
+    <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+      <%= render SaasPlatform::CardComponent.new(glass: true, padding: :lg, class: "mx-4 sm:mx-0") do %>
+        <% if notice %>
+          <div class="mb-4 p-3 rounded-apple bg-apple-green/10 text-apple-green text-sm font-medium">
+            <%= notice %>
+          </div>
+        <% end %>
+        <% if alert %>
+          <div class="mb-4 p-3 rounded-apple bg-apple-red/10 text-apple-red text-sm font-medium">
+            <%= alert %>
+          </div>
+        <% end %>
+
+        <%= yield %>
+      <% end %>
+      
+      <div class="mt-6 text-center">
+        <%= yield(:footer) %>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/app/views/layouts/saas_platform/dashboard.html.erb

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html class="h-full bg-apple-light">
+<head>
+  <title><%= content_for?(:title) ? yield(:title) : "SaasPlatform Dashboard" %></title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag "saas_platform/application", "data-turbo-track": "reload" %>
+  <%= javascript_importmap_tags "saas_platform" %>
+</head>
+
+<body class="h-full font-sans antialiased text-apple-dark">
+  <div class="flex h-screen overflow-hidden">
+    <!-- Sidebar -->
+    <aside class="hidden md:flex md:flex-shrink-0">
+      <div class="flex flex-col w-64 apple-glass border-r border-white/20">
+        <div class="flex flex-col flex-grow pt-5 pb-4 overflow-y-auto">
+          <div class="flex items-center flex-shrink-0 px-4 mb-8">
+            <span class="text-xl font-bold tracking-tight text-apple-blue">SaasPlatform</span>
+          </div>
+          <nav class="flex-1 px-2 space-y-1">
+            <a href="#" class="flex items-center px-3 py-2 text-sm font-medium rounded-apple text-apple-blue bg-blue-50/50">
+              <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
+              Dashboard
+            </a>
+            <!-- More nav items -->
+          </nav>
+        </div>
+      </div>
+    </aside>
+
+    <div class="flex flex-col flex-1 w-0 overflow-hidden">
+      <!-- Top Nav -->
+      <header class="relative z-10 flex flex-shrink-0 h-16 apple-glass">
+        <div class="flex justify-between flex-1 px-4">
+          <div class="flex flex-1 items-center">
+            <!-- Global Search -->
+            <form action="<%= saas_platform.search_path %>" method="get" class="w-full max-w-lg lg:max-w-xs">
+              <label for="search" class="sr-only">Search</label>
+              <div class="relative text-apple-gray focus-within:text-apple-blue">
+                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                  <svg class="w-5 h-5" 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 id="search" name="q" class="block w-full py-2 pl-10 pr-3 text-sm placeholder-apple-gray bg-white/50 border border-transparent rounded-apple leading-5 focus:outline-none focus:bg-white focus:ring-1 focus:ring-apple-blue focus:border-apple-blue sm:text-sm transition-all" placeholder="Search everything..." type="search">
+              </div>
+            </form>
+          </div>
+          <div class="flex items-center ml-4 md:ml-6 space-x-4">
+            <%= render SaasPlatform::NotificationComponent.new(notifications: current_account.notifications.unread) if current_account %>
+            
+            <!-- User Menu -->
+            <div class="relative ml-3">
+              <div class="flex items-center">
+                <span class="mr-3 text-sm font-medium text-apple-gray"><%= current_user&.name %></span>
+                <div class="w-8 h-8 rounded-full bg-apple-blue/20 flex items-center justify-center text-apple-blue font-bold">
+                  <%= current_user&.first_name&.first %>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <!-- Main Content -->
+      <main class="relative flex-1 overflow-y-auto focus:outline-none bg-apple-light/50">
+        <div class="py-6">
+          <div class="px-4 mx-auto max-w-7xl sm:px-6 md:px-8">
+            <%= yield %>
+          </div>
+        </div>
+      </main>
+    </div>
+  </div>
+</body>
+</html>

data/app/views/saas_platform/audit_logs/index.html.erb

@@ -0,0 +1,43 @@
+<div class="space-y-6">
+  <div class="flex items-center justify-between">
+    <h1 class="text-2xl font-bold text-apple-dark">Audit Logs</h1>
+    <span class="px-3 py-1 rounded-full text-xs font-semibold bg-apple-blue/10 text-apple-blue">Enterprise Feature</span>
+  </div>
+
+  <%= render SaasPlatform::CardComponent.new(padding: :none) do %>
+    <div class="overflow-x-auto">
+      <table class="min-w-full divide-y divide-gray-200">
+        <thead class="bg-apple-light/30">
+          <tr>
+            <th class="px-6 py-3 text-left text-xs font-medium text-apple-gray uppercase tracking-wider">Event</th>
+            <th class="px-6 py-3 text-left text-xs font-medium text-apple-gray uppercase tracking-wider">Item Type</th>
+            <th class="px-6 py-3 text-left text-xs font-medium text-apple-gray uppercase tracking-wider">User</th>
+            <th class="px-6 py-3 text-left text-xs font-medium text-apple-gray uppercase tracking-wider">Changes</th>
+            <th class="px-6 py-3 text-left text-xs font-medium text-apple-gray uppercase tracking-wider">Timestamp</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-200">
+          <% @versions.each do |version| %>
+            <tr class="hover:bg-apple-light/20 transition-colors">
+              <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
+                <span class="px-2 py-1 rounded-md text-[10px] font-bold uppercase <%= version.event == 'create' ? 'bg-apple-green text-white' : (version.event == 'destroy' ? 'bg-apple-red text-white' : 'bg-apple-blue text-white') %>">
+                  <%= version.event %>
+                </span>
+              </td>
+              <td class="px-6 py-4 whitespace-nowrap text-sm text-apple-dark"><%= version.item_type.split('::').last %></td>
+              <td class="px-6 py-4 whitespace-nowrap text-sm text-apple-gray"><%= version.whodunnit || 'System' %></td>
+              <td class="px-6 py-4 text-sm text-apple-gray">
+                <% if version.object_changes %>
+                  <code class="text-[10px] bg-gray-50 p-1 rounded truncate block max-w-xs"><%= version.object_changes.truncate(50) %></code>
+                <% else %>
+                  -
+                <% end %>
+              </td>
+              <td class="px-6 py-4 whitespace-nowrap text-sm text-apple-gray"><%= version.created_at.strftime("%b %d, %H:%M:%S") %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+</div>

data/app/views/saas_platform/dashboard/index.html.erb

@@ -0,0 +1,50 @@
+<div class="space-y-6">
+  <div class="flex items-center justify-between">
+    <h1 class="text-2xl font-bold text-apple-dark">Welcome back, <%= current_user.first_name %></h1>
+    <%= render SaasPlatform::ButtonComponent.new(variant: :primary) do %>
+      Create New Project
+    <% end %>
+  </div>
+
+  <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 mt-6">
+    <%= render SaasPlatform::CardComponent.new do %>
+      <h3 class="text-lg font-semibold mb-4">Revenue Growth</h3>
+      <%= line_chart @revenue_data, colors: ["#007AFF"], library: { tension: 0.4 } %>
+    <% end %>
+
+    <%= render SaasPlatform::CardComponent.new do %>
+      <h3 class="text-lg font-semibold mb-4">Top Selling Products</h3>
+      <%= column_chart @top_products, colors: ["#34C759"] %>
+    <% end %>
+  </div>
+
+  <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+    <%= render SaasPlatform::CardComponent.new do %>
+      <h3 class="text-lg font-semibold mb-2">Total Revenue</h3>
+      <p class="text-3xl font-bold text-apple-blue">$<%= number_with_precision(@revenue_data.values.sum, precision: 2) %></p>
+      <p class="text-sm text-apple-green mt-2">+12% from last month</p>
+    <% end %>
+...
+    <%= render SaasPlatform::CardComponent.new do %>
+      <h3 class="text-lg font-semibold mb-2">Active Users</h3>
+      <p class="text-3xl font-bold text-apple-blue">1,234</p>
+      <p class="text-sm text-apple-green mt-2">+5% from last month</p>
+    <% end %>
+
+    <%= render SaasPlatform::CardComponent.new do %>
+      <h3 class="text-lg font-semibold mb-2">System Status</h3>
+      <p class="text-3xl font-bold text-apple-green">Healthy</p>
+      <p class="text-sm text-apple-gray mt-2">All systems operational</p>
+    <% end %>
+  </div>
+
+  <div class="mt-6">
+    <%= render SaasPlatform::CardComponent.new(padding: :none) do %>
+      <div class="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
+        <h3 class="text-lg font-semibold">Recent Orders</h3>
+        <a href="#" class="text-sm font-medium text-apple-blue hover:underline">View all</a>
+      </div>
+      <%= render SaasPlatform::OrderListComponent.new(orders: @recent_orders) %>
+    <% end %>
+  </div>
+</div>

data/app/views/saas_platform/search/index.html.erb

@@ -0,0 +1,75 @@
+<div class="space-y-6">
+  <div class="flex items-center justify-between">
+    <h1 class="text-2xl font-bold text-apple-dark">Search results for "<%= @query %>"</h1>
+  </div>
+
+  <% if @results.any? %>
+    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+      <% if @results[:users]&.any? %>
+        <%= render SaasPlatform::CardComponent.new do %>
+          <h2 class="text-lg font-semibold mb-4 flex items-center">
+            <svg class="w-5 h-5 mr-2 text-apple-blue" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
+            Users
+          </h2>
+          <ul class="divide-y divide-gray-100">
+            <% @results[:users].each do |user| %>
+              <li class="py-3 flex items-center justify-between">
+                <div>
+                  <p class="text-sm font-medium text-apple-dark"><%= user.name %></p>
+                  <p class="text-xs text-apple-gray"><%= user.email %></p>
+                </div>
+                <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-apple-light text-apple-gray"><%= user.status.humanize %></span>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
+      <% end %>
+
+      <% if @results[:products]&.any? %>
+        <%= render SaasPlatform::CardComponent.new do %>
+          <h2 class="text-lg font-semibold mb-4 flex items-center">
+            <svg class="w-5 h-5 mr-2 text-apple-green" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>
+            Products
+          </h2>
+          <ul class="divide-y divide-gray-100">
+            <% @results[:products].each do |product| %>
+              <li class="py-3 flex items-center justify-between">
+                <div>
+                  <p class="text-sm font-medium text-apple-dark"><%= product.name %></p>
+                  <p class="text-xs text-apple-gray"><%= product.price.format %></p>
+                </div>
+                <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-apple-light text-apple-gray"><%= product.stock_quantity %> in stock</span>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
+      <% end %>
+
+      <% if @results[:orders]&.any? %>
+        <%= render SaasPlatform::CardComponent.new do %>
+          <h2 class="text-lg font-semibold mb-4 flex items-center">
+            <svg class="w-5 h-5 mr-2 text-apple-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg>
+            Orders
+          </h2>
+          <ul class="divide-y divide-gray-100">
+            <% @results[:orders].each do |order| %>
+              <li class="py-3 flex items-center justify-between">
+                <div>
+                  <p class="text-sm font-medium text-apple-dark">Order #<%= order.id %></p>
+                  <p class="text-xs text-apple-gray"><%= order.created_at.strftime("%b %d, %Y") %></p>
+                </div>
+                <span class="px-2 py-0.5 rounded-full text-[10px] font-medium bg-apple-light text-apple-gray"><%= order.total.format %></span>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
+      <% end %>
+    </div>
+  <% else %>
+    <%= render SaasPlatform::CardComponent.new(class: "text-center py-12") do %>
+      <svg class="mx-auto h-12 w-12 text-apple-gray" 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>
+      <h3 class="mt-2 text-sm font-medium text-apple-dark">No results found</h3>
+      <p class="mt-1 text-sm text-apple-gray">Try adjusting your search or filters.</p>
+    <% end %>
+  <% end %>
+</div>