ragdoll-rails 0.1.9 → 0.1.11

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

@@ -0,0 +1,208 @@
+<% content_for :title, "Dashboard - Ragdoll Engine" %>
+
+<%= render Ragdoll::PageHeaderComponent.new(
+  title: "Ragdoll Engine Dashboard",
+  icon: "fas fa-tachometer-alt", 
+  subtitle: "Overview of your document processing and search system"
+) %>
+
+<div class="row mb-4">
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Documents",
+      value: @stats[:total_documents],
+      icon: "fas fa-file-alt",
+      color: "primary",
+      description: "Total documents"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Processed",
+      value: @stats[:processed_documents],
+      icon: "fas fa-check-circle",
+      color: "success",
+      description: "Successfully processed"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Embeddings",
+      value: @stats[:total_embeddings],
+      icon: "fas fa-vector-square",
+      color: "info",
+      description: "Vector embeddings"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Searches",
+      value: @stats[:total_searches],
+      icon: "fas fa-search",
+      color: "warning",
+      description: "Total searches"
+    ) %>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-md-6">
+    <%= render Ragdoll::CardComponent.new(title: "Document Types", icon: "fas fa-chart-pie") do %>
+      <% if @document_types.any? %>
+        <canvas id="documentTypesChart" width="400" height="200"></canvas>
+      <% else %>
+        <p class="text-muted">No documents yet. <%= link_to "Add your first document", ragdoll.new_document_path, class: "btn btn-primary btn-sm" %></p>
+      <% end %>
+    <% end %>
+  </div>
+  
+  <div class="col-md-6">
+    <%= render Ragdoll::CardComponent.new(title: "Most Searched Documents", icon: "fas fa-fire") do %>
+      <% if @top_searched_documents.any? %>
+        <% @top_searched_documents.each do |title, count| %>
+          <div class="d-flex justify-content-between align-items-center mb-2">
+            <span class="text-truncate"><%= title %></span>
+            <span class="badge bg-primary"><%= count %></span>
+          </div>
+        <% end %>
+      <% else %>
+        <p class="text-muted">No search data yet. <%= link_to "Try searching", ragdoll.search_index_path, class: "btn btn-primary btn-sm" %></p>
+      <% end %>
+    <% end %>
+  </div>
+</div>
+
+<div class="row mt-4">
+  <div class="col-md-6">
+    <div class="card">
+      <div class="card-header">
+        <h5><i class="fas fa-clock"></i> Recent Documents</h5>
+      </div>
+      <div class="card-body">
+        <% if @recent_documents.any? %>
+          <% @recent_documents.each do |document| %>
+            <div class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <%= link_to document.title, ragdoll.document_path(document), class: "text-decoration-none" %>
+                <small class="text-muted d-block">
+                  <%= document.document_type&.upcase %> • 
+                  <%= render Ragdoll::StatusBadgeComponent.new(status: document.status) %>
+                </small>
+              </div>
+              <small class="text-muted"><%= time_ago_in_words(document.created_at) %> ago</small>
+            </div>
+          <% end %>
+          <div class="mt-3">
+            <%= link_to "View all documents", ragdoll.documents_path, class: "btn btn-outline-primary btn-sm" %>
+          </div>
+        <% else %>
+          <p class="text-muted">No documents yet. <%= link_to "Add your first document", ragdoll.new_document_path, class: "btn btn-primary btn-sm" %></p>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  
+  <div class="col-md-6">
+    <div class="card">
+      <div class="card-header">
+        <h5><i class="fas fa-history"></i> Recent Searches</h5>
+      </div>
+      <div class="card-body">
+        <% if @stats[:recent_searches].any? %>
+          <% @stats[:recent_searches].each do |search| %>
+            <div class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <a href="<%= ragdoll.search_index_path %>?search_id=<%= search.id %>" class="text-decoration-none">
+                  <i class="fas fa-search me-1"></i><strong><%= search.query %></strong>
+                </a>
+                <small class="text-muted d-block">
+                  <%= search.search_type.titleize %>
+                  • <%= search.results_count %> results
+                  <% if search.execution_time_ms %>
+                    • <%= number_with_precision(search.execution_time_ms / 1000.0, precision: 3) %>s
+                  <% end %>
+                </small>
+              </div>
+              <small class="text-muted"><%= time_ago_in_words(search.created_at) %> ago</small>
+            </div>
+          <% end %>
+          <div class="mt-3">
+            <%= link_to "View search analytics", ragdoll.analytics_path, class: "btn btn-outline-primary btn-sm" %>
+          </div>
+        <% else %>
+          <p class="text-muted">No searches yet. <%= link_to "Try searching", ragdoll.search_index_path, class: "btn btn-primary btn-sm" %></p>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row mt-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h5><i class="fas fa-tools"></i> Quick Actions</h5>
+      </div>
+      <div class="card-body">
+        <div class="row">
+          <div class="col-md-3 mb-2">
+            <%= link_to ragdoll.new_document_path, class: "btn btn-primary w-100" do %>
+              <i class="fas fa-plus"></i> Add Document
+            <% end %>
+          </div>
+          <div class="col-md-3 mb-2">
+            <%= link_to ragdoll.search_index_path, class: "btn btn-success w-100" do %>
+              <i class="fas fa-search"></i> Search Documents
+            <% end %>
+          </div>
+          <div class="col-md-3 mb-2">
+            <%= link_to ragdoll.analytics_path, class: "btn btn-info w-100" do %>
+              <i class="fas fa-chart-line"></i> View Analytics
+            <% end %>
+          </div>
+          <div class="col-md-3 mb-2">
+            <%= link_to ragdoll.configuration_path, class: "btn btn-warning w-100" do %>
+              <i class="fas fa-cog"></i> Configuration
+            <% end %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<% if @document_types.any? %>
+<%= content_for :javascript do %>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const ctx = document.getElementById('documentTypesChart').getContext('2d');
+  const documentTypesChart = new Chart(ctx, {
+    type: 'doughnut',
+    data: {
+      labels: <%= @document_types.keys.to_json.html_safe %>,
+      datasets: [{
+        data: <%= @document_types.values.to_json.html_safe %>,
+        backgroundColor: [
+          '#FF6384',
+          '#36A2EB',
+          '#FFCE56',
+          '#4BC0C0',
+          '#9966FF',
+          '#FF9F40'
+        ]
+      }]
+    },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: {
+          position: 'bottom'
+        }
+      }
+    }
+  });
+});
+</script>
+<% end %>
+<% end %>

