RubyGems - reviewkit - Versions diffs - 0.1.0 - Mend

reviewkit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

checksums.yaml +7 -0
data/CHANGELOG.md +23 -0
data/CODE_OF_CONDUCT.md +123 -0
data/CONTRIBUTING.md +44 -0
data/MIT-LICENSE +20 -0
data/README.md +335 -0
data/Rakefile +7 -0
data/SECURITY.md +18 -0
data/app/assets/builds/reviewkit/application.css +2 -0
data/app/assets/javascripts/reviewkit/application.js +12 -0
data/app/assets/javascripts/reviewkit/controllers/file_nav_controller.js +24 -0
data/app/assets/javascripts/reviewkit/controllers/review_index_controller.js +84 -0
data/app/assets/tailwind/reviewkit/application.css +865 -0
data/app/controllers/reviewkit/application_controller.rb +80 -0
data/app/controllers/reviewkit/comments_controller.rb +147 -0
data/app/controllers/reviewkit/review_threads_controller.rb +277 -0
data/app/controllers/reviewkit/reviews_controller.rb +142 -0
data/app/helpers/reviewkit/application_helper.rb +12 -0
data/app/helpers/reviewkit/asset_helper.rb +39 -0
data/app/helpers/reviewkit/diff_helper.rb +230 -0
data/app/helpers/reviewkit/flash_helper.rb +36 -0
data/app/helpers/reviewkit/frame_helper.rb +37 -0
data/app/helpers/reviewkit/icon_helper.rb +107 -0
data/app/helpers/reviewkit/review_thread_helper.rb +54 -0
data/app/models/concerns/reviewkit/notifies_lifecycle_events.rb +39 -0
data/app/models/reviewkit/application_record.rb +7 -0
data/app/models/reviewkit/comment.rb +29 -0
data/app/models/reviewkit/current.rb +7 -0
data/app/models/reviewkit/document.rb +79 -0
data/app/models/reviewkit/review.rb +66 -0
data/app/models/reviewkit/review_thread.rb +75 -0
data/app/services/reviewkit/diffs/intraline_budget.rb +40 -0
data/app/services/reviewkit/diffs/intraline_diff.rb +220 -0
data/app/services/reviewkit/diffs/split_diff.rb +112 -0
data/app/services/reviewkit/reviews/create.rb +57 -0
data/app/views/layouts/reviewkit/application.html.erb +15 -0
data/app/views/reviewkit/comments/_comment.html.erb +53 -0
data/app/views/reviewkit/comments/_edit_form.html.erb +26 -0
data/app/views/reviewkit/comments/_form.html.erb +16 -0
data/app/views/reviewkit/review_threads/_bucket.html.erb +53 -0
data/app/views/reviewkit/review_threads/_bucket_frame.html.erb +13 -0
data/app/views/reviewkit/review_threads/_bucket_row.html.erb +55 -0
data/app/views/reviewkit/review_threads/_edit_form.html.erb +29 -0
data/app/views/reviewkit/review_threads/_thread.html.erb +87 -0
data/app/views/reviewkit/reviews/_document.html.erb +41 -0
data/app/views/reviewkit/reviews/_document_split.html.erb +73 -0
data/app/views/reviewkit/reviews/_document_unified.html.erb +57 -0
data/app/views/reviewkit/reviews/_edit_form.html.erb +35 -0
data/app/views/reviewkit/reviews/_index_content.html.erb +160 -0
data/app/views/reviewkit/reviews/_review_sidebar.html.erb +70 -0
data/app/views/reviewkit/reviews/_show_content.html.erb +164 -0
data/app/views/reviewkit/reviews/index.html.erb +11 -0
data/app/views/reviewkit/reviews/show.html.erb +11 -0
data/app/views/reviewkit/shared/_flash.html.erb +10 -0
data/bin/console +4 -0
data/bin/lint +4 -0
data/bin/rails +14 -0
data/bin/setup +9 -0
data/bin/test +4 -0
data/config/importmap.rb +6 -0
data/config/routes.rb +24 -0
data/db/migrate/20260331181500_create_reviewkit_reviews.rb +19 -0
data/db/migrate/20260331181600_create_reviewkit_documents.rb +23 -0
data/db/migrate/20260331181700_create_reviewkit_review_threads.rb +23 -0
data/db/migrate/20260331181800_create_reviewkit_comments.rb +15 -0
data/db/migrate/20260401093000_add_description_to_reviewkit_reviews.rb +7 -0
data/lib/generators/reviewkit/controllers/controllers_generator.rb +24 -0
data/lib/generators/reviewkit/controllers/templates/comments_controller_extension.rb +13 -0
data/lib/generators/reviewkit/controllers/templates/review_threads_controller_extension.rb +13 -0
data/lib/generators/reviewkit/controllers/templates/reviews_controller_extension.rb +19 -0
data/lib/generators/reviewkit/install/install_generator.rb +52 -0
data/lib/generators/reviewkit/install/templates/importmap.rb +3 -0
data/lib/generators/reviewkit/install/templates/reviewkit.rb +19 -0
data/lib/generators/reviewkit/models/models_generator.rb +24 -0
data/lib/generators/reviewkit/models/templates/comment_extension.rb +21 -0
data/lib/generators/reviewkit/models/templates/review_extension.rb +22 -0
data/lib/generators/reviewkit/models/templates/review_thread_extension.rb +21 -0
data/lib/generators/reviewkit/views/views_generator.rb +15 -0
data/lib/reviewkit/configuration.rb +33 -0
data/lib/reviewkit/engine.rb +67 -0
data/lib/reviewkit/version.rb +5 -0
data/lib/reviewkit.rb +26 -0
data/lib/tasks/reviewkit_tasks.rake +12 -0
data/sig/reviewkit.rbs +129 -0
metadata +238 -0

