Supplier based pricing added

src/components/ScopeCard.tsx

@@ -8,6 +8,8 @@ import NoteEditor from './NoteEditor';
 import LazyItem from './LazyItem';
 import ScopeScaleWrapper from './ui/ScopeScaleWrapper';
 import { ModifierRegistry } from '../utils/modifier-registry';
+import { appStore } from '../store/appStore';
+import { SupplierDropdown } from './ui/SupplierDropdown';
 
 interface ScopeCardProps {
     scope: Scope;
@@ -142,12 +144,18 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
                             onInput={(e) => props.onUpdateScope(props.scope.id, { name: e.currentTarget.value })}
                             class="text-xl font-black text-foreground bg-transparent border-none outline-none focus:ring-0 w-64"
                         />
-                        <div class="flex items-center gap-2 text-xs text-muted-foreground font-bold uppercase tracking-wider">
+                        <div class="flex items-center gap-2 text-[10px] text-muted-foreground font-bold uppercase tracking-wider mt-1 h-6">
                             <span>{props.items.length} Items</span>
                             <span>•</span>
                             <span>{formatQuantity(totals().totalQuantity)} Qty</span>
                             <span>•</span>
                             <span class="text-primary">${formatNumber(totals().total)} Total</span>
+                            <span>•</span>
+                            <SupplierDropdown
+                                value={props.scope.supplier || ''}
+                                options={appStore.suppliers()}
+                                onSelect={(val) => props.onUpdateScope(props.scope.id, { supplier: val })}
+                            />
                         </div>
                     </div>
                 </div>
@@ -255,6 +263,7 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
                                                 anySelected={props.selectedIds.length > 0}
                                                 onToggleSelection={props.onToggleSelection}
                                                 hideColumns={props.hideColumns}
+                                                activeSupplier={props.scope.supplier}
                                             />
                                         </LazyItem>
                                     )}
@@ -291,6 +300,7 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
                                     onToggleSelection={props.onToggleSelection}
                                     onClearSelection={props.onClearSelection}
                                     hideColumns={props.hideColumns}
+                                    scopeSupplier={props.scope.supplier}
                                 />
                             )}
                         </For>