refactor: remove outdated "Override" badges from product detail page

The override concept is no longer relevant with the independent copy
architecture. Products are fully independent entities, not inherited
from marketplace products. Removed all Override badges and updated
the info banner text to reflect the new architecture.

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-08 01:28:34 +01:00
parent 8d303276fb
commit 8f284e5aaa

View File

@@ -32,9 +32,8 @@
<div> <div>
<p class="text-sm font-medium text-purple-700 dark:text-purple-300">Vendor Product Catalog Entry</p> <p class="text-sm font-medium text-purple-700 dark:text-purple-300">Vendor Product Catalog Entry</p>
<p class="text-xs text-purple-600 dark:text-purple-400 mt-1"> <p class="text-xs text-purple-600 dark:text-purple-400 mt-1">
This is a vendor-specific copy of a marketplace product. Fields marked with This is a vendor-specific copy of a marketplace product. All fields are independently managed.
<span class="inline-flex items-center px-1.5 py-0.5 mx-1 text-xs font-medium text-purple-700 bg-purple-100 dark:bg-purple-800 dark:text-purple-300 rounded">Override</span> View the source product for comparison.
have been customized for this vendor.
</p> </p>
</div> </div>
</template> </template>
@@ -135,10 +134,7 @@
</div> </div>
<div> <div>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Vendor SKU</p> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Vendor SKU</p>
<div class="flex items-center gap-2"> <p class="text-sm font-mono text-gray-700 dark:text-gray-300" x-text="product?.vendor_sku || '-'">-</p>
<p class="text-sm font-mono text-gray-700 dark:text-gray-300" x-text="product?.vendor_sku || '-'">-</p>
<span x-show="product?.vendor_sku && product?.vendor_sku !== product?.source_sku" class="px-1.5 py-0.5 text-xs font-medium text-purple-700 bg-purple-100 dark:bg-purple-800 dark:text-purple-300 rounded">Override</span>
</div>
</div> </div>
<div> <div>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Status</p> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Status</p>
@@ -162,15 +158,8 @@
</h3> </h3>
<div class="grid gap-4 md:grid-cols-3"> <div class="grid gap-4 md:grid-cols-3">
<div> <div>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Effective Price</p> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Price</p>
<div class="flex items-center gap-2"> <p class="text-lg font-bold text-gray-700 dark:text-gray-200" x-text="formatPrice(product?.effective_price, product?.effective_currency)">-</p>
<p class="text-lg font-bold text-gray-700 dark:text-gray-200" x-text="formatPrice(product?.effective_price, product?.effective_currency)">-</p>
<span x-show="product?.price_override" class="px-1.5 py-0.5 text-xs font-medium text-purple-700 bg-purple-100 dark:bg-purple-800 dark:text-purple-300 rounded">Override</span>
</div>
</div>
<div x-show="product?.price_override">
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Source Price</p>
<p class="text-sm text-gray-500 dark:text-gray-400 line-through" x-text="formatPrice(product?.source_price, product?.source_currency)">-</p>
</div> </div>
<div> <div>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Availability</p> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Availability</p>
@@ -289,17 +278,11 @@
</h3> </h3>
<div class="space-y-4"> <div class="space-y-4">
<div> <div>
<div class="flex items-center gap-2 mb-1"> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase mb-1">Title</p>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Title</p>
<span x-show="product?.title_override" class="px-1.5 py-0.5 text-xs font-medium text-purple-700 bg-purple-100 dark:bg-purple-800 dark:text-purple-300 rounded">Override</span>
</div>
<p class="text-sm text-gray-700 dark:text-gray-300" x-text="product?.title || '-'">-</p> <p class="text-sm text-gray-700 dark:text-gray-300" x-text="product?.title || '-'">-</p>
</div> </div>
<div x-show="product?.description"> <div x-show="product?.description">
<div class="flex items-center gap-2 mb-1"> <p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase mb-1">Description</p>
<p class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase">Description</p>
<span x-show="product?.description_override" class="px-1.5 py-0.5 text-xs font-medium text-purple-700 bg-purple-100 dark:bg-purple-800 dark:text-purple-300 rounded">Override</span>
</div>
<div class="text-sm text-gray-700 dark:text-gray-300 prose prose-sm dark:prose-invert max-w-none" x-html="product?.description || '-'"></div> <div class="text-sm text-gray-700 dark:text-gray-300 prose prose-sm dark:prose-invert max-w-none" x-html="product?.description || '-'"></div>
</div> </div>
</div> </div>