data/app/views/reviewkit/review_threads/_bucket_row.html.erb ADDED Viewed

@@ -0,0 +1,55 @@
+<% show_bucket = composer_open || thread_errors.present? || threads.present? %>
+<tr
+  id="<%= reviewkit_thread_bucket_row_id(document, line_code) %>"
+  class="<%= [("hidden" unless show_bucket), "border-t border-slate-200 bg-slate-50/40"].compact.join(" ") %>"
+>
+  <% if view_mode == "split" %>
+    <% default_side = row&.dig("new_line").present? ? "new" : "old" %>
+    <% old_threads = threads.select { |thread| thread.side == "old" } %>
+    <% new_threads = threads.select { |thread| thread.side == "new" } %>
+    <% active_side = composer_side.presence || default_side %>
+    <td colspan="3" class="reviewkit-thread-bucket-cell reviewkit-thread-bucket-cell--split reviewkit-thread-bucket-cell--old">
+      <%= render "reviewkit/review_threads/bucket",
+        composer_open: composer_open && active_side == "old",
+        composer_side: "old",
+        document: document,
+        frame_id: frame_id,
+        line_code: line_code,
+        review: review,
+        row: row,
+        thread_errors: active_side == "old" ? thread_errors : [],
+        threads: old_threads,
+        view_mode: view_mode %>
+    </td>
+    <td colspan="3" class="reviewkit-thread-bucket-cell reviewkit-thread-bucket-cell--split reviewkit-thread-bucket-cell--new">
+      <%= render "reviewkit/review_threads/bucket",
+        composer_open: composer_open && active_side == "new",
+        composer_side: "new",
+        document: document,
+        frame_id: frame_id,
+        line_code: line_code,
+        review: review,
+        row: row,
+        thread_errors: active_side == "new" ? thread_errors : [],
+        threads: new_threads,
+        view_mode: view_mode %>
+    </td>
+  <% else %>
+    <td colspan="<%= colspan %>" class="reviewkit-thread-bucket-cell">
+      <%= render "reviewkit/review_threads/bucket",
+        composer_open: composer_open,
+        composer_side: composer_side,
+        document: document,
+        frame_id: frame_id,
+        line_code: line_code,
+        review: review,
+        row: row,
+        thread_errors: thread_errors,
+        threads: threads,
+        view_mode: view_mode %>
+    </td>
+  <% end %>
+</tr>

