[V0_FILE]typescriptreact:file="app/page.tsx" import type { Metadata } from "next" import DiagnosticsApp from "@/components/diagnostics-app" export const metadata: Metadata = { title: "AR Motor Diagnostics", description: "AR-based application for electric vehicle motor diagnostics", } export default function Home() { return (

) } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import "@/app/globals.css" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/diagnostics-app.tsx" "use client" import { useState } from "react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import ImageCapture from "@/components/image-capture" import DataAnalytics from "@/components/data-analytics" import MotorAssembly from "@/components/motor-assembly" import ARSimulation from "@/components/ar-simulation" import type { MotorData } from "@/types/motor-data" import Header from "@/components/header" export default function DiagnosticsApp() { const [capturedImage, setCapturedImage] = useState(null) const [diagnosticsData, setDiagnosticsData] = useState(null) const [isAnalyzing, setIsAnalyzing] = useState(false) const [currentStep, setCurrentStep] = useState(0) const handleImageCaptured = (imageData: string) => { setCapturedImage(imageData) setIsAnalyzing(true) // Simulating API call to analyze image setTimeout(() => { fetchMotorDiagnostics(imageData) }, 2000) } const fetchMotorDiagnostics = async (imageData: string) => { try { const response = await fetch("/api/analyze-motor", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ imageData }), }) const data = await response.json() setDiagnosticsData(data) setIsAnalyzing(false) } catch (error) { console.error("Error analyzing motor:", error) setIsAnalyzing(false) } } return (

Image Capture Diagnostics Repair Guide AR View

) } [V0_FILE]typescriptreact:file="types/motor-data.ts" export interface MotorData { timestamp: string motorSpeed: number torque: number motorTemperature: number batteryVoltage: number batteryCurrent: number powerOutput: string stateOfCharge: number stateOfHealth: number phaseCurrentI1: number phaseCurrentI2: number phaseCurrentI3: number phaseVoltageV1: number phaseVoltageV2: number phaseVoltageV3: number powerFactor: number currentImbalance: number voltageImbalance: number harmonicDistortion: number motorVibration: number motorNoiseLevel: number rotorSpeedDeviation: number rotorPosition: number bearingTemperature: number lubricationStatus: string motorSurfaceTemperature: number coolantFlowRate: number airflowRate: number thermalResistance: number overloadDuration: string faultCode: string anomalyScore: number predictiveFailureTime: number degradationRate: number maintenanceLogs: string lifetimeUsageHours: number ambientTemperature: number humidityLevel: number roadCondition: string drivingMode: string loadWeight: number faultType: string severityLevel: string } export interface MotorAssemblyStep { id: number title: string description: string imageUrl: string arModel: string requiredTools: string[] safetyNotes: string estimatedTime: string } [V0_FILE]typescriptreact:file="components/header.tsx" import { ScanSearch, Gauge, PenToolIcon as Tool, Zap } from "lucide-react" export default function Header() { return (

AR Motor Diagnostics

Advanced augmented reality system for EV motor diagnostics, analysis, and repair guidance

Scan & Detect

Analyze Data

Repair Guidance

) } [V0_FILE]typescriptreact:file="components/image-capture.tsx" "use client" import type React from "react" import { useState, useRef } from "react" import { Camera, Upload, RefreshCw, ImagePlus } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" interface ImageCaptureProps { onImageCaptured: (imageData: string) => void } export default function ImageCapture({ onImageCaptured }: ImageCaptureProps) { const [captureMethod, setCaptureMethod] = useState<"camera" | "upload">("camera") const [capturedImage, setCapturedImage] = useState(null) const [cameraActive, setCameraActive] = useState(false) const [cameraError, setCameraError] = useState(null) const videoRef = useRef(null) const canvasRef = useRef(null) const fileInputRef = useRef(null) const startCamera = async () => { try { setCameraError(null) const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" }, }) if (videoRef.current) { videoRef.current.srcObject = stream setCameraActive(true) } } catch (error) { console.error("Error accessing camera:", error) setCameraError("Unable to access camera. Please ensure you've granted camera permissions.") } } const stopCamera = () => { if (videoRef.current && videoRef.current.srcObject) { const tracks = (videoRef.current.srcObject as MediaStream).getTracks() tracks.forEach((track) => track.stop()) videoRef.current.srcObject = null setCameraActive(false) } } const captureImage = () => { if (videoRef.current && canvasRef.current) { const context = canvasRef.current.getContext("2d") if (context) { canvasRef.current.width = videoRef.current.videoWidth canvasRef.current.height = videoRef.current.videoHeight context.drawImage(videoRef.current, 0, 0, canvasRef.current.width, canvasRef.current.height) const imageData = canvasRef.current.toDataURL("image/png") setCapturedImage(imageData) stopCamera() onImageCaptured(imageData) } } } const handleFileUpload = (event: React.ChangeEvent) => { const file = event.target.files?.[0] if (file) { const reader = new FileReader() reader.onload = (e) => { const imageData = e.target?.result as string setCapturedImage(imageData) onImageCaptured(imageData) } reader.readAsDataURL(file) } } const resetCapture = () => { setCapturedImage(null) if (captureMethod === "camera") { startCamera() } } const triggerFileInput = () => { if (fileInputRef.current) { fileInputRef.current.click() } } return ( { setCaptureMethod(value as "camera" | "upload") if (value === "camera") { startCamera() } else { stopCamera() } }} className="mb-6" > Camera Upload

