@burdenoff/microfe-movethewheels 2026.608.1 → 2026.624.1

package/src/movethewheels/pages/VehicleDetailsPage.tsx

@@ -61,19 +61,19 @@ export default function VehicleDetailsPage() {
             <CardContent>
               <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
                 <div>
-                  <p className="text-sm text-muted-foreground">Type</p>
+                  <p className="text-sm text-text-secondary">Type</p>
                   <p className="font-medium capitalize">{vehicle.type}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Make</p>
+                  <p className="text-sm text-text-secondary">Make</p>
                   <p className="font-medium">{vehicle.make}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Model</p>
+                  <p className="text-sm text-text-secondary">Model</p>
                   <p className="font-medium">{vehicle.model}</p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Year</p>
+                  <p className="text-sm text-text-secondary">Year</p>
                   <p className="font-medium">{vehicle.year}</p>
                 </div>
               </div>
@@ -87,14 +87,14 @@ export default function VehicleDetailsPage() {
             <CardContent>
               <div className="grid grid-cols-3 gap-6">
                 <div>
-                  <p className="text-sm text-muted-foreground">Weight</p>
+                  <p className="text-sm text-text-secondary">Weight</p>
                   <p className="text-2xl font-bold">
                     {vehicle.capacity.weight}
                     <span className="text-sm font-normal"> kg</span>
                   </p>
                 </div>
                 <div>
-                  <p className="text-sm text-muted-foreground">Volume</p>
+                  <p className="text-sm text-text-secondary">Volume</p>
                   <p className="text-2xl font-bold">
                     {vehicle.capacity.volume}
                     <span className="text-sm font-normal"> m³</span>
@@ -102,7 +102,7 @@ export default function VehicleDetailsPage() {
                 </div>
                 {vehicle.capacity.pallets && (
                   <div>
-                    <p className="text-sm text-muted-foreground">Pallets</p>
+                    <p className="text-sm text-text-secondary">Pallets</p>
                     <p className="text-2xl font-bold">{vehicle.capacity.pallets}</p>
                   </div>
                 )}
@@ -126,7 +126,7 @@ export default function VehicleDetailsPage() {
                     >
                       <div>
                         <p className="font-medium capitalize">{doc.type.replace('_', ' ')}</p>
-                        <p className="text-sm text-muted-foreground">
+                        <p className="text-sm text-text-secondary">
                           Expires: {formatDate(doc.expiryDate)}
                         </p>
                       </div>
@@ -137,7 +137,7 @@ export default function VehicleDetailsPage() {
                   ))}
                 </div>
               ) : (
-                <p className="text-muted-foreground text-center py-4">No documents uploaded</p>
+                <p className="text-text-secondary text-center py-4">No documents uploaded</p>
               )}
             </CardContent>
           </Card>