data/app/views/reviewkit/review_threads/_edit_form.html.erb ADDED Viewed

@@ -0,0 +1,29 @@
+<%= turbo_frame_tag dom_id(thread) do %>
+  <%= form_with model: thread, scope: :review_thread, class: "reviewkit-comment-edit-form" do |form| %>
+    <%= form.hidden_field :frame_id, value: local_assigns[:frame_id] %>
+    <%= form.hidden_field :view, value: local_assigns[:view_mode] %>
+    <% if comment.errors.any? %>
+      <div class="reviewkit-comment-error">
+        <%= safe_join(comment.errors.full_messages.map { |error| content_tag(:div, error) }) %>
+      </div>
+    <% end %>
+    <label class="block">
+      <span class="mb-1 block text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Edit thread</span>
+      <%= form.text_area :body,
+        value: comment.body,
+        rows: 3,
+        class: "reviewkit-textarea",
+        autofocus: true %>
+    </label>
+    <div class="flex items-center justify-end gap-2">
+      <%= link_to "Cancel",
+        review_thread_path(thread, frame_id: local_assigns[:frame_id], view: local_assigns[:view_mode]),
+        class: "reviewkit-button reviewkit-button--ghost reviewkit-button--small",
+        data: { turbo_frame: dom_id(thread) } %>
+      <%= form.submit "Save",
+        class: "reviewkit-button reviewkit-button--primary reviewkit-button--small" %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/reviewkit/review_threads/_thread.html.erb ADDED Viewed

@@ -0,0 +1,87 @@
+<% review_frame_id = local_assigns[:frame_id] || dom_id(review, :review) %>
+<% starter_comment = reviewkit_thread_starter_comment(thread) %>
+<%= turbo_frame_tag dom_id(thread) do %>
+  <details class="reviewkit-thread-accordion" <%= "open" if local_assigns[:expanded] %>>
+    <summary class="reviewkit-thread-accordion__summary">
+      <div class="reviewkit-thread-accordion__summary-main">
+        <div class="flex flex-wrap items-center gap-2">
+          <span class="font-semibold text-slate-900">
+            <%= reviewkit_actor_label(starter_comment&.author) %>
+          </span>
+          <span class="<%= reviewkit_status_pill_class(thread.status) %>">
+            <%= thread.status %>
+          </span>
+          <span class="text-slate-500">line <%= thread.new_line || thread.old_line %></span>
+          <span class="text-slate-400"><%= pluralize(thread.comments.size, "comment") %></span>
+        </div>
+        <p class="reviewkit-thread-accordion__preview">
+          <%= reviewkit_thread_preview(thread) %>
+        </p>
+      </div>
+      <span class="reviewkit-thread-accordion__chevron" aria-hidden="true">
+        <%= reviewkit_chevron_right_icon %>
+      </span>
+    </summary>
+    <article class="reviewkit-thread-card">
+      <header class="reviewkit-thread-card__header">
+        <div class="flex flex-wrap items-center gap-1.5">
+          <% if thread.open? %>
+            <%= button_to "Resolve", resolve_review_thread_path(thread), method: :patch,
+              class: "reviewkit-button reviewkit-button--ghost reviewkit-button--small",
+              params: { frame_id: review_frame_id, view: local_assigns[:view_mode] } %>
+            <%= button_to "Outdated", mark_outdated_review_thread_path(thread), method: :patch,
+              class: "reviewkit-button reviewkit-button--ghost reviewkit-button--small",
+              params: { frame_id: review_frame_id, view: local_assigns[:view_mode] } %>
+          <% else %>
+            <%= button_to "Reopen", reopen_review_thread_path(thread), method: :patch,
+              class: "reviewkit-button reviewkit-button--ghost reviewkit-button--small",
+              params: { frame_id: review_frame_id, view: local_assigns[:view_mode] } %>
+          <% end %>
+        </div>
+        <% if reviewkit_thread_manageable?(thread) %>
+          <div class="reviewkit-inline-actions" aria-label="Thread actions">
+            <%= link_to edit_review_thread_path(thread, frame_id: review_frame_id, view: local_assigns[:view_mode]),
+              class: "reviewkit-inline-icon-button",
+              data: { turbo_frame: dom_id(thread) },
+              aria: { label: "Edit thread" },
+              title: "Edit thread" do %>
+              <%= reviewkit_pencil_icon %>
+            <% end %>
+            <%= link_to review_thread_path(thread, frame_id: review_frame_id, view: local_assigns[:view_mode]),
+              class: "reviewkit-inline-icon-button reviewkit-inline-icon-button--danger",
+              data: {
+                turbo_method: :delete,
+                turbo_frame: review_frame_id,
+                turbo_confirm: "Delete this thread?"
+              },
+              aria: { label: "Delete thread" },
+              title: "Delete thread" do %>
+              <%= reviewkit_trash_icon %>
+            <% end %>
+          </div>
+        <% end %>
+      </header>
+      <div class="divide-y divide-slate-200">
+        <% thread.comments.each do |comment| %>
+          <%= render "reviewkit/comments/comment",
+            comment: comment,
+            frame_id: review_frame_id,
+            view_mode: local_assigns[:view_mode] %>
+        <% end %>
+        <%= render "reviewkit/comments/form",
+          frame_id: review_frame_id,
+          review: review,
+          thread: thread,
+          view_mode: local_assigns[:view_mode] %>
+      </div>
+    </article>
+  </details>
+<% end %>