{cameraError && (

{cameraError}

)}

{!capturedImage ? ( <>

{!capturedImage ? ( ) : ( )}

{capturedImage ? ( Uploaded motor

) : (

)}

{!capturedImage ? ( ) : (

)}

{capturedImage && (

Analysis Ready

Your motor image has been captured. Navigate to the "Diagnostics" tab to view the AI analysis results.

Processing image using computer vision and AI models...

)} ) } [V0_FILE]typescriptreact:file="components/data-analytics.tsx" "use client" import { useEffect, useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { AlertTriangle, Check, HelpCircle, ThermometerSun, Zap, Vibrate, AlertCircle } from "lucide-react" import type { MotorData } from "@/types/motor-data" import { Progress } from "@/components/ui/progress" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Legend, ResponsiveContainer } from "recharts" import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" interface DataAnalyticsProps { diagnosticsData: MotorData | null isAnalyzing: boolean capturedImage: string | null } export default function DataAnalytics({ diagnosticsData, isAnalyzing, capturedImage }: DataAnalyticsProps) { const [sampleData, setSampleData] = useState([]) useEffect(() => { // Fetch sample data for charts const fetchSampleData = async () => { try { const response = await fetch("/api/motor-data") const data = await response.json() setSampleData(data.slice(0, 24)) // Use first 24 records for visualization } catch (error) { console.error("Error fetching motor data:", error) } } fetchSampleData() }, []) if (!capturedImage) { return (

No Image Captured

Please capture or upload a motor image in the Image Capture tab to enable AI diagnostics.

) } if (isAnalyzing) { return (

Analyzing Motor...

Our AI is processing your motor image using computer vision and machine learning to detect issues.

Analyzing motor components (45%)

) } // Use mock data if no real data is available const motorData = diagnosticsData || { timestamp: "12:05:50", motorSpeed: 2182, torque: 395.51, motorTemperature: 102.7, batteryVoltage: 609.89, batteryCurrent: 148.17, powerOutput: "90367.08", stateOfCharge: 33.37, stateOfHealth: 93.32, phaseCurrentI1: 4.44, phaseCurrentI2: 299.23, phaseCurrentI3: 140.29, phaseVoltageV1: 450.25, phaseVoltageV2: 281.41, phaseVoltageV3: 201.04, powerFactor: 0.75, currentImbalance: 3.42, voltageImbalance: 2.29, harmonicDistortion: 8.85, motorVibration: 4.3, motorNoiseLevel: 68.9, rotorSpeedDeviation: -0.97, rotorPosition: 236.25, bearingTemperature: 57.53, lubricationStatus: "Dry", motorSurfaceTemperature: 64.95, coolantFlowRate: 1.3, airflowRate: 146.78, thermalResistance: 0.22, overloadDuration: "293", faultCode: "P0AC3", anomalyScore: 0.42, predictiveFailureTime: 4501.4, degradationRate: 0.4, maintenanceLogs: "Routine Check", lifetimeUsageHours: 14402, ambientTemperature: 11.49, humidityLevel: 71.0, roadCondition: "Wet", drivingMode: "Sport", loadWeight: 1463, faultType: "Overheat", severityLevel: "Warning", } const getHealthStatus = () => { const score = motorData.anomalyScore if (score < 0.3) return { status: "Healthy", color: "text-green-500", icon: Check } if (score < 0.6) return { status: "Warning", color: "text-yellow-500", icon: AlertTriangle } return { status: "Critical", color: "text-red-500", icon: AlertCircle } } const healthStatus = getHealthStatus() const HealthIcon = healthStatus.icon return (

