prompt_engine 1.0.0

data/app/views/prompt_engine/prompts/show.html.erb

@@ -0,0 +1,297 @@
+<div class="admin-header">
+  <div>
+    <h1><%= @prompt.name %></h1>
+    <% if @prompt.description.present? %>
+      <p class="text-muted"><%= @prompt.description %></p>
+    <% end %>
+  </div>
+  <div class="btn-group">
+    <%= link_to "Try this Prompt", playground_prompt_path(@prompt), class: "btn btn--primary btn--medium" %>
+    <%= link_to "Test Run History", prompt_playground_run_results_path(@prompt), class: "btn btn--secondary btn--medium" %>
+    <%= link_to "Version History", prompt_versions_path(@prompt), class: "btn btn--secondary btn--medium" %>
+    <%= link_to "Evaluations", prompt_eval_sets_path(@prompt), class: "btn btn--secondary btn--medium" %>
+    <%= link_to "Edit", edit_prompt_path(@prompt), class: "btn btn--secondary btn--medium" %>
+    <%= button_to "Delete", prompt_path(@prompt), method: :delete,
+        data: { confirm: "Are you sure you want to delete this prompt?" },
+        class: "btn btn--danger btn--medium" %>
+  </div>
+</div>
+
+<div class="prompt-details">
+  <div class="card mb-lg">
+    <div class="card__header">
+      <h3 class="card__title">Configuration</h3>
+    </div>
+    <div class="card__body">
+      <div class="detail-grid">
+        <div class="detail-item">
+          <label class="detail-label">Status</label>
+          <div class="detail-value">
+            <span class="table__badge table__badge--<%= @prompt.status %>">
+              <%= @prompt.status %>
+            </span>
+          </div>
+        </div>
+
+        <div class="detail-item">
+          <label class="detail-label">Model</label>
+          <div class="detail-value"><%= @prompt.model || "Not configured" %></div>
+        </div>
+
+        <div class="detail-item">
+          <label class="detail-label">Temperature</label>
+          <div class="detail-value"><%= @prompt.temperature || "Default" %></div>
+        </div>
+
+        <div class="detail-item">
+          <label class="detail-label">Max Tokens</label>
+          <div class="detail-value"><%= @prompt.max_tokens || "Default" %></div>
+        </div>
+
+        <div class="detail-item">
+          <label class="detail-label">Created</label>
+          <div class="detail-value"><%= @prompt.created_at.strftime("%B %d, %Y at %I:%M %p") %></div>
+        </div>
+
+        <div class="detail-item">
+          <label class="detail-label">Last Updated</label>
+          <div class="detail-value"><%= @prompt.updated_at.strftime("%B %d, %Y at %I:%M %p") %></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <% if @prompt.parameters.any? %>
+    <div class="card mb-lg">
+      <div class="card__header">
+        <h3 class="card__title">Parameters</h3>
+      </div>
+      <div class="card__body">
+        <div class="parameters-table">
+          <% @prompt.parameters.ordered.each do |parameter| %>
+            <div class="parameter-row">
+              <div class="parameter-name"><%= parameter.name %></div>
+              <div class="parameter-details">
+                <span class="parameter-type"><%= parameter.parameter_type %></span>
+                <span class="parameter-required <%= parameter.required? ? 'required' : 'optional' %>">
+                  <%= parameter.required? ? 'Required' : 'Optional' %>
+                </span>
+                <% if parameter.default_value.present? %>
+                  <span class="parameter-default">Default: <%= parameter.default_value %></span>
+                <% end %>
+              </div>
+              <% if parameter.description.present? %>
+                <div class="parameter-description"><%= parameter.description %></div>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="card mb-lg">
+    <div class="card__header">
+      <h3 class="card__title">Usage Example</h3>
+    </div>
+    <div class="card__body">
+      <p class="text-muted mb-md">Use this prompt in your Rails application:</p>
+      <pre class="code-example"># In your controller or model
+result = PromptEngine.render(:<%= @prompt.name %><% 
+  if @prompt.parameters.any?
+%>, variables: {<% @prompt.parameters.ordered.each_with_index do |param, index| %>
+  <%= param.name %>: <%= param.example_value.presence || "\"value#{index + 1}\"" %>,<% end %>
+}<% else %> # No variables needed<% end %>)
+
+# Access the rendered content
+rendered_content = result[:content]
+
+# Access other prompt settings
+model = result[:model]              # => "<%= @prompt.model || "gpt-4" %>"
+temperature = result[:temperature]  # => <%= @prompt.temperature || "0.7" %>
+max_tokens = result[:max_tokens]    # => <%= @prompt.max_tokens || "1000" %>
+
+# Use with your AI service
+response = OpenAI::Client.new.chat(
+  parameters: {
+    model: model,
+    messages: [
+      { role: "system", content: result[:system_message] },
+      { role: "user", content: rendered_content }
+    ],
+    temperature: temperature,
+    max_tokens: max_tokens
+  }
+)</pre>
+    </div>
+  </div>
+
+  <% if @prompt.system_message.present? %>
+    <div class="card mb-lg">
+      <div class="card__header">
+        <h3 class="card__title">System Message</h3>
+      </div>
+      <div class="card__body">
+        <pre class="prompt-content"><%= @prompt.system_message %></pre>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="card mb-lg">
+    <div class="card__header">
+      <h3 class="card__title">Prompt Content</h3>
+    </div>
+    <div class="card__body">
+      <pre class="prompt-content"><%= @prompt.content %></pre>
+    </div>
+  </div>
+
+  <div class="card mb-lg">
+    <div class="card__header">
+      <h3 class="card__title">Recent Test Runs</h3>
+      <div class="card__actions">
+        <%= link_to "View All", prompt_playground_run_results_path(@prompt), class: "btn btn--secondary btn--small" %>
+      </div>
+    </div>
+    <div class="card__body">
+      <% if @recent_test_runs.any? %>
+        <div class="table-container table-container--compact">
+          <table class="table table--simple">
+            <tbody>
+              <% @recent_test_runs.each do |run| %>
+                <tr>
+                  <td>
+                    <div class="table__primary"><%= run.created_at.strftime("%b %d, %Y %I:%M %p") %></div>
+                  </td>
+                  <td>
+                    <span class="table__badge table__badge--info">v<%= run.prompt_version.version_number %></span>
+                  </td>
+                  <td>
+                    <span class="table__secondary"><%= run.provider %></span>
+                  </td>
+                  <td>
+                    <span class="table__secondary"><%= run.model %></span>
+                  </td>
+                  <td>
+                    <div class="table__metric">
+                      <span class="table__metric-value"><%= run.execution_time %></span>
+                      <span class="table__metric-unit">s</span>
+                    </div>
+                  </td>
+                  <td>
+                    <% if run.token_count %>
+                      <span class="table__secondary"><%= run.token_count %> tokens</span>
+                    <% end %>
+                  </td>
+                  <td class="table__actions">
+                    <%= link_to "View Details", playground_run_result_path(run), class: "table__action" %>
+                  </td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      <% else %>
+        <p class="text-muted">No test runs yet. <%= link_to "Test this prompt", playground_prompt_path(@prompt) %> in the playground.</p>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="card mb-lg">
+    <div class="card__header">
+      <h3 class="card__title">Evaluation Sets</h3>
+      <div class="card__actions">
+        <%= link_to "View All", prompt_eval_sets_path(@prompt), class: "btn btn--secondary btn--small" %>
+        <%= link_to "New Evaluation Set", new_prompt_eval_set_path(@prompt), class: "btn btn--primary btn--small" %>
+      </div>
+    </div>
+    <div class="card__body">
+      <% if @eval_sets.any? %>
+        <div class="eval-sets-summary mb-md">
+          <% @eval_sets.each do |eval_set| %>
+            <div class="eval-set-summary-item">
+              <div class="eval-set-summary__header">
+                <h4 class="eval-set-summary__title">
+                  <%= link_to eval_set.name, prompt_eval_set_path(@prompt, eval_set), class: "table__link" %>
+                </h4>
+                <div class="eval-set-summary__stats">
+                  <span class="table__badge table__badge--secondary">
+                    <%= pluralize(eval_set.test_cases.count, 'test') %>
+                  </span>
+                  <% if eval_set.eval_runs.any? %>
+                    <span class="table__badge table__badge--info">
+                      <%= pluralize(eval_set.eval_runs.count, 'run') %>
+                    </span>
+                  <% end %>
+                </div>
+              </div>
+              <% if eval_set.description.present? %>
+                <p class="eval-set-summary__description"><%= truncate(eval_set.description, length: 100) %></p>
+              <% end %>
+              <% latest_run = eval_set.eval_runs.order(created_at: :desc).first %>
+              <% if latest_run && latest_run.status == 'completed' && latest_run.total_count > 0 %>
+                <div class="eval-set-summary__result">
+                  Latest run: 
+                  <% success_rate = (latest_run.passed_count.to_f / latest_run.total_count * 100) %>
+                  <span class="<%= success_rate >= 80 ? 'text-success' : success_rate >= 60 ? 'text-warning' : 'text-danger' %>">
+                    <%= number_to_percentage(success_rate, precision: 1) %> passed
+                  </span>
+                  <span class="text-muted">(<%= time_ago_in_words(latest_run.created_at) %> ago)</span>
+                </div>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      <% else %>
+        <p class="text-muted">No evaluation sets yet. <%= link_to "Create an evaluation set", new_prompt_eval_set_path(@prompt) %> to start testing prompt variations.</p>
+      <% end %>
+
+      <% if @recent_eval_runs.any? %>
+        <div class="mt-lg">
+          <h4 class="mb-md">Recent Evaluation Runs</h4>
+          <div class="table-container table-container--compact">
+            <table class="table table--simple">
+              <tbody>
+                <% @recent_eval_runs.each do |run| %>
+                  <tr>
+                    <td>
+                      <div class="table__primary"><%= run.created_at.strftime("%b %d, %Y %I:%M %p") %></div>
+                    </td>
+                    <td>
+                      <%= link_to run.eval_set.name, prompt_eval_set_path(@prompt, run.eval_set), class: "table__link" %>
+                    </td>
+                    <td>
+                      <span class="table__badge table__badge--<%= run.status %>">
+                        <%= run.status.humanize %>
+                      </span>
+                    </td>
+                    <td>
+                      <% if run.status == 'completed' && run.total_count > 0 %>
+                        <% success_rate = (run.passed_count.to_f / run.total_count * 100) %>
+                        <span class="<%= success_rate >= 80 ? 'text-success' : success_rate >= 60 ? 'text-warning' : 'text-danger' %>">
+                          <%= number_to_percentage(success_rate, precision: 1) %>
+                        </span>
+                      <% else %>
+                        <span class="text-muted">—</span>
+                      <% end %>
+                    </td>
+                    <td>
+                      <%= pluralize(run.total_count, 'test') %>
+                    </td>
+                    <td class="table__actions">
+                      <%= link_to "View Details", prompt_eval_run_path(@prompt, run), class: "table__action" %>
+                    </td>
+                  </tr>
+                <% end %>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<div class="form__actions mt-lg">
+  <%= link_to "Back to Prompts", prompts_path, class: "btn btn--secondary btn--medium" %>
+</div>

data/app/views/prompt_engine/settings/edit.html.erb

@@ -0,0 +1,93 @@
+<div class="admin-header">
+  <div>
+    <h1>Settings</h1>
+    <p class="text-muted">Configure your AI provider API keys</p>
+  </div>
+</div>
+
+<div class="card">
+  <div class="card__header">
+    <h3 class="card__title">API Keys</h3>
+  </div>
+  <div class="card__body">
+    <%= form_with model: @settings, url: settings_path, method: :patch, local: true, html: { class: "form" } do |form| %>
+      <div class="form__section">
+        <h4 class="form__section-title">OpenAI Configuration</h4>
+        
+        <div class="form__group">
+          <%= form.label :openai_api_key, "OpenAI API Key", class: "form__label" %>
+          <%= form.password_field :openai_api_key, 
+              class: "form__input", 
+              placeholder: @settings.openai_configured? ? "API key is saved (#{@settings.masked_openai_api_key})" : "Enter your OpenAI API key",
+              autocomplete: "off" %>
+          <div class="form__help">
+            Your API key will be encrypted and stored securely. 
+            <%= link_to "Get your API key from OpenAI", "https://platform.openai.com/api-keys", target: "_blank", class: "link" %>
+          </div>
+        </div>
+      </div>
+
+      <div class="form__section">
+        <h4 class="form__section-title">Anthropic Configuration</h4>
+        
+        <div class="form__group">
+          <%= form.label :anthropic_api_key, "Anthropic API Key", class: "form__label" %>
+          <%= form.password_field :anthropic_api_key, 
+              class: "form__input", 
+              placeholder: @settings.anthropic_configured? ? "API key is saved (#{@settings.masked_anthropic_api_key})" : "Enter your Anthropic API key",
+              autocomplete: "off" %>
+          <div class="form__help">
+            Your API key will be encrypted and stored securely. 
+            <%= link_to "Get your API key from Anthropic", "https://console.anthropic.com/account/keys", target: "_blank", class: "link" %>
+          </div>
+        </div>
+      </div>
+
+      <div class="form__section">
+        <div class="alert alert--info">
+          <div class="alert__content">
+            <strong>Security Note:</strong> API keys are encrypted at rest using Rails' built-in encryption. 
+            Leave fields empty to keep existing values unchanged.
+          </div>
+        </div>
+      </div>
+
+      <div class="form__actions">
+        <%= form.submit "Save Settings", class: "btn btn--primary btn--medium" %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<style>
+  .form__section {
+    margin-bottom: 2rem;
+  }
+  
+  .form__section:last-child {
+    margin-bottom: 0;
+  }
+  
+  .form__section-title {
+    font-size: 1.125rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    color: var(--color-gray-900);
+  }
+  
+  .alert {
+    padding: 1rem;
+    border-radius: 0.5rem;
+    border: 1px solid;
+  }
+  
+  .alert--info {
+    background-color: #eff6ff;
+    border-color: #bfdbfe;
+    color: #1e40af;
+  }
+  
+  .alert__content {
+    font-size: 0.875rem;
+  }
+</style>

data/app/views/prompt_engine/shared/_form_errors.html.erb

@@ -0,0 +1,16 @@
+<% if object.errors.any? %>
+  <div class="form__errors" role="alert">
+    <h3 class="form__errors-title">
+      <% if object.errors.count == 1 %>
+        1 error prevented this <%= object.class.name.demodulize.underscore.humanize.downcase %> from being saved:
+      <% else %>
+        <%= object.errors.count %> errors prevented this <%= object.class.name.demodulize.underscore.humanize.downcase %> from being saved:
+      <% end %>
+    </h3>
+    <ul class="form__errors-list">
+      <% object.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/prompt_engine/test_cases/edit.html.erb

@@ -0,0 +1,72 @@
+<div class="admin-header">
+  <div>
+    <h1>Edit Test Case</h1>
+    <p class="text-muted">Update test case for <%= @eval_set.name %></p>
+  </div>
+</div>
+
+<div class="card">
+  <div class="card__body">
+    <%= form_with model: [@prompt, @eval_set, @test_case], 
+        url: prompt_eval_set_test_case_path(@prompt, @eval_set, @test_case), local: true do |form| %>
+      <%= render 'prompt_engine/shared/form_errors', object: @test_case %>
+
+      <div class="form__group">
+        <%= form.label :description, class: "form__label" %>
+        <%= form.text_field :description, class: "form__input" %>
+        <p class="form__help">Brief description of what this test case validates</p>
+      </div>
+
+      <div class="form__section">
+        <h3 class="form__section-title">Input Variables</h3>
+        <p class="form__help mb-md">Set values for each variable in the prompt template</p>
+
+        <% @prompt.parameters.ordered.each do |parameter| %>
+          <div class="form__group">
+            <%= label_tag "test_case[input_variables][#{parameter.name}]", parameter.name, class: "form__label" %>
+
+            <% case parameter.parameter_type %>
+            <% when 'boolean' %>
+              <%= select_tag "test_case[input_variables][#{parameter.name}]",
+                  options_for_select([['true', true], ['false', false]], 
+                    @test_case.input_variables&.dig(parameter.name)),
+                  class: "form__input" %>
+            <% when 'integer', 'decimal' %>
+              <%= number_field_tag "test_case[input_variables][#{parameter.name}]",
+                  @test_case.input_variables&.dig(parameter.name),
+                  class: "form__input",
+                  step: parameter.parameter_type == 'decimal' ? '0.01' : '1' %>
+            <% when 'json', 'array' %>
+              <%= text_area_tag "test_case[input_variables][#{parameter.name}]",
+                  @test_case.input_variables&.dig(parameter.name)&.to_json,
+                  class: "form__input",
+                  rows: 3,
+                  placeholder: parameter.parameter_type == 'array' ? '["item1", "item2"]' : '{"key": "value"}' %>
+            <% else %>
+              <%= text_area_tag "test_case[input_variables][#{parameter.name}]",
+                  @test_case.input_variables&.dig(parameter.name),
+                  class: "form__input",
+                  rows: 2 %>
+            <% end %>
+
+            <% if parameter.description.present? %>
+              <p class="form__help"><%= parameter.description %></p>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+
+      <div class="form__group">
+        <%= form.label :expected_output, class: "form__label" %>
+        <%= form.text_area :expected_output, class: "form__input", rows: 5, required: true %>
+        <p class="form__help">The expected output will be compared exactly with the actual output</p>
+      </div>
+
+      <div class="form__actions">
+        <%= form.submit "Update Test Case", class: "btn btn--primary btn--medium",
+            data: { disable_with: "Updating..." } %>
+        <%= link_to "Cancel", prompt_eval_set_path(@prompt, @eval_set), class: "btn btn--secondary btn--medium" %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/prompt_engine/test_cases/import.html.erb

@@ -0,0 +1,92 @@
+<div class="admin-header">
+  <div>
+    <h1>Import Test Cases</h1>
+    <p class="text-muted">Import multiple test cases from a CSV or JSON file</p>
+  </div>
+  <div class="btn-group">
+    <%= link_to "Back to Eval Set", prompt_eval_set_path(@prompt, @eval_set), class: "btn btn--secondary btn--medium" %>
+  </div>
+</div>
+
+<% if flash[:alert] %>
+  <div class="alert alert--danger mb-lg">
+    <%= flash[:alert] %>
+  </div>
+<% end %>
+
+<div class="card mb-lg">
+  <div class="card__header">
+    <h3 class="card__title">File Format Requirements</h3>
+  </div>
+  <div class="card__body">
+    <div class="mb-md">
+      <h4 class="mb-sm">CSV Format</h4>
+      <p class="text-muted mb-sm">
+        Your CSV file should have columns for each prompt parameter plus an 'expected_output' column.
+        An optional 'description' column can be included.
+      </p>
+      <div class="code-block mb-md">
+        <pre><code><% if @prompt.parameters.any? %><%= @prompt.parameters.pluck(:name).join(',') %>,expected_output,description
+<%= @prompt.parameters.map { |p| p.example_value || "value#{p.position}" }.join(',') %>,Expected response here,Test case description (optional)<% else %>parameter1,parameter2,expected_output,description
+value1,value2,Expected response here,Test case description (optional)<% end %></code></pre>
+      </div>
+    </div>
+    
+    <div>
+      <h4 class="mb-sm">JSON Format</h4>
+      <p class="text-muted mb-sm">
+        Your JSON file should contain an array of objects with 'input_variables' and 'expected_output' fields.
+        An optional 'description' field can be included.
+      </p>
+      <div class="code-block">
+        <pre><code>[
+  {
+    "input_variables": {<% if @prompt.parameters.any? %>
+<% @prompt.parameters.each_with_index do |param, index| %>      "<%= param.name %>": "<%= param.example_value || "value#{index + 1}" %>"<%= index < @prompt.parameters.count - 1 ? ',' : '' %>
+<% end %><% else %>
+      "parameter1": "value1",
+      "parameter2": "value2"<% end %>
+    },
+    "expected_output": "Expected response here",
+    "description": "Test case description (optional)"
+  }
+]</code></pre>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= form_with url: import_preview_prompt_eval_set_test_cases_path(@prompt, @eval_set), 
+              local: true, 
+              html: { multipart: true } do |form| %>
+  <div class="card">
+    <div class="card__header">
+      <h3 class="card__title">Upload File</h3>
+    </div>
+    <div class="card__body">
+      <div class="form-group">
+        <%= form.label :file, "Select File", class: "form-label" %>
+        <%= form.file_field :file, 
+            accept: ".csv,.json", 
+            required: true,
+            class: "form-input",
+            data: { 
+              controller: "file-input",
+              action: "change->file-input#displayFileName"
+            } %>
+        <span class="form-hint">Accepts CSV or JSON files</span>
+      </div>
+      
+      <% if @prompt.parameters.any? %>
+        <div class="alert alert--info">
+          <strong>Required columns/fields:</strong>
+          <%= @prompt.parameters.pluck(:name).join(', ') %>, expected_output
+        </div>
+      <% end %>
+    </div>
+    <div class="card__footer">
+      <%= form.submit "Preview Import", class: "btn btn--primary btn--medium" %>
+      <%= link_to "Cancel", prompt_eval_set_path(@prompt, @eval_set), class: "btn btn--secondary btn--medium" %>
+    </div>
+  </div>
+<% end %>

data/app/views/prompt_engine/test_cases/import_preview.html.erb

@@ -0,0 +1,103 @@
+<div class="admin-header">
+  <div>
+    <h1>Import Preview</h1>
+    <p class="text-muted">Review the test cases before importing</p>
+  </div>
+  <div class="btn-group">
+    <%= link_to "Back to Import", import_prompt_eval_set_test_cases_path(@prompt, @eval_set), class: "btn btn--secondary btn--medium" %>
+  </div>
+</div>
+
+<div class="card mb-lg">
+  <div class="card__header">
+    <h3 class="card__title">Import Summary</h3>
+  </div>
+  <div class="card__body">
+    <div class="alert alert--info">
+      <strong><%= @imported_data.count %></strong> test cases will be imported
+    </div>
+  </div>
+</div>
+
+<div class="card mb-lg">
+  <div class="card__header">
+    <h3 class="card__title">Preview</h3>
+  </div>
+  <div class="card__body">
+    <% if @imported_data.any? %>
+      <div class="table-container">
+        <table class="table">
+          <thead>
+            <tr>
+              <th>#</th>
+              <th>Description</th>
+              <th>Input Variables</th>
+              <th>Expected Output</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @imported_data.first(10).each_with_index do |data, index| %>
+              <tr>
+                <td><%= index + 1 %></td>
+                <td>
+                  <div class="table__primary">
+                    <%= data[:description].presence || "Test case ##{index + 1}" %>
+                  </div>
+                </td>
+                <td>
+                  <code class="code-inline">
+                    <%= truncate(data[:input_variables].to_json, length: 100) %>
+                  </code>
+                </td>
+                <td>
+                  <code class="code-inline">
+                    <%= truncate(data[:expected_output], length: 100) %>
+                  </code>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+      
+      <% if @imported_data.count > 10 %>
+        <div class="text-center mt-md">
+          <p class="text-muted">
+            Showing first 10 of <%= @imported_data.count %> test cases
+          </p>
+        </div>
+      <% end %>
+    <% else %>
+      <div class="table-empty">
+        <p class="text-muted">No valid test cases found in the uploaded file.</p>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<% if @imported_data.any? %>
+  <%= form_with url: import_create_prompt_eval_set_test_cases_path(@prompt, @eval_set), 
+                method: :post,
+                local: true do |form| %>
+    <div class="card">
+      <div class="card__header">
+        <h3 class="card__title">Confirm Import</h3>
+      </div>
+      <div class="card__body">
+        <p>
+          Are you sure you want to import <%= pluralize(@imported_data.count, 'test case') %>?
+          This action cannot be undone.
+        </p>
+      </div>
+      <div class="card__footer">
+        <%= form.submit "Import Test Cases", 
+            class: "btn btn--primary btn--medium",
+            data: { 
+              disable_with: "Importing...",
+              confirm: "Are you sure you want to import #{@imported_data.count} test cases?"
+            } %>
+        <%= link_to "Cancel", prompt_eval_set_path(@prompt, @eval_set), class: "btn btn--secondary btn--medium" %>
+      </div>
+    </div>
+  <% end %>
+<% end %>