data/app/views/reviewkit/reviews/_document.html.erb ADDED Viewed

@@ -0,0 +1,41 @@
+<% directory, basename = reviewkit_document_path_parts(document) %>
+<article
+  id="<%= reviewkit_document_anchor(document) %>"
+  class="reviewkit-file reviewkit-file--selected"
+>
+  <header class="reviewkit-file-header">
+    <div class="reviewkit-file-heading">
+      <%= reviewkit_file_icon %>
+      <p class="reviewkit-file-path" title="<%= document.path %>" aria-label="<%= document.path %>">
+        <% if directory.present? %>
+          <span class="reviewkit-file-path__directory"><%= directory %></span>
+        <% end %>
+        <span class="reviewkit-file-path__basename"><%= basename %></span>
+      </p>
+    </div>
+    <div class="reviewkit-file-meta">
+      <span><%= document.language %></span>
+      <span class="font-medium text-emerald-700">+<%= document.additions_count %></span>
+      <span class="font-medium text-rose-700">-<%= document.deletions_count %></span>
+      <span class="rounded-md px-2 py-0.5 text-[11px] font-semibold <%= reviewkit_document_badge_class(document) %>">
+        <%= document.status %>
+      </span>
+    </div>
+  </header>
+  <div class="reviewkit-file-table-wrap">
+    <div class="reviewkit-file-table-scroll">
+      <%= render "reviewkit/reviews/document_#{view_mode}",
+        document: document,
+        frame_id: frame_id,
+        open_thread_line_code: open_thread_line_code,
+        open_thread_side: open_thread_side,
+        review: review,
+        view_mode: view_mode,
+        thread_index: thread_index %>
+    </div>
+  </div>
+</article>

data/app/views/reviewkit/reviews/_document_split.html.erb ADDED Viewed