data/app/views/ragdoll/documents/edit.html.erb

@@ -0,0 +1,91 @@
+<% content_for(:title, "Edit Document: #{@document.title}") %>
+
+<div class="container-fluid mt-4">
+  <div class="row">
+    <div class="col-md-8 mx-auto">
+      <div class="card">
+        <div class="card-header">
+          <h4 class="card-title mb-0">
+            <i class="fas fa-edit"></i> Edit Document
+          </h4>
+        </div>
+        <div class="card-body">
+          <%= form_with model: @document, url: ragdoll.document_path(@document), local: true do |form| %>
+            <% if @document.errors.any? %>
+              <div class="alert alert-danger" role="alert">
+                <h6 class="alert-heading">Please fix the following errors:</h6>
+                <ul class="mb-0">
+                  <% @document.errors.full_messages.each do |message| %>
+                    <li><%= message %></li>
+                  <% end %>
+                </ul>
+              </div>
+            <% end %>
+
+            <div class="mb-3">
+              <%= form.label :title, class: "form-label" %>
+              <%= form.text_field :title, class: "form-control", placeholder: "Enter document title" %>
+            </div>
+
+            <div class="mb-3">
+              <%= form.label :summary, class: "form-label" %>
+              <%= form.text_area :summary, class: "form-control", rows: 3, placeholder: "Enter document summary (optional)" %>
+            </div>
+
+            <div class="mb-3">
+              <%= form.label :keywords, class: "form-label" %>
+              <%= form.text_field :keywords, class: "form-control", placeholder: "Enter keywords separated by commas" %>
+              <small class="form-text text-muted">Separate keywords with commas</small>
+            </div>
+
+            <div class="mb-3">
+              <%= form.label :status, class: "form-label" %>
+              <%= form.select :status, options_for_select([
+                ['Pending', 'pending'],
+                ['Processing', 'processing'],
+                ['Processed', 'processed'],
+                ['Failed', 'failed']
+              ], @document.status), {}, class: "form-select" %>
+            </div>
+
+            <% if @document.location.present? %>
+            <div class="mb-3">
+              <label class="form-label">File Location</label>
+              <div class="input-group">
+                <input type="text" class="form-control" value="<%= @document.location %>" readonly>
+                <span class="input-group-text"><i class="fas fa-lock"></i></span>
+              </div>
+              <small class="form-text text-muted">File location cannot be changed</small>
+            </div>
+            <% end %>
+
+            <% if @document.metadata.present? %>
+            <div class="mb-3">
+              <label class="form-label">Metadata</label>
+              <div class="card bg-light">
+                <div class="card-body">
+                  <% @document.metadata.each do |key, value| %>
+                    <div class="row mb-2">
+                      <div class="col-sm-4">
+                        <small class="text-muted"><%= key.humanize %>:</small>
+                      </div>
+                      <div class="col-sm-8">
+                        <small><%= value %></small>
+                      </div>
+                    </div>
+                  <% end %>
+                </div>
+              </div>
+            </div>
+            <% end %>
+
+            <div class="d-flex justify-content-between">
+              <%= link_to "Cancel", ragdoll.document_path(@document), class: "btn btn-secondary" %>
+              <%= form.submit "Update Document", class: "btn btn-primary" %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/ragdoll/documents/index.html.erb