Motor Diagnostics Results Analysis completed at {motorData.timestamp}

Fault Detected

{motorData.faultType}

Code: {motorData.faultCode}

Severity

{motorData.severityLevel}

Predicted Time to Failure

{Math.round(motorData.predictiveFailureTime)} hours

Primary Issue

High Motor Temperature

{motorData.motorTemperature}°C (Normal: 70-85°C)

Secondary Issues

Increased Vibration ({motorData.motorVibration} mm/s²)

Phase Current Imbalance ({motorData.currentImbalance}%)

Recommended Actions

Check cooling system for blockages or failures
Inspect bearing lubrication status (currently: {motorData.lubricationStatus})
Check for phase wiring issues causing current imbalance

Motor Image Analysis Computer vision diagnostics

{/* Simulated AR overlays */}

Overheated region
102.7°C

Lubrication issue
Check bearings

Detected Components

Stator Windings

Rotor Assembly

Cooling System

Bearings

Performance Metrics Historical data analysis Temperature Vibration Current

({ time: item.Timestamp, motorTemp: item["Motor Temperature (°C)"], bearingTemp: item["Bearing Temperature (°C)"], surfaceTemp: item["Motor Surface Temperature (°C)"], }))} > } />

({ time: item.Timestamp, vibration: item["Motor Vibration (mm/s²)"], noise: item["Motor Noise Level (dB)"] / 10, // Scale for visualization }))} > } />

({ time: item.Timestamp, current1: item["Phase Current I1 (A)"], current2: item["Phase Current I2 (A)"], current3: item["Phase Current I3 (A)"], }))} > } />

) } [V0_FILE]typescriptreact:file="components/motor-assembly.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Check, ChevronLeft, ChevronRight, Clock, Info, PenToolIcon as Tool, AlertTriangle } from "lucide-react" import { Badge } from "@/components/ui/badge" import type { MotorData, MotorAssemblyStep } from "@/types/motor-data" interface MotorAssemblyProps { diagnosticsData: MotorData | null currentStep: number setCurrentStep: (step: number) => void } // Mock assembly steps data const assemblySteps: MotorAssemblyStep[] = [ { id: 1, title: "Safety Precautions & Preparation", description: "Ensure the vehicle is powered off and the high voltage system is properly discharged. Disconnect the 12V battery and wait at least 10 minutes for capacitors to discharge. Wear appropriate PPE including insulated gloves.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/safety_equipment.glb", requiredTools: ["Insulated gloves", "Safety glasses", "Multimeter"], safetyNotes: "Always verify absence of voltage before proceeding with work.", estimatedTime: "10 minutes", }, { id: 2, title: "Access the Motor Assembly", description: "Remove the motor compartment cover by unscrewing the 12 mounting bolts in a cross pattern. Carefully disconnect all electrical connectors, labeling each one for reassembly. Remove cooling system connections.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/motor_cover.glb", requiredTools: ["10mm socket wrench", "Wire labels", "Drip tray"], safetyNotes: "Place a drip tray to collect any coolant that may leak during disconnection.", estimatedTime: "15 minutes", }, { id: 3, title: "Cooling System Inspection", description: "Inspect the cooling system components, looking for blockages, leaks or damaged hoses. Check for mineral deposits that may indicate poor coolant quality. Clean radiator fins if necessary.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/cooling_system.glb", requiredTools: ["Flashlight", "Cleaning brush", "Compressed air"], safetyNotes: "Wear eye protection when using compressed air.", estimatedTime: "20 minutes", }, { id: 4, title: "Replace Cooling Pump", description: "Remove the mounting bolts for the coolant pump. Carefully disconnect inlet and outlet hoses. Install the new pump using new O-rings and gaskets. Torque mounting bolts to 8-10 Nm.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/coolant_pump.glb", requiredTools: ["8mm socket wrench", "Torque wrench", "Replacement pump kit"], safetyNotes: "Ensure proper orientation of the pump during installation.", estimatedTime: "25 minutes", }, { id: 5, title: "Bearing Inspection & Lubrication", description: "Access the motor bearings by removing the end caps. Inspect bearings for signs of wear or damage. Clean bearings and apply fresh high-temperature grease. Check for smooth rotation.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/motor_bearings.glb", requiredTools: ["Bearing puller", "High-temp grease", "Clean lint-free cloth"], safetyNotes: "Do not over-grease bearings as this can cause overheating.", estimatedTime: "30 minutes", }, { id: 6, title: "Reassembly & Testing", description: "Reassemble all components in reverse order. Refill coolant system and bleed air. Reconnect all electrical connections. Test the motor at low power setting to verify proper operation and cooling.", imageUrl: "/placeholder.svg?height=300&width=500", arModel: "/models/reassembled_motor.glb", requiredTools: ["Coolant", "Diagnostic scanner", "Torque wrench"], safetyNotes: "Ensure all connections are secure before powering on the system.", estimatedTime: "40 minutes", }, ] export default function MotorAssembly({ diagnosticsData, currentStep, setCurrentStep }: MotorAssemblyProps) { const [completed, setCompleted] = useState([]) const totalSteps = assemblySteps.length const handleNext = () => { if (currentStep < totalSteps - 1) { setCurrentStep(currentStep + 1) } else { // Complete the whole process setCompleted(assemblySteps.map((step) => step.id)) } } const handlePrevious = () => { if (currentStep > 0) { setCurrentStep(currentStep - 1) } } const handleStepComplete = (stepId: number) => { if (completed.includes(stepId)) { setCompleted(completed.filter((id) => id !== stepId)) } else { setCompleted([...completed, stepId]) } } if (!diagnosticsData) { return (