@@ -0,0 +1,73 @@
+<table class="reviewkit-diff-table reviewkit-diff-table--split">
+  <colgroup>
+    <col class="w-8">
+    <col class="w-[1%]">
+    <col>
+    <col class="w-8">
+    <col class="w-[1%]">
+    <col>
+  </colgroup>
+  <% document.diff_rows.each do |row| %>
+    <% threads = reviewkit_threads_for(thread_index, document, row) %>
+    <% line_code = row.fetch("line_code") %>
+    <% composer_open = open_thread_line_code == line_code %>
+    <tbody class="reviewkit-line-group">
+      <tr class="<%= reviewkit_diff_row_class(row) %>">
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--old reviewkit-diff-cell--action">
+          <% if row["old_line"].present? %>
+            <%= link_to "+",
+              review_path(review, document_id: document.id, open_thread: line_code, thread_side: "old", view: view_mode),
+              class: "reviewkit-line-action",
+              data: { turbo_frame: frame_id },
+              aria: { label: "Start a thread on the old version of this line" } %>
+          <% end %>
+        </td>
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--old reviewkit-diff-cell--line">
+          <%= reviewkit_line_number(row["old_line"]) %>
+        </td>
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--old reviewkit-diff-cell--code reviewkit-diff-cell--split-divider">
+          <%= reviewkit_highlight_line(
+            row["old_text"],
+            document.language,
+            inline_ranges: reviewkit_inline_ranges(row, side: "old", document: document),
+            inline_side: "old"
+          ) %>
+        </td>
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--new reviewkit-diff-cell--action">
+          <% if row["new_line"].present? %>
+            <%= link_to "+",
+              review_path(review, document_id: document.id, open_thread: line_code, thread_side: "new", view: view_mode),
+              class: "reviewkit-line-action",
+              data: { turbo_frame: frame_id },
+              aria: { label: "Start a thread on the new version of this line" } %>
+          <% end %>
+        </td>
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--new reviewkit-diff-cell--line">
+          <%= reviewkit_line_number(row["new_line"]) %>
+        </td>
+        <td class="reviewkit-diff-cell reviewkit-diff-cell--new reviewkit-diff-cell--code">
+          <%= reviewkit_highlight_line(
+            row["new_text"],
+            document.language,
+            inline_ranges: reviewkit_inline_ranges(row, side: "new", document: document),
+            inline_side: "new"
+          ) %>
+        </td>
+      </tr>
+      <%= render "reviewkit/review_threads/bucket_row",
+        colspan: 6,
+        composer_open: composer_open,
+        composer_side: open_thread_side,
+        document: document,
+        frame_id: frame_id,
+        line_code: line_code,
+        review: review,
+        row: row,
+        thread_errors: [],
+        threads: threads,
+        view_mode: view_mode %>
+    </tbody>
+  <% end %>
+</table>

data/app/views/reviewkit/reviews/_document_unified.html.erb ADDED Viewed

@@ -0,0 +1,57 @@
+<table class="reviewkit-diff-table reviewkit-diff-table--unified">
+  <colgroup>
+    <col class="w-8">
+    <col class="w-[1%]">
+    <col class="w-[1%]">
+    <col>
+  </colgroup>
+  <% document.diff_rows.each do |row| %>
+    <% threads = reviewkit_threads_for(thread_index, document, row) %>
+    <% unified_rows = reviewkit_unified_group_rows(row, document: document) %>
+    <% line_code = row.fetch("line_code") %>
+    <% composer_open = open_thread_line_code == line_code %>
+    <tbody class="reviewkit-line-group">
+      <% unified_rows.each do |unified_row| %>
+        <tr class="<%= reviewkit_diff_row_class(unified_row) %>">
+          <td class="reviewkit-diff-cell reviewkit-diff-cell--action">
+            <% if unified_row["line"].present? %>
+              <%= link_to "+",
+                review_path(review, document_id: document.id, open_thread: line_code, thread_side: (unified_row["side"] == "old" ? "old" : "new"), view: view_mode),
+                class: "reviewkit-line-action",
+                data: { turbo_frame: frame_id },
+                aria: { label: "Start a thread on this line" } %>
+            <% end %>
+          </td>
+          <td class="reviewkit-diff-cell reviewkit-diff-cell--line">
+            <%= reviewkit_line_number(unified_row["old_line"]) %>
+          </td>
+          <td class="reviewkit-diff-cell reviewkit-diff-cell--line">
+            <%= reviewkit_line_number(unified_row["new_line"]) %>
+          </td>
+          <td class="reviewkit-diff-cell reviewkit-diff-cell--code">
+            <%= reviewkit_highlight_line(
+              unified_row["text"],
+              document.language,
+              inline_ranges: reviewkit_inline_ranges(unified_row, side: unified_row["side"], document: document),
+              inline_side: unified_row["side"]
+            ) %>
+          </td>
+        </tr>
+      <% end %>
+      <%= render "reviewkit/review_threads/bucket_row",
+        colspan: 4,
+        composer_open: composer_open,
+        composer_side: open_thread_side,
+        document: document,
+        frame_id: frame_id,
+        line_code: line_code,
+        review: review,
+        row: row,
+        thread_errors: [],
+        threads: threads,
+        view_mode: view_mode %>
+    </tbody>
+  <% end %>
+</table>

