ragdoll-rails 0.1.9 → 0.1.11

data/app/assets/stylesheets/ragdoll/bulk_upload_status.css

@@ -0,0 +1,379 @@
+/* Bulk Upload Status Popup Styles */
+.bulk-upload-status-container {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  width: 400px;
+  max-width: 90vw;
+  max-height: 80vh;
+  background: #ffffff;
+  border: 1px solid #e1e5e9;
+  border-radius: 12px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+  z-index: 10000;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  opacity: 0;
+  transform: translateY(-20px) scale(0.95);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.bulk-upload-status-container.visible {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+  pointer-events: auto;
+}
+
+.bulk-upload-status-container.minimized .bulk-upload-status-content {
+  display: none;
+}
+
+.bulk-upload-status-container.minimized {
+  height: auto;
+}
+
+/* Header */
+.bulk-upload-status-header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 16px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: grab;
+  user-select: none;
+}
+
+.bulk-upload-status-header:active {
+  cursor: grabbing;
+}
+
+.bulk-upload-status-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 16px;
+}
+
+.bulk-upload-status-title i {
+  font-size: 18px;
+}
+
+.bulk-upload-status-controls {
+  display: flex;
+  gap: 8px;
+}
+
+.bulk-upload-status-controls button {
+  background: rgba(255, 255, 255, 0.2);
+  border: none;
+  color: white;
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.bulk-upload-status-controls button:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.bulk-upload-status-controls button:active {
+  background: rgba(255, 255, 255, 0.4);
+}
+
+/* Content */
+.bulk-upload-status-content {
+  max-height: 500px;
+  overflow-y: auto;
+  padding: 0;
+}
+
+.no-uploads-message {
+  padding: 24px 20px;
+  text-align: center;
+  color: #6b7280;
+  font-style: italic;
+}
+
+/* Upload Items */
+.upload-item {
+  border-bottom: 1px solid #f3f4f6;
+  padding: 20px;
+  background: #ffffff;
+  transition: background-color 0.2s ease;
+}
+
+.upload-item:last-child {
+  border-bottom: none;
+}
+
+.upload-item:hover {
+  background: #f9fafb;
+}
+
+.upload-item.status-starting {
+  background: #fef3c7;
+}
+
+.upload-item.status-processing {
+  background: #dbeafe;
+}
+
+.upload-item.status-completed {
+  background: #d1fae5;
+}
+
+.upload-item.status-failed {
+  background: #fee2e2;
+}
+
+/* Upload Header */
+.upload-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.upload-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  color: #374151;
+}
+
+.upload-percentage {
+  font-weight: 700;
+  color: #667eea;
+  font-size: 16px;
+}
+
+/* Progress Bar */
+.progress-bar {
+  width: 100%;
+  height: 8px;
+  background: #e5e7eb;
+  border-radius: 4px;
+  overflow: hidden;
+  margin-bottom: 16px;
+}
+
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+  transition: width 0.3s ease;
+  border-radius: 4px;
+}
+
+.status-failed .progress-fill {
+  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
+}
+
+.status-completed .progress-fill {
+  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
+}
+
+/* Upload Details */
+.upload-details {
+  space-y: 12px;
+}
+
+.upload-stats {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+
+.upload-stats > span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 13px;
+  color: #6b7280;
+}
+
+.processed-count {
+  color: #059669 !important;
+  font-weight: 600;
+}
+
+.failed-count {
+  color: #dc2626 !important;
+  font-weight: 600;
+}
+
+.eta {
+  color: #667eea !important;
+  font-weight: 500;
+}
+
+/* Current File */
+.current-file {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background: rgba(102, 126, 234, 0.1);
+  border-radius: 6px;
+  margin-bottom: 12px;
+  font-size: 13px;
+  color: #4338ca;
+}
+
+.current-file i {
+  color: #667eea;
+}
+
+/* Messages */
+.completion-message,
+.error-message {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  margin-bottom: 12px;
+}
+
+.completion-message {
+  background: #d1fae5;
+  color: #047857;
+  border: 1px solid #a7f3d0;
+}
+
+.error-message {
+  background: #fee2e2;
+  color: #dc2626;
+  border: 1px solid #fca5a5;
+}
+
+/* Error List */
+.error-list {
+  margin-top: 12px;
+}
+
+.error-list details {
+  background: #fef2f2;
+  border: 1px solid #fecaca;
+  border-radius: 6px;
+  padding: 8px 12px;
+}
+
+.error-list summary {
+  font-weight: 600;
+  color: #dc2626;
+  cursor: pointer;
+  font-size: 13px;
+}
+
+.error-list summary:hover {
+  color: #b91c1c;
+}
+
+.error-list ul {
+  margin: 8px 0 0 0;
+  padding-left: 16px;
+  list-style-type: disc;
+}
+
+.error-list li {
+  color: #7f1d1d;
+  font-size: 12px;
+  margin: 4px 0;
+  word-break: break-word;
+}
+
+/* Animations */
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+}
+
+.status-processing .upload-title i {
+  animation: pulse 2s infinite;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .bulk-upload-status-container {
+    width: 320px;
+    right: 10px;
+    top: 10px;
+  }
+  
+  .upload-stats {
+    flex-direction: column;
+    gap: 8px;
+  }
+  
+  .bulk-upload-status-header {
+    padding: 12px 16px;
+  }
+  
+  .upload-item {
+    padding: 16px;
+  }
+}
+
+@media (max-width: 480px) {
+  .bulk-upload-status-container {
+    width: calc(100vw - 20px);
+    right: 10px;
+    left: 10px;
+  }
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .bulk-upload-status-container {
+    background: #1f2937;
+    border-color: #374151;
+    color: #f9fafb;
+  }
+  
+  .upload-item {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .upload-item:hover {
+    background: #374151;
+  }
+  
+  .upload-title {
+    color: #f9fafb;
+  }
+  
+  .no-uploads-message {
+    color: #9ca3af;
+  }
+  
+  .progress-bar {
+    background: #374151;
+  }
+  
+  .upload-stats > span {
+    color: #9ca3af;
+  }
+  
+  .current-file {
+    background: rgba(102, 126, 234, 0.2);
+    color: #93c5fd;
+  }
+}

data/app/channels/application_cable/channel.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end

data/app/channels/application_cable/connection.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end

data/app/channels/ragdoll/bulk_upload_status_channel.rb

@@ -0,0 +1,27 @@
+module Ragdoll
+  class BulkUploadStatusChannel < ApplicationCable::Channel
+    def subscribed
+      session_id = params[:session_id]
+      
+      if session_id.present?
+        stream_from "bulk_upload_status_#{session_id}"
+        logger.info "📡 Client subscribed to bulk upload status for session: #{session_id}"
+      else
+        reject
+        logger.warn "⚠️ Bulk upload status subscription rejected: missing session_id"
+      end
+    end
+
+    def unsubscribed
+      logger.info "📡 Client unsubscribed from bulk upload status"
+    end
+
+    def ping(data)
+      # Respond to client ping to maintain connection
+      transmit({
+        type: 'pong',
+        timestamp: Time.current.iso8601
+      })
+    end
+  end
+end

data/app/channels/ragdoll/file_processing_channel.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class FileProcessingChannel < ApplicationCable::Channel
+    def subscribed
+      stream_from "ragdoll_file_processing_#{params[:session_id]}"
+      puts "📡 Ragdoll::FileProcessingChannel subscribed to ragdoll_file_processing_#{params[:session_id]}"
+      logger.info "📡 Ragdoll::FileProcessingChannel subscribed to ragdoll_file_processing_#{params[:session_id]}"
+    end
+
+    def unsubscribed
+      puts "📡 Ragdoll::FileProcessingChannel unsubscribed from ragdoll_file_processing_#{params[:session_id]}"
+      logger.info "📡 Ragdoll::FileProcessingChannel unsubscribed from ragdoll_file_processing_#{params[:session_id]}"
+    end
+    
+    def test_connection
+      puts "🏓 Received test_connection ping from session: #{params[:session_id]}"
+      logger.info "🏓 Received test_connection ping from session: #{params[:session_id]}"
+      ActionCable.server.broadcast("ragdoll_file_processing_#{params[:session_id]}", {
+        type: 'ping',
+        message: 'Connection test successful',
+        timestamp: Time.current.to_f
+      })
+    end
+  end
+end

data/app/components/ragdoll/alert_component.html.erb

@@ -0,0 +1,4 @@
+<div class="<%= alert_classes %>">
+  <%= message %>
+  <%= dismiss_button %>
+</div>

data/app/components/ragdoll/alert_component.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class AlertComponent < ApplicationComponent
+    def initialize(message:, type: 'info', dismissible: true, **options)
+      @message = message
+      @type = type
+      @dismissible = dismissible
+      @options = options
+    end
+
+    private
+
+    attr_reader :message, :type, :dismissible, :options
+
+    def alert_classes
+      classes = ['alert', "alert-#{type}"]
+      classes << 'alert-dismissible' if dismissible
+      classes << 'fade show' if dismissible
+      classes << options[:class] if options[:class]
+      classes.join(' ')
+    end
+
+    def dismiss_button
+      return unless dismissible
+
+      content_tag :button, type: 'button', class: 'btn-close', data: { bs_dismiss: 'alert' } do
+        ''
+      end
+    end
+  end
+end

data/app/components/ragdoll/application_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class ApplicationComponent < ViewComponent::Base
+  end
+end

data/app/components/ragdoll/card_component.html.erb

@@ -0,0 +1,15 @@
+<div class="<%= card_classes %>">
+  <% if title %>
+    <div class="card-header">
+      <h5>
+        <% if icon %>
+          <i class="<%= icon %>"></i>
+        <% end %>
+        <%= title %>
+      </h5>
+    </div>
+  <% end %>
+  <div class="card-body">
+    <%= content %>
+  </div>
+</div>

data/app/components/ragdoll/card_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class CardComponent < ApplicationComponent
+    def initialize(title: nil, icon: nil, **options)
+      @title = title
+      @icon = icon
+      @options = options
+    end
+
+    private
+
+    attr_reader :title, :icon, :options
+
+    def card_classes
+      classes = ['card']
+      classes << options[:class] if options[:class]
+      classes.join(' ')
+    end
+  end
+end

data/app/components/ragdoll/document_list_component.html.erb

@@ -0,0 +1,41 @@
+<div class="mb-3 d-flex align-items-center">
+  <input type="checkbox" id="select-all" class="form-check-input me-2" onclick="toggleAll(this)">
+  <label class="form-check-label text-muted">Select All</label>
+</div>
+<div class="row">
+  <% documents.each do |document| %>
+    <div class="col-md-6 col-lg-4 mb-4">
+      <div class="card h-100">
+        <div class="card-header d-flex justify-content-between align-items-center">
+          <div class="d-flex align-items-center">
+            <input type="checkbox" class="document-checkbox form-check-input me-2" value="<%= document.id %>">
+            <h6 class="card-title mb-0"><%= document.title %></h6>
+          </div>
+          <span class="badge bg-<%= document.status == 'processed' ? 'success' : document.status == 'failed' ? 'danger' : 'warning' %>">
+            <%= document.status.humanize %>
+          </span>
+        </div>
+        <div class="card-body">
+          <p class="card-text text-muted small mb-2">
+            <i class="fas fa-file"></i> <%= document.document_type %>
+          </p>
+          <p class="card-text text-muted small mb-2">
+            <i class="fas fa-weight"></i> <%= number_to_human_size(document.metadata['file_size']) if document.metadata && document.metadata['file_size'] %>
+          </p>
+          <p class="card-text text-muted small">
+            <i class="fas fa-clock"></i> <%= time_ago_in_words(document.created_at) %> ago
+          </p>
+        </div>
+        <div class="card-footer bg-transparent">
+          <div class="btn-group w-100" role="group">
+            <%= link_to "View", helpers.ragdoll.document_path(document), class: "btn btn-outline-primary btn-sm" %>
+            <%= link_to "Edit", helpers.ragdoll.edit_document_path(document), class: "btn btn-outline-secondary btn-sm" %>
+            <%= link_to "Delete", helpers.ragdoll.document_path(document), method: :delete, 
+                        class: "btn btn-outline-danger btn-sm",
+                        data: { confirm: "Are you sure you want to delete '#{document.title}'?", turbo_method: :delete } %>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/components/ragdoll/document_list_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class DocumentListComponent < ApplicationComponent
+    def initialize(documents:)
+      @documents = documents
+    end
+
+    private
+
+    attr_reader :documents
+  end
+end

data/app/components/ragdoll/document_table_component.html.erb

@@ -0,0 +1,76 @@
+<div class="table-responsive">
+  <table class="table table-hover">
+    <thead>
+      <tr>
+        <th width="30">
+          <input type="checkbox" id="select-all-table" class="form-check-input" onclick="toggleAll(this)">
+        </th>
+        <th>Title</th>
+        <th>Type</th>
+        <th>Size</th>
+        <th>Status</th>
+        <th>Created</th>
+        <th width="150">Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% documents.each do |document| %>
+        <tr>
+          <td>
+            <input type="checkbox" class="document-checkbox form-check-input" value="<%= document.id %>">
+          </td>
+          <td>
+            <%= link_to document.title, helpers.ragdoll.document_path(document), class: "text-decoration-none" %>
+          </td>
+          <td>
+            <small class="text-muted">
+              <i class="fas fa-file"></i> <%= document.document_type %>
+            </small>
+          </td>
+          <td>
+            <small class="text-muted">
+              <%= number_to_human_size(document.metadata['file_size']) if document.metadata && document.metadata['file_size'] %>
+            </small>
+          </td>
+          <td>
+            <span class="badge bg-<%= document.status == 'processed' ? 'success' : document.status == 'failed' ? 'danger' : 'warning' %>">
+              <%= document.status.humanize %>
+            </span>
+          </td>
+          <td>
+            <small class="text-muted">
+              <%= time_ago_in_words(document.created_at) %> ago
+            </small>
+          </td>
+          <td>
+            <div class="btn-group btn-group-sm" role="group">
+              <%= link_to helpers.ragdoll.document_path(document), 
+                          class: "btn btn-outline-primary", 
+                          title: "View",
+                          data: { bs_toggle: "tooltip" } do %>
+                <i class="fas fa-eye"></i>
+              <% end %>
+              <%= link_to helpers.ragdoll.edit_document_path(document), 
+                          class: "btn btn-outline-secondary", 
+                          title: "Edit",
+                          data: { bs_toggle: "tooltip" } do %>
+                <i class="fas fa-edit"></i>
+              <% end %>
+              <%= link_to helpers.ragdoll.document_path(document), 
+                          method: :delete,
+                          class: "btn btn-outline-danger",
+                          title: "Delete",
+                          data: { 
+                            confirm: "Are you sure you want to delete '#{document.title}'?", 
+                            turbo_method: :delete,
+                            bs_toggle: "tooltip"
+                          } do %>
+                <i class="fas fa-trash"></i>
+              <% end %>
+            </div>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/app/components/ragdoll/document_table_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Ragdoll
+  class DocumentTableComponent < ViewComponent::Base
+    def initialize(documents:)
+      @documents = documents
+    end
+
+    private
+
+    attr_reader :documents
+  end
+end

data/app/components/ragdoll/empty_state_component.html.erb

@@ -0,0 +1,12 @@
+<div class="text-center py-5">
+  <% if icon %>
+    <i class="<%= icon %> fa-4x text-muted mb-4"></i>
+  <% end %>
+  
+  <h3 class="text-muted mb-3"><%= title %></h3>
+  <p class="text-muted mb-4"><%= message %></p>
+  
+  <% if action_path && action_text %>
+    <%= link_to action_text, action_path, class: "btn btn-primary" %>
+  <% end %>
+</div>