ragdoll-rails 0.1.8 → 0.1.11

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

@@ -0,0 +1,333 @@
+<% content_for(:title, "Analytics Dashboard") %>
+
+<%= render Ragdoll::PageHeaderComponent.new(
+  title: "Analytics Dashboard", 
+  subtitle: "Search patterns, usage statistics, and system insights",
+  icon: "fas fa-chart-line"
+) %>
+
+<!-- Search Analytics Overview -->
+<div class="row mb-4">
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Total Searches",
+      value: @search_analytics[:total_searches],
+      icon: "fas fa-search",
+      color: "primary"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Unique Queries",
+      value: @search_analytics[:unique_queries],
+      icon: "fas fa-question-circle",
+      color: "info"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Avg Results",
+      value: @search_analytics[:average_results],
+      icon: "fas fa-list",
+      color: "success"
+    ) %>
+  </div>
+  <div class="col-md-3">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Avg Similarity",
+      value: number_to_percentage(@search_analytics[:average_similarity] * 100, precision: 1),
+      icon: "fas fa-percentage",
+      color: "warning"
+    ) %>
+  </div>
+</div>
+
+<!-- Time-based Analytics -->
+<div class="row mb-4">
+  <div class="col-md-4">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "Today",
+      value: @search_analytics[:searches_today],
+      icon: "fas fa-calendar-day",
+      color: "primary"
+    ) %>
+  </div>
+  <div class="col-md-4">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "This Week",
+      value: @search_analytics[:searches_this_week],
+      icon: "fas fa-calendar-week",
+      color: "success"
+    ) %>
+  </div>
+  <div class="col-md-4">
+    <%= render Ragdoll::StatsCardComponent.new(
+      title: "This Month",
+      value: @search_analytics[:searches_this_month],
+      icon: "fas fa-calendar-alt",
+      color: "info"
+    ) %>
+  </div>
+</div>
+
+<div class="row">
+  <!-- Search Trends Chart -->
+  <div class="col-lg-8">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-chart-line"></i> Search Trends (Last 7 Days)
+        </h5>
+      </div>
+      <div class="card-body">
+        <canvas id="searchTrendsChart" height="100"></canvas>
+      </div>
+    </div>
+  </div>
+
+  <!-- Search Types Distribution -->
+  <div class="col-lg-4">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-chart-pie"></i> Search Types
+        </h5>
+      </div>
+      <div class="card-body">
+        <canvas id="searchTypesChart" height="150"></canvas>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="row">
+  <!-- Top Queries -->
+  <div class="col-lg-6">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-fire"></i> Top Search Queries
+        </h5>
+      </div>
+      <div class="card-body">
+        <% if @top_queries.any? %>
+          <% @top_queries.each_with_index do |(query, count), index| %>
+            <div class="d-flex justify-content-between align-items-center mb-2 <%= 'border-bottom pb-2' unless index == @top_queries.count - 1 %>">
+              <div class="flex-grow-1">
+                <div class="fw-medium"><%= truncate(query, length: 40) %></div>
+              </div>
+              <div class="ms-2">
+                <span class="badge bg-primary"><%= count %></span>
+              </div>
+            </div>
+          <% end %>
+        <% else %>
+          <%= render Ragdoll::EmptyStateComponent.new(
+            title: "No queries yet",
+            message: "Search data will appear here once users start searching.",
+            icon: "fas fa-search"
+          ) %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Top Documents -->
+  <div class="col-lg-6">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-star"></i> Most Accessed Documents
+        </h5>
+      </div>
+      <div class="card-body">
+        <% if @top_documents.any? %>
+          <% @top_documents.each_with_index do |(title, usage_count), index| %>
+            <div class="d-flex justify-content-between align-items-center mb-2 <%= 'border-bottom pb-2' unless index == @top_documents.count - 1 %>">
+              <div class="flex-grow-1">
+                <div class="fw-medium"><%= truncate(title, length: 35) %></div>
+                <small class="text-muted">Used <%= usage_count %> times</small>
+              </div>
+              <div class="ms-2">
+                <span class="badge bg-success"><%= usage_count %></span>
+              </div>
+            </div>
+          <% end %>
+        <% else %>
+          <%= render Ragdoll::EmptyStateComponent.new(
+            title: "No document usage yet",
+            message: "Document access statistics will appear here.",
+            icon: "fas fa-file-alt"
+          ) %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Similarity Score Distribution -->
+<div class="row">
+  <div class="col-lg-8">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-chart-bar"></i> Similarity Score Distribution
+        </h5>
+      </div>
+      <div class="card-body">
+        <canvas id="similarityChart" height="100"></canvas>
+      </div>
+    </div>
+  </div>
+
+  <!-- System Statistics -->
+  <div class="col-lg-4">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title mb-0">
+          <i class="fas fa-server"></i> System Statistics
+        </h5>
+      </div>
+      <div class="card-body">
+        <dl class="row small">
+          <dt class="col-sm-7">Total Documents:</dt>
+          <dd class="col-sm-5"><%= @system_stats[:total_documents] %></dd>
+          
+          <dt class="col-sm-7">Processed:</dt>
+          <dd class="col-sm-5">
+            <span class="badge bg-success"><%= @system_stats[:processed_documents] %></span>
+          </dd>
+          
+          <dt class="col-sm-7">Failed:</dt>
+          <dd class="col-sm-5">
+            <span class="badge bg-danger"><%= @system_stats[:failed_documents] %></span>
+          </dd>
+          
+          <dt class="col-sm-7">Pending:</dt>
+          <dd class="col-sm-5">
+            <span class="badge bg-warning"><%= @system_stats[:pending_documents] %></span>
+          </dd>
+          
+          <dt class="col-sm-7">Total Embeddings:</dt>
+          <dd class="col-sm-5"><%= @system_stats[:total_embeddings] %></dd>
+          
+          <dt class="col-sm-7">Embedding Usage:</dt>
+          <dd class="col-sm-5"><%= @system_stats[:total_embedding_usage] %></dd>
+        </dl>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Chart.js Scripts -->
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  // Search Trends Chart
+  const trendsCtx = document.getElementById('searchTrendsChart').getContext('2d');
+  new Chart(trendsCtx, {
+    type: 'line',
+    data: {
+      labels: <%= @search_trends.keys.to_json.html_safe %>,
+      datasets: [{
+        label: 'Searches',
+        data: <%= @search_trends.values.to_json.html_safe %>,
+        borderColor: '#0d6efd',
+        backgroundColor: 'rgba(13, 110, 253, 0.1)',
+        fill: true,
+        tension: 0.4
+      }]
+    },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: {
+          display: false
+        }
+      },
+      scales: {
+        y: {
+          beginAtZero: true,
+          ticks: {
+            stepSize: 1
+          }
+        }
+      }
+    }
+  });
+
+  // Search Types Chart
+  const typesCtx = document.getElementById('searchTypesChart').getContext('2d');
+  const searchTypesData = <%= @search_analytics[:search_types].to_json.html_safe %>;
+  new Chart(typesCtx, {
+    type: 'doughnut',
+    data: {
+      labels: Object.keys(searchTypesData).map(type => type.charAt(0).toUpperCase() + type.slice(1)),
+      datasets: [{
+        data: Object.values(searchTypesData),
+        backgroundColor: [
+          '#0d6efd',
+          '#198754',
+          '#ffc107',
+          '#dc3545',
+          '#6f42c1'
+        ]
+      }]
+    },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: {
+          position: 'bottom'
+        }
+      }
+    }
+  });
+
+  // Similarity Distribution Chart
+  const similarityCtx = document.getElementById('similarityChart').getContext('2d');
+  const similarityData = <%= @similarity_distribution.to_json.html_safe %>;
+  new Chart(similarityCtx, {
+    type: 'bar',
+    data: {
+      labels: Object.keys(similarityData),
+      datasets: [{
+        label: 'Search Count',
+        data: Object.values(similarityData),
+        backgroundColor: [
+          '#198754',
+          '#20c997',
+          '#0dcaf0',
+          '#6f42c1',
+          '#fd7e14',
+          '#dc3545'
+        ]
+      }]
+    },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: {
+          display: false
+        }
+      },
+      scales: {
+        y: {
+          beginAtZero: true,
+          ticks: {
+            stepSize: 1
+          }
+        },
+        x: {
+          title: {
+            display: true,
+            text: 'Similarity Score Range'
+          }
+        }
+      }
+    }
+  });
+});
+</script>

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>