data/app/views/reviewkit/reviews/_edit_form.html.erb ADDED Viewed

@@ -0,0 +1,35 @@
+<%= form_with model: review,
+  url: review_path(review, document_id: selected_document&.id, view: view_mode),
+  method: :patch,
+  class: "reviewkit-review-edit-form",
+  data: { turbo_frame: frame_id } do |form| %>
+  <% if review.errors.any? %>
+    <div class="reviewkit-comment-error">
+      <%= safe_join(review.errors.full_messages.map { |error| content_tag(:div, error) }) %>
+    </div>
+  <% end %>
+  <label class="block">
+    <span class="mb-1 block text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Title</span>
+    <%= form.text_field :title,
+      class: "reviewkit-textarea",
+      autofocus: true %>
+  </label>
+  <label class="block">
+    <span class="mb-1 block text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Description</span>
+    <%= form.text_area :description,
+      rows: 3,
+      class: "reviewkit-textarea",
+      placeholder: "Explain what this review is for." %>
+  </label>
+  <div class="flex items-center justify-end gap-2">
+    <%= link_to "Cancel",
+      review_path(review, document_id: selected_document&.id, view: view_mode),
+      class: "reviewkit-button reviewkit-button--ghost reviewkit-button--small",
+      data: { turbo_frame: frame_id } %>
+    <%= form.submit "Save",
+      class: "reviewkit-button reviewkit-button--primary reviewkit-button--small" %>
+  </div>
+<% end %>

data/app/views/reviewkit/reviews/_index_content.html.erb ADDED Viewed

