Add PWS integration UI: extraction badges, dynamic portals, and health banner

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: etewiah

app/controllers/site_admin/property_url_import_controller.rb

@@ -11,6 +11,8 @@ class PropertyUrlImportController < SiteAdminController
     # Show the URL input form
     def new
       @scraped_property = nil
+      @pws_enabled = Pwb::ExternalScraperClient.enabled?
+      @supported_portals = Pwb::ExternalScraperClient.supported_portals if @pws_enabled
     end
 
     # POST /site_admin/property_url_import
@@ -130,6 +132,9 @@ def history
     # Show batch import form (CSV or URL list)
     def batch
       @batch_result = nil
+      if Pwb::ExternalScraperClient.enabled?
+        @pws_status = Pwb::ExternalScraperClient.healthy? ? :healthy : :unhealthy
+      end
     end
 
     # POST /site_admin/property_url_import/batch_process

app/views/site_admin/property_url_import/batch.html.erb

@@ -8,6 +8,26 @@
     </p>
   </div>
 
+  <% if @pws_status == :healthy %>
+    <div class="mb-6 p-3 rounded-lg bg-green-50 border border-green-200">
+      <div class="flex items-center">
+        <svg class="w-5 h-5 text-green-600 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+        </svg>
+        <p class="text-sm font-medium text-green-800">Enhanced extraction is active</p>
+      </div>
+    </div>
+  <% elsif @pws_status == :unhealthy %>
+    <div class="mb-6 p-3 rounded-lg bg-yellow-50 border border-yellow-200">
+      <div class="flex items-center">
+        <svg class="w-5 h-5 text-yellow-600 mr-2 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
+        </svg>
+        <p class="text-sm font-medium text-yellow-800">External extraction service is unreachable &mdash; will use local parsing</p>
+      </div>
+    </div>
+  <% end %>
+
   <% if @batch_result %>
     <div class="mb-6 p-4 rounded-lg <%= @batch_result.failed == 0 ? 'bg-green-50 border border-green-200' : 'bg-yellow-50 border border-yellow-200' %>">
       <h3 class="font-medium <%= @batch_result.failed == 0 ? 'text-green-800' : 'text-yellow-800' %>">

app/views/site_admin/property_url_import/history.html.erb

@@ -19,6 +19,7 @@
           <tr>
             <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Source</th>
             <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
+            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Extraction</th>
             <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
             <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Actions</th>
           </tr>
@@ -50,6 +51,18 @@
                   </span>
                 <% end %>
               </td>
+              <td class="px-6 py-4">
+                <% case sp.extraction_source %>
+                <% when "external" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">PropertyWebScraper</span>
+                <% when "local" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">Local parser</span>
+                <% when "manual" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">Manual HTML</span>
+                <% else %>
+                  <span class="text-gray-400">&mdash;</span>
+                <% end %>
+              </td>
               <td class="px-6 py-4 text-sm text-gray-500">
                 <%= sp.created_at.strftime("%b %d, %Y") %>
               </td>

app/views/site_admin/property_url_import/new.html.erb

@@ -41,6 +41,14 @@
       The system will attempt to extract property data from any website. Best results are achieved with these popular property portals:
     </p>
     <div class="grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
+      <% if @pws_enabled && @supported_portals.present? %>
+        <% @supported_portals.each do |portal| %>
+          <div class="bg-white rounded px-3 py-2 text-center text-gray-700">
+            <%= portal.to_s.titleize %>
+            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 ml-1">Enhanced extraction</span>
+          </div>
+        <% end %>
+      <% end %>
       <div class="bg-white rounded px-3 py-2 text-center text-gray-700">Rightmove</div>
       <div class="bg-white rounded px-3 py-2 text-center text-gray-700">Zoopla</div>
       <div class="bg-white rounded px-3 py-2 text-center text-gray-700">Idealista</div>

app/views/site_admin/property_url_import/preview.html.erb

@@ -180,6 +180,21 @@
               <dt class="text-gray-500">Method:</dt>
               <dd class="text-gray-900"><%= @scraped_property.scrape_method == "auto" ? "Automatic" : "Manual HTML" %></dd>
             </div>
+            <div class="flex justify-between">
+              <dt class="text-gray-500">Extraction:</dt>
+              <dd>
+                <% case @scraped_property.extraction_source %>
+                <% when "external" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">PropertyWebScraper</span>
+                <% when "local" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">Local parser</span>
+                <% when "manual" %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">Manual HTML</span>
+                <% else %>
+                  <span class="text-gray-900">&mdash;</span>
+                <% end %>
+              </dd>
+            </div>
             <div class="flex justify-between">
               <dt class="text-gray-500">Scraped:</dt>
               <dd class="text-gray-900"><%= time_ago_in_words(@scraped_property.created_at) %> ago</dd>