@@ -0,0 +1,302 @@
+<% content_for :title, "Documents - Ragdoll Engine" %>
+
+<div class="row">
+  <div class="col-12">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+      <h1><i class="fas fa-file-alt"></i> Documents</h1>
+      <%= link_to "Add Document", ragdoll.new_document_path, class: "btn btn-primary" %>
+    </div>
+  </div>
+</div>
+
+<div class="row mb-4">
+  <div class="col-12">
+    <div class="card">
+      <div class="card-header">
+        <h5><i class="fas fa-filter"></i> Filters</h5>
+      </div>
+      <div class="card-body">
+        <%= form_with url: ragdoll.documents_path, method: :get, local: true, class: "row g-3" do |form| %>
+          <div class="col-md-3">
+            <%= form.text_field :search, placeholder: "Search documents...", value: params[:search], class: "form-control" %>
+          </div>
+          <div class="col-md-3">
+            <%= form.select :document_type, options_for_select([["All Types", ""]] + @document_types.map { |type| [type.titleize, type] }, params[:document_type]), {}, { class: "form-select" } %>
+          </div>
+          <div class="col-md-3">
+            <%= form.select :status, options_for_select([["All Statuses", ""]] + @statuses.map { |status| [status.titleize, status] }, params[:status]), {}, { class: "form-select" } %>
+          </div>
+          <div class="col-md-3">
+            <%= form.submit "Filter", class: "btn btn-outline-primary" %>
+            <%= link_to "Clear", ragdoll.documents_path, class: "btn btn-outline-secondary" %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<% if @documents.any? %>
+  <div class="row">
+    <div class="col-12">
+      <div class="card">
+        <div class="card-header">
+          <div class="d-flex justify-content-between align-items-center">
+            <h5 class="mb-0"><i class="fas fa-list"></i> Document List</h5>
+            <div class="d-flex align-items-center gap-2">
+              <!-- View Toggle Buttons -->
+              <div class="btn-group btn-group-sm me-3" role="group" aria-label="View toggle">
+                <button type="button" class="btn btn-outline-secondary" id="card-view-btn" onclick="switchToCardView()">
+                  <i class="fas fa-th-large"></i> Cards
+                </button>
+                <button type="button" class="btn btn-outline-secondary" id="table-view-btn" onclick="switchToTableView()">
+                  <i class="fas fa-table"></i> Table
+                </button>
+              </div>
+              
+              <!-- Bulk Action Buttons -->
+              <button class="btn btn-outline-danger btn-sm" onclick="bulkDelete()">
+                <i class="fas fa-trash"></i> Delete Selected
+              </button>
+              <button class="btn btn-outline-warning btn-sm" onclick="bulkReprocess()">
+                <i class="fas fa-sync"></i> Reprocess Selected
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="card-body">
+          <!-- Card View -->
+          <div id="card-view" style="display: block;">
+            <%= render Ragdoll::DocumentListComponent.new(documents: @documents) %>
+          </div>
+          
+          <!-- Table View -->
+          <div id="table-view" style="display: none;">
+            <%= render Ragdoll::DocumentTableComponent.new(documents: @documents) %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+<% else %>
+  <div class="row">
+    <div class="col-12">
+      <%= render Ragdoll::EmptyStateComponent.new(
+        title: "No documents found",
+        message: "Get started by adding your first document to the system.",
+        icon: "fas fa-file-alt",
+        action_path: ragdoll.new_document_path,
+        action_text: "Add Document"
+      ) %>
+    </div>
+  </div>
+<% end %>
+
+<%= content_for :javascript do %>
+<script>
+// View switching functions
+function switchToCardView() {
+  document.getElementById('card-view').style.display = 'block';
+  document.getElementById('table-view').style.display = 'none';
+  document.getElementById('card-view-btn').classList.add('active');
+  document.getElementById('table-view-btn').classList.remove('active');
+  localStorage.setItem('ragdoll-document-view', 'card');
+}
+
+function switchToTableView() {
+  document.getElementById('card-view').style.display = 'none';
+  document.getElementById('table-view').style.display = 'block';
+  document.getElementById('table-view-btn').classList.add('active');
+  document.getElementById('card-view-btn').classList.remove('active');
+  localStorage.setItem('ragdoll-document-view', 'table');
+}
+
+// Attach event listeners to document checkboxes
+function attachCheckboxListeners() {
+  document.querySelectorAll('.document-checkbox').forEach(checkbox => {
+    checkbox.removeEventListener('change', updateSelectAllState); // Remove first to avoid duplicates
+    checkbox.addEventListener('change', updateSelectAllState);
+  });
+  updateSelectAllState(); // Initialize state
+}
+
+// Initialize view based on saved preference
+document.addEventListener('DOMContentLoaded', function() {
+  const savedView = localStorage.getItem('ragdoll-document-view') || 'card';
+  if (savedView === 'table') {
+    switchToTableView();
+  } else {
+    switchToCardView();
+  }
+  
+  // Attach listeners after view is set
+  setTimeout(attachCheckboxListeners, 100);
+});
+
+function toggleAll(source) {
+  // Get all document checkboxes
+  const checkboxes = document.querySelectorAll('.document-checkbox');
+  const selectAllCard = document.getElementById('select-all');
+  const selectAllTable = document.getElementById('select-all-table');
+  
+  // Set all checkboxes to match the source checkbox state
+  checkboxes.forEach(checkbox => {
+    checkbox.checked = source.checked;
+  });
+  
+  // Sync both select-all checkboxes
+  if (selectAllCard) {
+    selectAllCard.checked = source.checked;
+    selectAllCard.indeterminate = false;
+  }
+  if (selectAllTable) {
+    selectAllTable.checked = source.checked;
+    selectAllTable.indeterminate = false;
+  }
+}
+
+function updateSelectAllState() {
+  // Get all document checkboxes
+  const checkboxes = document.querySelectorAll('.document-checkbox');
+  const selectAllCard = document.getElementById('select-all');
+  const selectAllTable = document.getElementById('select-all-table');
+  
+  if (checkboxes.length === 0) return;
+  
+  // Count checked boxes
+  const checkedCount = Array.from(checkboxes).filter(cb => cb.checked).length;
+  
+  // Determine state
+  let isChecked = false;
+  let isIndeterminate = false;
+  
+  if (checkedCount === 0) {
+    // None checked
+    isChecked = false;
+    isIndeterminate = false;
+  } else if (checkedCount === checkboxes.length) {
+    // All checked
+    isChecked = true;
+    isIndeterminate = false;
+  } else {
+    // Some checked
+    isChecked = false;
+    isIndeterminate = true;
+  }
+  
+  // Update both select-all checkboxes
+  if (selectAllCard) {
+    selectAllCard.checked = isChecked;
+    selectAllCard.indeterminate = isIndeterminate;
+  }
+  if (selectAllTable) {
+    selectAllTable.checked = isChecked;
+    selectAllTable.indeterminate = isIndeterminate;
+  }
+}
+
+
+function reprocessDocument(documentId) {
+  if (confirm('Are you sure you want to reprocess this document?')) {
+    // Create a form with proper CSRF token for individual reprocess action
+    const form = document.createElement('form');
+    form.method = 'POST';
+    form.action = `<%= ragdoll.documents_path %>/${documentId}/reprocess`;
+
+    // Add CSRF token
+    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+    const csrfInput = document.createElement('input');
+    csrfInput.type = 'hidden';
+    csrfInput.name = 'authenticity_token';
+    csrfInput.value = csrfToken;
+    form.appendChild(csrfInput);
+
+    document.body.appendChild(form);
+    form.submit();
+  }
+}
+
+function bulkDelete() {
+  const checkedBoxes = document.querySelectorAll('.document-checkbox:checked');
+  if (checkedBoxes.length === 0) {
+    alert('Please select at least one document to delete.');
+    return;
+  }
+
+  if (confirm(`Are you sure you want to delete ${checkedBoxes.length} selected documents?`)) {
+    // Create a new form with proper CSRF token for delete action
+    const form = document.createElement('form');
+    form.method = 'POST';
+    form.action = '<%= ragdoll.bulk_delete_documents_path %>';
+
+    // Add CSRF token
+    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+    const csrfInput = document.createElement('input');
+    csrfInput.type = 'hidden';
+    csrfInput.name = 'authenticity_token';
+    csrfInput.value = csrfToken;
+    form.appendChild(csrfInput);
+
+    // Add selected document IDs
+    checkedBoxes.forEach(checkbox => {
+      const input = document.createElement('input');
+      input.type = 'hidden';
+      input.name = 'document_ids[]';
+      input.value = checkbox.value;
+      form.appendChild(input);
+    });
+
+    document.body.appendChild(form);
+    form.submit();
+  }
+}
+
+function bulkReprocess() {
+  const checkedBoxes = document.querySelectorAll('.document-checkbox:checked');
+  if (checkedBoxes.length === 0) {
+    alert('Please select at least one document to reprocess.');
+    return;
+  }
+
+  if (confirm(`Are you sure you want to reprocess ${checkedBoxes.length} selected documents?`)) {
+    // Create a new form with proper CSRF token for reprocess action
+    const form = document.createElement('form');
+    form.method = 'POST';
+    form.action = '<%= ragdoll.bulk_reprocess_documents_path %>';
+
+    // Add CSRF token
+    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+    const csrfInput = document.createElement('input');
+    csrfInput.type = 'hidden';
+    csrfInput.name = 'authenticity_token';
+    csrfInput.value = csrfToken;
+    form.appendChild(csrfInput);
+
+    // Add selected document IDs
+    checkedBoxes.forEach(checkbox => {
+      const input = document.createElement('input');
+      input.type = 'hidden';
+      input.name = 'document_ids[]';
+      input.value = checkbox.value;
+      form.appendChild(input);
+    });
+
+    document.body.appendChild(form);
+    form.submit();
+  }
+}
+
+// Initialize Bootstrap tooltips
+document.addEventListener('DOMContentLoaded', function () {
+  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl, {
+      delay: { "show": 500, "hide": 100 },
+      placement: 'top',
+      boundary: 'viewport',
+      fallbackPlacements: ['top', 'bottom']
+    });
+  });
+});
+</script>
+<% end %>