@@ -0,0 +1,160 @@
+<main class="<%= reviewkit_frame_request? ? "reviewkit-page reviewkit-page--embedded" : "reviewkit-page" %>">
+  <section class="reviewkit-index-shell" data-controller="reviewkit--review-index">
+    <% status_options = {
+      "all" => { label: "All", count: reviews.size },
+      "open" => { label: "Open", count: reviews.count { |review| review.status == "open" } },
+      "approved" => { label: "Approved", count: reviews.count { |review| review.status == "approved" } },
+      "rejected" => { label: "Rejected", count: reviews.count { |review| review.status == "rejected" } },
+      "closed" => { label: "Closed", count: reviews.count { |review| review.status == "closed" } }
+    } %>
+    <header class="reviewkit-index-heading">
+      <div class="reviewkit-index-heading__copy">
+        <h1 class="reviewkit-title reviewkit-title--compact">Reviews</h1>
+        <p class="reviewkit-subtitle reviewkit-subtitle--compact">
+          Search open work, filter by status, and jump directly into a review.
+        </p>
+      </div>
+      <div class="reviewkit-summary-pill">
+        <span class="reviewkit-summary-pill__value" data-reviewkit--review-index-target="count"><%= reviews.size %></span>
+        <span>visible</span>
+      </div>
+    </header>
+    <% if reviews.any? %>
+      <section class="reviewkit-panel reviewkit-index-table-shell">
+        <div class="reviewkit-index-toolbar">
+          <div class="reviewkit-index-toolbar__search">
+            <label class="reviewkit-index-search">
+              <span class="sr-only">Search reviews</span>
+              <input
+                type="search"
+                name="reviewkit_review_search"
+                placeholder="Filter reviews by title, reference, or description"
+                autocomplete="off"
+                data-action="input->reviewkit--review-index#filter"
+                data-reviewkit--review-index-target="search"
+              >
+            </label>
+          </div>
+          <div class="reviewkit-index-tabs">
+            <div class="reviewkit-index-tabs__select-wrap">
+              <label class="sr-only" for="reviewkit-review-status-filter">Filter reviews by status</label>
+              <select
+                id="reviewkit-review-status-filter"
+                class="reviewkit-index-tabs__select"
+                aria-label="Filter reviews by status"
+                data-action="change->reviewkit--review-index#selectStatusFilter"
+                data-reviewkit--review-index-target="select"
+              >
+                <% status_options.each do |status, option| %>
+                  <option value="<%= status %>"<%= status == "all" ? " selected" : "" %>><%= option[:label] %></option>
+                <% end %>
+              </select>
+              <svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" class="reviewkit-index-tabs__select-icon">
+                <path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
+              </svg>
+            </div>
+            <div class="reviewkit-index-tabs__desktop">
+              <div class="reviewkit-index-tabs__nav-wrap">
+                <nav class="reviewkit-index-tabs__nav" aria-label="Filter reviews by status">
+                  <% status_options.each do |status, option| %>
+                    <% active = status == "all" %>
+                    <button
+                      type="button"
+                      role="tab"
+                      class="reviewkit-index-tab<%= active ? " reviewkit-index-tab--active" : "" %>"
+                      data-action="reviewkit--review-index#applyStatusFilter"
+                      data-reviewkit--review-index-target="filter"
+                      data-status="<%= status %>"
+                      aria-selected="<%= active %>"
+                      tabindex="<%= active ? 0 : -1 %>"
+                    >
+                      <span><%= option[:label] %></span>
+                      <span class="reviewkit-index-tab__count<%= active ? " reviewkit-index-tab__count--active" : "" %>"><%= option[:count] %></span>
+                    </button>
+                  <% end %>
+                </nav>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="reviewkit-index-table-wrap">
+          <table class="reviewkit-index-table">
+            <thead>
+              <tr>
+                <th scope="col">Review</th>
+                <th scope="col">Status</th>
+                <th scope="col">Threads</th>
+                <th scope="col">Updated</th>
+              </tr>
+            </thead>
+            <tbody>
+              <% reviews.each do |review| %>
+                <% search_text = [review.title, review.external_reference, review.description].compact.join(" ") %>
+                <tr
+                  tabindex="0"
+                  role="link"
+                  aria-label="Open review <%= review.title %>"
+                  data-action="click->reviewkit--review-index#openRow keydown->reviewkit--review-index#openRowFromKeyboard"
+                  data-reviewkit--review-index-target="row"
+                  data-search="<%= search_text %>"
+                  data-status="<%= review.status %>"
+                  data-url="<%= review_path(review) %>"
+                >
+                  <td>
+                    <div class="reviewkit-index-row__primary">
+                      <div class="reviewkit-index-row__title-group">
+                        <%= link_to review.title, review_path(review), class: "reviewkit-index-row__title" %>
+                        <% if review.external_reference.present? %>
+                          <span class="reviewkit-index-row__reference"><%= review.external_reference %></span>
+                        <% end %>
+                      </div>
+                      <% if review.description.present? %>
+                        <p class="reviewkit-index-row__description"><%= truncate(review.description, length: 180) %></p>
+                      <% end %>
+                      <div class="reviewkit-index-row__meta">
+                        <span><%= pluralize(review.documents.size, "document") %></span>
+                        <% if review.reviewable_type.present? %>
+                          <span><%= review.reviewable_type %></span>
+                        <% end %>
+                      </div>
+                    </div>
+                  </td>
+                  <td class="reviewkit-index-row__status">
+                    <span class="<%= reviewkit_status_pill_class(review) %>"><%= review.status %></span>
+                  </td>
+                  <td class="reviewkit-index-row__threads">
+                    <span class="reviewkit-index-row__thread-count"><%= review.review_threads.size %></span>
+                    <span class="reviewkit-index-row__thread-label">total</span>
+                  </td>
+                  <td class="reviewkit-index-row__updated">
+                    <time datetime="<%= review.updated_at.iso8601 %>"><%= time_ago_in_words(review.updated_at) %> ago</time>
+                  </td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+        <div class="reviewkit-index-empty hidden" data-reviewkit--review-index-target="empty">
+          <p>No reviews match the current filter.</p>
+        </div>
+      </section>
+    <% else %>
+      <section class="reviewkit-panel reviewkit-empty-state">
+        <p class="reviewkit-kicker">Ready for your first review</p>
+        <h2 class="text-2xl font-semibold tracking-tight text-slate-950">No reviews have been created yet.</h2>
+        <p class="max-w-2xl text-sm leading-7 text-slate-600">
+          Once your host application creates reviews through <code>Reviewkit::Reviews::Create.call</code>, they will appear here automatically.
+        </p>
+      </section>
+    <% end %>
+  </section>
+</main>