No Diagnostics Data

Please capture or upload a motor image and perform diagnostics first to view repair guidance.

) } const currentStepData = assemblySteps[currentStep] const isStepCompleted = completed.includes(currentStepData.id) const progress = (currentStep / (totalSteps - 1)) * 100 return (

Repair Guidance Step {currentStep + 1} of {totalSteps}

{assemblySteps.map((step, index) => (

{completed.includes(step.id) ? ( ) : ( {index + 1} )}

))}

{currentStepData.title}

{currentStepData.description}

Required Tools

{tool}

Safety Notes

{currentStepData.safetyNotes}

Estimated Time

{currentStepData.estimatedTime}

Note: In the AR app, this will display a 3D interactive model

AR Mode Features

3D interactive model with zoom, rotate, and explode views
Voice commands for hands-free operation
Real-time alignment guides and torque indicators

) } [V0_FILE]typescriptreact:file="components/ar-simulation.tsx" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Info, ZoomIn, ZoomOut, RotateCw, Eye, EyeOff } from "lucide-react" import { Button } from "@/components/ui/button" import { Toggle } from "@/components/ui/toggle" import type { MotorData } from "@/types/motor-data" interface ARSimulationProps { diagnosticsData: MotorData | null capturedImage: string | null currentStep: number } export default function ARSimulation({ diagnosticsData, capturedImage, currentStep }: ARSimulationProps) { const [zoomLevel, setZoomLevel] = useState(1) const [rotation, setRotation] = useState(0) const [showOverlay, setShowOverlay] = useState(true) const [showTemp, setShowTemp] = useState(true) const [showVibration, setShowVibration] = useState(true) const [showComponents, setShowComponents] = useState(true) useEffect(() => { // Auto-rotate effect const interval = setInterval(() => { setRotation((prev) => (prev + 1) % 360) }, 100) return () => clearInterval(interval) }, []) if (!capturedImage || !diagnosticsData) { return (

AR View Not Available

Please capture or upload a motor image and complete diagnostics to access the AR view.

) } return (

AR Simulation

{/* Base image of the motor */}

{showOverlay && (

{/* Simulated AR overlays */} {showTemp && ( <>

Overheated region
102.7°C

Elevated temp
87.3°C

)} {showVibration && (

Abnormal vibration
4.30 mm/s²

)} {showComponents && ( <>

Stator windings

Rotor

Bearing housing

)} {/* Step-specific overlay for current repair step */} {currentStep === 2 && (

Cooling system inspection area.
Check for blockages and leaks.

)} {currentStep === 3 && (

Coolant pump location.
Replace with new unit.

)} {currentStep === 4 && (

Bearing assembly.
Apply fresh lubrication.

)}

{/* Simulated holographic effect */}

{/* AR interface elements */}

AR Mode • {Math.floor(rotation)}° • {zoomLevel.toFixed(1)}x

Motor ID: EV-M2309-{Math.floor(Math.random() * 1000)}

AR Controls

Display Options

Temperature Data

Vibration Data

Component Labels

Live Sensor Data

Temperature: {diagnosticsData.motorTemperature.toFixed(1)}°C

Vibration: {diagnosticsData.motorVibration.toFixed(2)} mm/s²

Current Draw: {diagnosticsData.batteryCurrent.toFixed(1)} A

RPM: {diagnosticsData.motorSpeed}

Voice Commands

"Zoom in/out"
"Rotate left/right"
"Show/hide temperature data"
"Next/previous step"
"What's this component?"

) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 224 71.4% 4.1%; --card: 0 0% 100%; --card-foreground: 224 71.4% 4.1%; --popover: 0 0% 100%; --popover-foreground: 224 71.4% 4.1%; --primary: 220.9 39.3% 11%; --primary-foreground: 210 20% 98%; --secondary: 220 14.3% 95.9%; --secondary-foreground: 220.9 39.3% 11%; --muted: 220 14.3% 95.9%; --muted-foreground: 220 8.9% 46.1%; --accent: 220 14.3% 95.9%; --accent-foreground: 220.9 39.3% 11%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 20% 98%; --border: 220 13% 91%; --input: 220 13% 91%; --ring: 224 71.4% 4.1%; --radius: 0.5rem; --chart-1: 217 91% 60%; --chart-2: 338 95% 56%; --chart-3: 130 87% 65%; } .dark { --background: 224 71.4% 4.1%; --foreground: 210 20% 98%; --card: 224 71.4% 4.1%; --card-foreground: 210 20% 98%; --popover: 224 71.4% 4.1%; --popover-foreground: 210 20% 98%; --primary: 210 20% 98%; --primary-foreground: 220.9 39.3% 11%; --secondary: 215 27.9% 16.9%; --secondary-foreground: 210 20% 98%; --muted: 215 27.9% 16.9%; --muted-foreground: 217.9 10.6% 64.9%; --accent: 215 27.9% 16.9%; --accent-foreground: 210 20% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 20% 98%; --border: 215 27.9% 16.9%; --input: 215 27.9% 16.9%; --ring: 216 34% 17%; --chart-1: 217 91% 60%; --chart-2: 338 95% 56%; --chart-3: 130 87% 65%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .bg-grid-pattern { background-image: linear-gradient(to right, rgba(55, 65, 81, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(55, 65, 81, 0.1) 1px, transparent 1px); background-size: 20px 20px; } [V0_FILE]typescriptreact:file="app/api/analyze-motor/route.ts" import { NextResponse } from "next/server" export async function POST(request: Request) { // Simulate processing time for AI analysis await new Promise((resolve) => setTimeout(resolve, 1000)) // In a real app, this would analyze the image using computer vision // and AI models, then return the results // For demo purposes, return mocked data return NextResponse.json({ timestamp: "12:05:50", motorSpeed: 2182, torque: 395.51, motorTemperature: 102.7, batteryVoltage: 609.89, batteryCurrent: 148.17, powerOutput: "90367.08", stateOfCharge: 33.37, stateOfHealth: 93.32, phaseCurrentI1: 4.44, phaseCurrentI2: 299.23, phaseCurrentI3: 140.29, phaseVoltageV1: 450.25, phaseVoltageV2: 281.41, phaseVoltageV3: 201.04, powerFactor: 0.75, currentImbalance: 3.42, voltageImbalance: 2.29, harmonicDistortion: 8.85, motorVibration: 4.3, motorNoiseLevel: 68.9, rotorSpeedDeviation: -0.97, rotorPosition: 236.25, bearingTemperature: 57.53, lubricationStatus: "Dry", motorSurfaceTemperature: 64.95, coolantFlowRate: 1.3, airflowRate: 146.78, thermalResistance: 0.22, overloadDuration: "293", faultCode: "P0AC3", anomalyScore: 0.42, predictiveFailureTime: 4501.4, degradationRate: 0.4, maintenanceLogs: "Routine Check", lifetimeUsageHours: 14402, ambientTemperature: 11.49, humidityLevel: 71.0, roadCondition: "Wet", drivingMode: "Sport", loadWeight: 1463, faultType: "Overheat", severityLevel: "Warning", }) } [V0_FILE]typescriptreact:file="app/api/motor-data/route.ts" import { NextResponse } from "next/server" export async function GET() { // In a real app, this would fetch data from the sample.csv file // For demo purposes, generate simulated motor data const sampleData = Array.from({ length: 24 }, (_, i) => { const baseTemp = 85 + Math.random() * 20 const timestamp = new Date() timestamp.setMinutes(timestamp.getMinutes() - (24 - i) * 5) return { Timestamp: `${timestamp.getHours().toString().padStart(2, "0")}:${timestamp.getMinutes().toString().padStart(2, "0")}`, "Motor Speed (RPM)": 2000 + Math.random() * 400, "Torque (Nm)": 380 + Math.random() * 40, "Motor Temperature (°C)": baseTemp + Math.random() * 10, "Battery Voltage (V)": 600 + Math.random() * 20, "Battery Current (A)": 140 + Math.random() * 20, "Power Output (W)": "90000", "State of Charge (SOC) (%)": 30 + Math.random() * 10, "State of Health (SOH) (%)": 90 + Math.random() * 5, "Phase Current I1 (A)": 4 + Math.random() * 1, "Phase Current I2 (A)": 290 + Math.random() * 20, "Phase Current I3 (A)": 135 + Math.random() * 15, "Phase Voltage V1 (V)": 440 + Math.random() * 20, "Phase Voltage V2 (V)": 275 + Math.random() * 15, "Phase Voltage V3 (V)": 195 + Math.random() * 15, "Power Factor": 0.7 + Math.random() * 0.1, "Current Imbalance (%)": 3 + Math.random() * 1, "Voltage Imbalance (%)": 2 + Math.random() * 1, "Harmonic Distortion (%)": 8 + Math.random() * 2, "Motor Vibration (mm/s²)": i > 18 ? 4 + Math.random() * 1 : 2 + Math.random() * 1, "Motor Noise Level (dB)": 65 + Math.random() * 10, "Rotor Speed Deviation (%)": -1 + Math.random() * 2, "Rotor Position (°)": Math.random() * 360, "Bearing Temperature (°C)": baseTemp * 0.6, "Lubrication Status": "Dry", "Motor Surface Temperature (°C)": baseTemp * 0.7, "Coolant Flow Rate (L/min)": 1.2 + Math.random() * 0.3, "Airflow Rate (m³/min)": 140 + Math.random() * 20, "Thermal Resistance (°C/W)": 0.2 + Math.random() * 0.1, "Overload Duration (s)": "290", "Fault Code": i > 18 ? "P0AC3" : "P0000", "Anomaly Score": i > 18 ? 0.4 + Math.random() * 0.1 : 0.2 + Math.random() * 0.1, "Predictive Failure Time (hours)": 4500 - i * 10, "Degradation Rate (%/hour)": 0.3 + Math.random() * 0.2, "Maintenance Logs": "Routine Check", "Lifetime Usage Hours": 14400, "Ambient Temperature (°C)": 10 + Math.random() * 5, "Humidity Level (%)": 65 + Math.random() * 15, "Road Condition": "Wet", "Driving Mode": "Sport", "Load Weight (Kg)": 1450 + Math.random() * 50, "Fault Type": i > 18 ? "Overheat" : "None", "Severity Level": i > 18 ? "Warning" : "Normal", } }) return NextResponse.json(sampleData) } [V0_FILE]javascript:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], }