@@ -162,7 +162,7 @@ export default function VehicleDetailsPage() {
               )}
               {vehicle.mileage !== undefined && (
                 <div>
-                  <p className="text-sm text-muted-foreground">Total Mileage</p>
+                  <p className="text-sm text-text-secondary">Total Mileage</p>
                   <p className="text-2xl font-bold">
                     {vehicle.mileage.toLocaleString()}{' '}
                     <span className="text-sm font-normal">miles</span>
@@ -180,13 +180,13 @@ export default function VehicleDetailsPage() {
             </CardHeader>
             <CardContent className="space-y-3">
               <div>
-                <p className="text-sm text-muted-foreground">Last Maintenance</p>
+                <p className="text-sm text-text-secondary">Last Maintenance</p>
                 <p className="font-medium">
                   {vehicle.lastMaintenance ? formatDate(vehicle.lastMaintenance) : 'N/A'}
                 </p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Next Scheduled</p>
+                <p className="text-sm text-text-secondary">Next Scheduled</p>
                 <p className="font-medium">
                   {vehicle.nextMaintenance ? formatDate(vehicle.nextMaintenance) : 'N/A'}
                 </p>
@@ -205,7 +205,7 @@ export default function VehicleDetailsPage() {
                 <p className="text-sm">
                   {vehicle.currentLocation.address || 'Location updating...'}
                 </p>
-                <p className="text-xs text-muted-foreground mt-1">
+                <p className="text-xs text-text-secondary mt-1">
                   Updated {formatDate(vehicle.currentLocation.timestamp || new Date(), 'relative')}
                 </p>
               </CardContent>

package/src/movethewheels/pages/VehiclesPage.tsx

@@ -44,7 +44,7 @@ export default function VehiclesPage() {
           <p className="font-medium">
             {row.make} {row.model}
           </p>
-          <p className="text-sm text-muted-foreground">{row.year}</p>
+          <p className="text-sm text-text-secondary">{row.year}</p>
         </div>
       ),
     },
@@ -61,7 +61,7 @@ export default function VehiclesPage() {
       cell: (row) => (
         <div className="text-sm">
           <p>{row.capacity.weight} kg</p>
-          <p className="text-muted-foreground">{row.capacity.volume} m³</p>
+          <p className="text-text-secondary">{row.capacity.volume} m³</p>
         </div>
       ),
     },

package/src/movethewheels/pages/WarehouseDetailsPage.tsx

@@ -73,17 +73,17 @@ export default function WarehouseDetailsPage() {
                     <span>{utilization.toFixed(0)}%</span>
                   </div>
                   <Progress value={utilization} />
-                  <p className="text-sm text-muted-foreground mt-1">
+                  <p className="text-sm text-text-secondary mt-1">
                     {warehouse.capacity.usedSpace.toLocaleString()} /{' '}
                     {warehouse.capacity.totalSpace.toLocaleString()} sq ft
                   </p>
                 </div>
                 <div className="grid grid-cols-2 gap-4">
                   <div>
-                    <p className="text-sm text-muted-foreground">Pallets Used</p>
+                    <p className="text-sm text-text-secondary">Pallets Used</p>
                     <p className="text-2xl font-bold">
                       {warehouse.capacity.usedPallets}
-                      <span className="text-sm font-normal text-muted-foreground">
+                      <span className="text-sm font-normal text-text-secondary">
                         {' '}
                         / {warehouse.capacity.totalPallets}
                       </span>
@@ -107,7 +107,7 @@ export default function WarehouseDetailsPage() {
                   >
                     <div>
                       <p className="font-medium">{zone.name}</p>
-                      <p className="text-sm text-muted-foreground capitalize">
+                      <p className="text-sm text-text-secondary capitalize">
                         {zone.type} - {zone.location}
                       </p>
                     </div>
@@ -116,7 +116,7 @@ export default function WarehouseDetailsPage() {
                         value={(zone.currentOccupancy / zone.capacity) * 100}
                         className="w-24 h-2"
                       />
-                      <p className="text-sm text-muted-foreground">
+                      <p className="text-sm text-text-secondary">
                         {zone.currentOccupancy} / {zone.capacity}
                       </p>
                     </div>
@@ -137,7 +137,7 @@ export default function WarehouseDetailsPage() {
                 {Object.entries(warehouse.operatingHours).map(([day, hours]) => (
                   <div key={day}>
                     <p className="text-sm font-medium">{day}</p>
-                    <p className="text-sm text-muted-foreground">
+                    <p className="text-sm text-text-secondary">
                       {hours ? `${hours.open} - ${hours.close}` : 'Closed'}
                     </p>
                   </div>
@@ -165,22 +165,22 @@ export default function WarehouseDetailsPage() {
             </CardHeader>
             <CardContent className="space-y-3">
               <div>
-                <p className="text-sm text-muted-foreground">Throughput</p>
+                <p className="text-sm text-text-secondary">Throughput</p>
                 <p className="text-2xl font-bold">
                   {warehouse.metrics.throughput}
                   <span className="text-sm font-normal"> orders/day</span>
                 </p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Accuracy</p>
+                <p className="text-sm text-text-secondary">Accuracy</p>
                 <p className="text-2xl font-bold">{warehouse.metrics.accuracy}%</p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Productivity</p>
+                <p className="text-sm text-text-secondary">Productivity</p>
                 <p className="text-2xl font-bold">{warehouse.metrics.productivity}%</p>
               </div>
               <div>
-                <p className="text-sm text-muted-foreground">Orders Fulfilled</p>
+                <p className="text-sm text-text-secondary">Orders Fulfilled</p>
                 <p className="text-2xl font-bold">
                   {warehouse.metrics.ordersFulfilled.toLocaleString()}
                 </p>
@@ -205,7 +205,7 @@ export default function WarehouseDetailsPage() {
                   ))}
                 </div>
               ) : (
-                <p className="text-muted-foreground">No staff assigned</p>
+                <p className="text-text-secondary">No staff assigned</p>
               )}
             </CardContent>
           </Card>

package/src/movethewheels/pages/WarehousesPage.tsx

@@ -26,7 +26,7 @@ export default function WarehousesPage() {
       cell: (row) => (
         <div>
           <p className="font-medium">{row.name}</p>
-          <p className="text-sm text-muted-foreground">{row.code}</p>
+          <p className="text-sm text-text-secondary">{row.code}</p>
         </div>
       ),
     },
@@ -38,7 +38,7 @@ export default function WarehousesPage() {
           <p>
             {row.address.city}, {row.address.state}
           </p>
-          <p className="text-sm text-muted-foreground">{row.address.country}</p>
+          <p className="text-sm text-text-secondary">{row.address.country}</p>
         </div>
       ),
     },
@@ -74,7 +74,7 @@ export default function WarehousesPage() {
             {row.capacity.usedSpace.toLocaleString()} / {row.capacity.totalSpace.toLocaleString()}{' '}
             sq ft
           </p>
-          <p className="text-muted-foreground">
+          <p className="text-text-secondary">
             {row.capacity.usedPallets} / {row.capacity.totalPallets} pallets
           </p>
         </div>