data/app/views/reviewkit/reviews/_review_sidebar.html.erb ADDED Viewed

@@ -0,0 +1,70 @@
+<aside class="reviewkit-review-sidebar">
+  <div class="reviewkit-review-sidebar__rail">
+    <div class="space-y-1">
+      <p class="reviewkit-kicker">Files changed</p>
+      <p class="text-sm text-slate-600">
+        <span class="font-semibold text-slate-900"><%= review.documents.size %></span> files,
+        <span class="font-semibold text-slate-900"><%= review.open_threads_count %></span> open thread<%= "s" unless review.open_threads_count == 1 %>
+      </p>
+      <% if review.external_reference.present? %>
+        <p class="text-xs text-slate-500"><span class="font-medium text-slate-700">Reference:</span> <%= review.external_reference %></p>
+      <% end %>
+    </div>
+    <label class="reviewkit-document-search">
+      <span class="sr-only">Search changed files</span>
+      <input
+        type="search"
+        name="reviewkit_document_search"
+        placeholder="Jump to file"
+        autocomplete="off"
+        data-action="input->reviewkit--file-nav#filter"
+        data-reviewkit--file-nav-target="search"
+      >
+    </label>
+    <div class="reviewkit-document-nav-wrap">
+      <nav class="reviewkit-document-nav" aria-label="Changed files">
+        <% review.documents.each do |document| %>
+          <% directory, basename = reviewkit_document_path_parts(document) %>
+          <%= link_to review_path(review, document_id: document.id, view: view_mode),
+            class: [ "reviewkit-document-link", ("reviewkit-document-link--active" if document == selected_document) ].compact.join(" "),
+            title: document.path,
+            aria: { label: document.path },
+            data: {
+              turbo_frame: frame_id,
+              "reviewkit--file-nav-target": "link",
+              path: document.path
+            } do %>
+            <div class="reviewkit-document-link__content">
+              <%= reviewkit_file_icon(class_name: "reviewkit-file-icon reviewkit-file-icon--nav") %>
+              <p class="reviewkit-document-link__path" title="<%= document.path %>">
+                <% if directory.present? %>
+                  <span class="text-slate-500"><%= directory %></span>
+                <% end %>
+                <span class="font-semibold text-slate-900"><%= basename %></span>
+              </p>
+            </div>
+            <span class="reviewkit-document-link__stats">
+              <span class="font-medium text-emerald-700">+<%= document.additions_count %></span>
+              <span class="font-medium text-rose-700">-<%= document.deletions_count %></span>
+            </span>
+          <% end %>
+        <% end %>
+      </nav>
+      <p class="reviewkit-document-empty hidden" data-reviewkit--file-nav-target="empty">
+        No changed files match that search.
+      </p>
+    </div>
+    <% if review.metadata.present? %>
+      <details class="reviewkit-sidebar-details">
+        <summary>Review metadata</summary>
+        <pre class="reviewkit-code-panel"><%= JSON.pretty_generate(review.metadata) %></pre>
+      </details>
+    <% end %>
+  </div>
+</aside>