From b7d33e1cbf09b2aae5c05a081c89546e2967411e Mon Sep 17 00:00:00 2001
From: Kelly <kelly@cannabrands.com>
Date: Wed, 10 Dec 2025 23:42:50 -0700
Subject: [PATCH] fix(admin): Clean up store detail and intelligence pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove Update dropdown from DispensaryDetail page
- Remove Crawl Now button from StoreDetailPage
- Change "Last Crawl" to "Last Updated" on both detail pages
- Tone down emerald colors on StoreDetailPage (use gray borders/tabs)
- Simplify THC/CBD/Stock badges to plain text
- Remove duplicate state dropdown from IntelligenceStores filters
- Make store rows clickable in IntelligenceStores

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 cannaiq/src/pages/DispensaryDetail.tsx    | 43 +-----------
 cannaiq/src/pages/IntelligenceBrands.tsx  |  4 +-
 cannaiq/src/pages/IntelligencePricing.tsx |  4 +-
 cannaiq/src/pages/IntelligenceStores.tsx  | 26 +-------
 cannaiq/src/pages/StoreDetailPage.tsx     | 81 ++++++-----------------
 5 files changed, 29 insertions(+), 129 deletions(-)

diff --git a/cannaiq/src/pages/DispensaryDetail.tsx b/cannaiq/src/pages/DispensaryDetail.tsx
index 3464a3a4..37ec1d88 100644
--- a/cannaiq/src/pages/DispensaryDetail.tsx
+++ b/cannaiq/src/pages/DispensaryDetail.tsx
@@ -204,47 +204,6 @@ export function DispensaryDetail() {
             Back to Dispensaries
           </button>
 
-          {/* Update Dropdown */}
-          <div className="relative">
-            <button
-              onClick={() => setShowUpdateDropdown(!showUpdateDropdown)}
-              disabled={isUpdating}
-              className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              <RefreshCw className={`w-4 h-4 ${isUpdating ? 'animate-spin' : ''}`} />
-              {isUpdating ? 'Updating...' : 'Update'}
-              {!isUpdating && <ChevronDown className="w-4 h-4" />}
-            </button>
-
-            {showUpdateDropdown && !isUpdating && (
-              <div className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-10">
-                <button
-                  onClick={() => handleUpdate('products')}
-                  className="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-t-lg"
-                >
-                  Products
-                </button>
-                <button
-                  onClick={() => handleUpdate('brands')}
-                  className="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
-                >
-                  Brands
-                </button>
-                <button
-                  onClick={() => handleUpdate('specials')}
-                  className="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
-                >
-                  Specials
-                </button>
-                <button
-                  onClick={() => handleUpdate('all')}
-                  className="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-b-lg border-t border-gray-200"
-                >
-                  All
-                </button>
-              </div>
-            )}
-          </div>
         </div>
 
         {/* Dispensary Header */}
@@ -266,7 +225,7 @@ export function DispensaryDetail() {
             <div className="flex items-center gap-2 text-sm text-gray-600 bg-gray-50 px-4 py-2 rounded-lg">
               <Calendar className="w-4 h-4" />
               <div>
-                <span className="font-medium">Last Crawl Date:</span>
+                <span className="font-medium">Last Updated:</span>
                 <span className="ml-2">
                   {dispensary.last_menu_scrape
                     ? new Date(dispensary.last_menu_scrape).toLocaleDateString('en-US', {
diff --git a/cannaiq/src/pages/IntelligenceBrands.tsx b/cannaiq/src/pages/IntelligenceBrands.tsx
index 5b2b54c0..d9e255ad 100644
--- a/cannaiq/src/pages/IntelligenceBrands.tsx
+++ b/cannaiq/src/pages/IntelligenceBrands.tsx
@@ -140,14 +140,14 @@ export function IntelligenceBrands() {
               </button>
               <button
                 onClick={() => navigate('/admin/intelligence/stores')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <MapPin className="w-4 h-4" />
                 <span>Stores</span>
               </button>
               <button
                 onClick={() => navigate('/admin/intelligence/pricing')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <DollarSign className="w-4 h-4" />
                 <span>Pricing</span>
diff --git a/cannaiq/src/pages/IntelligencePricing.tsx b/cannaiq/src/pages/IntelligencePricing.tsx
index 6c720e7a..f1d5710c 100644
--- a/cannaiq/src/pages/IntelligencePricing.tsx
+++ b/cannaiq/src/pages/IntelligencePricing.tsx
@@ -121,14 +121,14 @@ export function IntelligencePricing() {
             <div className="flex gap-1">
               <button
                 onClick={() => navigate('/admin/intelligence/brands')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <Building2 className="w-4 h-4" />
                 <span>Brands</span>
               </button>
               <button
                 onClick={() => navigate('/admin/intelligence/stores')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <MapPin className="w-4 h-4" />
                 <span>Stores</span>
diff --git a/cannaiq/src/pages/IntelligenceStores.tsx b/cannaiq/src/pages/IntelligenceStores.tsx
index 427fb728..7832358f 100644
--- a/cannaiq/src/pages/IntelligenceStores.tsx
+++ b/cannaiq/src/pages/IntelligenceStores.tsx
@@ -146,7 +146,7 @@ export function IntelligenceStores() {
             <div className="flex gap-1">
               <button
                 onClick={() => navigate('/admin/intelligence/brands')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <Building2 className="w-4 h-4" />
                 <span>Brands</span>
@@ -159,7 +159,7 @@ export function IntelligenceStores() {
               </button>
               <button
                 onClick={() => navigate('/admin/intelligence/pricing')}
-                className="btn btn-sm btn-outline gap-1"
+                className="btn btn-sm gap-1 bg-white border-gray-300 text-gray-700 hover:bg-gray-100"
               >
                 <DollarSign className="w-4 h-4" />
                 <span>Pricing</span>
@@ -220,26 +220,6 @@ export function IntelligenceStores() {
               className="input input-bordered input-sm w-full pl-10"
             />
           </div>
-          <div className="dropdown">
-            <button tabIndex={0} className="btn btn-sm btn-outline gap-2">
-              {stateLabel}
-              <ChevronDown className="w-4 h-4" />
-            </button>
-            <ul tabIndex={0} className="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-40 max-h-60 overflow-y-auto">
-              <li>
-                <a onClick={() => setSelectedState(null)} className={isAllStates ? 'active' : ''}>
-                  All States
-                </a>
-              </li>
-              {localStates.map(state => (
-                <li key={state}>
-                  <a onClick={() => setSelectedState(state)} className={selectedState === state ? 'active' : ''}>
-                    {state}
-                  </a>
-                </li>
-              ))}
-            </ul>
-          </div>
           <span className="text-sm text-gray-500">
             Showing {filteredStores.length} of {stores.length} stores
           </span>
@@ -273,7 +253,7 @@ export function IntelligenceStores() {
                     <tr
                       key={store.id}
                       className="hover:bg-gray-50 cursor-pointer"
-                      onClick={() => navigate(`/admin/orchestrator/stores?storeId=${store.id}`)}
+                      onClick={() => navigate(`/stores/list/${store.id}`)}
                     >
                       <td>
                         <span className="font-medium">{store.name}</span>
diff --git a/cannaiq/src/pages/StoreDetailPage.tsx b/cannaiq/src/pages/StoreDetailPage.tsx
index 8d968e12..e6a1f917 100644
--- a/cannaiq/src/pages/StoreDetailPage.tsx
+++ b/cannaiq/src/pages/StoreDetailPage.tsx
@@ -153,29 +153,6 @@ export function StoreDetailPage() {
             Back to Stores
           </button>
 
-          {/* Update Button */}
-          <div className="relative">
-            <button
-              onClick={() => setShowUpdateDropdown(!showUpdateDropdown)}
-              disabled={isUpdating}
-              className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              <RefreshCw className={`w-4 h-4 ${isUpdating ? 'animate-spin' : ''}`} />
-              {isUpdating ? 'Crawling...' : 'Crawl Now'}
-              {!isUpdating && <ChevronDown className="w-4 h-4" />}
-            </button>
-
-            {showUpdateDropdown && !isUpdating && (
-              <div className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 z-10">
-                <button
-                  onClick={handleCrawl}
-                  className="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-lg"
-                >
-                  Start Full Crawl
-                </button>
-              </div>
-            )}
-          </div>
         </div>
 
         {/* Store Header */}
@@ -200,7 +177,7 @@ export function StoreDetailPage() {
             <div className="flex items-center gap-2 text-sm text-gray-600 bg-gray-50 px-4 py-2 rounded-lg">
               <Clock className="w-4 h-4" />
               <div>
-                <span className="font-medium">Last Crawl:</span>
+                <span className="font-medium">Last Updated:</span>
                 <span className="ml-2">
                   {lastCrawl?.completed_at
                     ? new Date(lastCrawl.completed_at).toLocaleDateString('en-US', {
@@ -212,15 +189,6 @@ export function StoreDetailPage() {
                       })
                     : 'Never'}
                 </span>
-                {lastCrawl?.status && (
-                  <span className={`ml-2 px-2 py-0.5 rounded text-xs ${
-                    lastCrawl.status === 'completed' ? 'bg-green-100 text-green-800' :
-                    lastCrawl.status === 'failed' ? 'bg-red-100 text-red-800' :
-                    'bg-yellow-100 text-yellow-800'
-                  }`}>
-                    {lastCrawl.status}
-                  </span>
-                )}
               </div>
             </div>
           </div>
@@ -282,8 +250,8 @@ export function StoreDetailPage() {
               setStockFilter('in_stock');
               setSearchQuery('');
             }}
-            className={`bg-white rounded-lg border p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer text-left ${
-              stockFilter === 'in_stock' ? 'border-blue-500' : 'border-gray-200'
+            className={`bg-white rounded-lg border p-4 hover:border-gray-300 hover:shadow-md transition-all cursor-pointer text-left ${
+              stockFilter === 'in_stock' ? 'border-gray-400' : 'border-gray-200'
             }`}
           >
             <div className="flex items-center gap-3">
@@ -303,8 +271,8 @@ export function StoreDetailPage() {
               setStockFilter('out_of_stock');
               setSearchQuery('');
             }}
-            className={`bg-white rounded-lg border p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer text-left ${
-              stockFilter === 'out_of_stock' ? 'border-blue-500' : 'border-gray-200'
+            className={`bg-white rounded-lg border p-4 hover:border-gray-300 hover:shadow-md transition-all cursor-pointer text-left ${
+              stockFilter === 'out_of_stock' ? 'border-gray-400' : 'border-gray-200'
             }`}
           >
             <div className="flex items-center gap-3">
@@ -320,8 +288,8 @@ export function StoreDetailPage() {
 
           <button
             onClick={() => setActiveTab('brands')}
-            className={`bg-white rounded-lg border p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer text-left ${
-              activeTab === 'brands' ? 'border-blue-500' : 'border-gray-200'
+            className={`bg-white rounded-lg border p-4 hover:border-gray-300 hover:shadow-md transition-all cursor-pointer text-left ${
+              activeTab === 'brands' ? 'border-gray-400' : 'border-gray-200'
             }`}
           >
             <div className="flex items-center gap-3">
@@ -337,8 +305,8 @@ export function StoreDetailPage() {
 
           <button
             onClick={() => setActiveTab('categories')}
-            className={`bg-white rounded-lg border p-4 hover:border-blue-300 hover:shadow-md transition-all cursor-pointer text-left ${
-              activeTab === 'categories' ? 'border-blue-500' : 'border-gray-200'
+            className={`bg-white rounded-lg border p-4 hover:border-gray-300 hover:shadow-md transition-all cursor-pointer text-left ${
+              activeTab === 'categories' ? 'border-gray-400' : 'border-gray-200'
             }`}
           >
             <div className="flex items-center gap-3">
@@ -364,7 +332,7 @@ export function StoreDetailPage() {
                 }}
                 className={`py-4 px-2 text-sm font-medium border-b-2 ${
                   activeTab === 'products'
-                    ? 'border-blue-600 text-blue-600'
+                    ? 'border-gray-800 text-gray-900'
                     : 'border-transparent text-gray-600 hover:text-gray-900'
                 }`}
               >
@@ -374,7 +342,7 @@ export function StoreDetailPage() {
                 onClick={() => setActiveTab('brands')}
                 className={`py-4 px-2 text-sm font-medium border-b-2 ${
                   activeTab === 'brands'
-                    ? 'border-blue-600 text-blue-600'
+                    ? 'border-gray-800 text-gray-900'
                     : 'border-transparent text-gray-600 hover:text-gray-900'
                 }`}
               >
@@ -384,7 +352,7 @@ export function StoreDetailPage() {
                 onClick={() => setActiveTab('categories')}
                 className={`py-4 px-2 text-sm font-medium border-b-2 ${
                   activeTab === 'categories'
-                    ? 'border-blue-600 text-blue-600'
+                    ? 'border-gray-800 text-gray-900'
                     : 'border-transparent text-gray-600 hover:text-gray-900'
                 }`}
               >
@@ -433,7 +401,7 @@ export function StoreDetailPage() {
 
                 {productsLoading ? (
                   <div className="text-center py-8">
-                    <div className="inline-block animate-spin rounded-full h-6 w-6 border-4 border-blue-500 border-t-transparent"></div>
+                    <div className="inline-block animate-spin rounded-full h-6 w-6 border-4 border-gray-400 border-t-transparent"></div>
                     <p className="mt-2 text-sm text-gray-600">Loading products...</p>
                   </div>
                 ) : products.length === 0 ? (
@@ -485,9 +453,9 @@ export function StoreDetailPage() {
                                 <div className="line-clamp-2" title={product.brand || '-'}>{product.brand || '-'}</div>
                               </td>
                               <td className="whitespace-nowrap">
-                                <span className="badge badge-ghost badge-sm">{product.type || '-'}</span>
+                                <span className="text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded">{product.type || '-'}</span>
                                 {product.subcategory && (
-                                  <span className="badge badge-ghost badge-sm ml-1">{product.subcategory}</span>
+                                  <span className="text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded ml-1">{product.subcategory}</span>
                                 )}
                               </td>
                               <td className="text-right font-semibold whitespace-nowrap">
@@ -500,21 +468,14 @@ export function StoreDetailPage() {
                                   `$${product.regular_price}`
                                 ) : '-'}
                               </td>
-                              <td className="text-center whitespace-nowrap">
-                                {product.thc_percentage ? (
-                                  <span className="badge badge-success badge-sm">{product.thc_percentage}%</span>
-                                ) : '-'}
+                              <td className="text-center whitespace-nowrap text-sm text-gray-700">
+                                {product.thc_percentage ? `${product.thc_percentage}%` : '-'}
                               </td>
-                              <td className="text-center whitespace-nowrap">
-                                {product.stock_status === 'in_stock' ? (
-                                  <span className="badge badge-success badge-sm">In Stock</span>
-                                ) : product.stock_status === 'out_of_stock' ? (
-                                  <span className="badge badge-error badge-sm">Out</span>
-                                ) : (
-                                  <span className="badge badge-warning badge-sm">Unknown</span>
-                                )}
+                              <td className="text-center whitespace-nowrap text-sm text-gray-700">
+                                {product.stock_status === 'in_stock' ? 'In Stock' :
+                                 product.stock_status === 'out_of_stock' ? 'Out' : '-'}
                               </td>
-                              <td className="text-center whitespace-nowrap">
+                              <td className="text-center whitespace-nowrap text-sm text-gray-700">
                                 {product.total_quantity != null ? product.total_quantity : '-'}
                               </td>
                               <td className="whitespace-nowrap text-xs text-gray-500">