Configure Completed is added

constants/constant.ts

@@ -201,6 +201,15 @@ export const equipmentTabs: string[] = [
      'Missed', 'Departments', 'HSQE'];
 
 
+     
+export const aiHelpdeskTabs: string[] = [
+    'Live triage', 
+    'Invoice verification', 
+    'SLA Enforecment', 
+    'Automation rules', 
+    
+  ];
+
 export const Reqeusttabs: string[] = [
     'TFM Requests', 
     'Engineering', 
@@ -360,6 +369,26 @@ export const workspaceTabs: string[] = [
     'TimeTable', 
     
   ];
+  export const connectedassettabs:string[]=[
+     'Asset Fleet', 
+    'Excursions', 
+    'Optimisation', 
+  ]
+
+  export const sustainabilitytabs:string[]=[
+     'ESG Data Hub', 
+    'IoT sensor', 
+    'Reporting engine', 
+     'Target & forecasts', 
+    'Social & goverance', 
+  ]
+  export const gpsTrackingtabs:string[]=[
+     'Live tracking', 
+    'Geo-fences', 
+    'Entry/exit logs', 
+     'Route history', 
+    'Mobile app', 
+  ]
   export const reporttabs: string[] = [
     'Equipment', 
     'Maintance', 
@@ -887,4 +916,81 @@ export const scheduleItems = [
       actionText: "Submit",
       isHighlighted: false,
     },
-  ];
+  ];
+
+
+  export const LIVE_ACTIVITIES = [
+  {
+    time: "2 min ago",
+    title: "AC not cooling — 4F, Zone B",
+    detail: "Reset VAV setpoint via BMS · confirmed with requester",
+    status: "AUTO-RESOLVED",
+    conf: "96% conf",
+    statusColor: "text-emerald-400 bg-emerald-950/60 border-emerald-800/40",
+    dotColor: "bg-emerald-400",
+  },
+  {
+    time: "9 min ago",
+    title: "Water leakage near lobby lift",
+    detail: "Safety keyword detected → priority P1 · plumber dispatched",
+    status: "ESCALATED",
+    conf: "99% conf",
+    statusColor: "text-rose-400 bg-rose-950/60 border-rose-800/40",
+    dotColor: "bg-rose-400",
+  },
+  {
+    time: "22 min ago",
+    title: "Meeting room projector flickering",
+    detail: "Assigned to AV vendor · parts history attached",
+    status: "ROUTED",
+    conf: "88% conf",
+    statusColor: "text-sky-400 bg-sky-950/60 border-sky-800/40",
+    dotColor: "bg-sky-400",
+  },
+  {
+    time: "38 min ago",
+    title: "Request for extra chairs — Hall 2",
+    detail: "Soft-service task created · housekeeping confirmed",
+    status: "AUTO-RESOLVED",
+    conf: "94% conf",
+    statusColor: "text-emerald-400 bg-emerald-950/60 border-emerald-800/40",
+    dotColor: "bg-emerald-400",
+  },
+  {
+    time: "1 h ago",
+    title: "Bad odour in basement parking",
+    detail: "Linked to drain-line PPM due tomorrow — merged to avoid duplicate",
+    status: "ROUTED",
+    conf: "82% conf",
+    statusColor: "text-sky-400 bg-sky-950/60 border-sky-800/40",
+    dotColor: "bg-sky-400",
+  },
+  {
+    time: "2 h ago",
+    title: "Card reader not working — Gate 3",
+    detail: "Security-critical asset → P2 · vendor SLA timer started",
+    status: "ESCALATED",
+    conf: "97% conf",
+    statusColor: "text-amber-400 bg-amber-950/60 border-amber-800/40",
+    dotColor: "bg-amber-400",
+  },
+];
+
+export const HANDLES_DATA = [
+  {
+    title: "Routine comfort requests",
+    subtitle: "temperature, lighting, cleaning",
+  },
+  {
+    title: "Duplicate & merge detection",
+    subtitle: "links repeats to open WOs",
+  },
+  {
+    title: "Priority & safety triage",
+    subtitle: "P1 keywords escalate instantly",
+  },
+  {
+    title: "Vendor dispatch",
+    subtitle: "assigns per contract & skill",
+  },
+];

constants/tabledata.tsx

@@ -3,6 +3,697 @@ import Button from "@/components/common/button";
 import { StatusBadge } from "@/components/common/statusBadge";
 
 
+//Device Fleet 
+export const devicefleetheaders = [
+  "DEVICE",
+  "TYPE",
+  "PROTOCOL",
+  "LOCATION",
+  "FIRMWARE",
+  "LAST SEEN",
+  "STATUS",
+  "",
+];
+
+export const devicefleetrows = [
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      GW-01
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Gateway
+    </span>,
+    <span className="font-mono text-slate-200">BACnet/IP</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Main LT panel
+    </span>,
+    <span className="font-mono text-slate-300">v2.4.1</span>,
+    <span className="font-mono text-slate-300">2 s ago</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      GW-02
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Gateway
+    </span>,
+    <span className="font-mono text-slate-200">Modbus TCP</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Chiller plant room
+    </span>,
+    <span className="font-mono text-slate-300">v2.4.1</span>,
+    <span className="font-mono text-slate-300">4 s ago</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      CTL-11
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Controller
+    </span>,
+    <span className="font-mono text-slate-200">BACnet MS/TP</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      AHU-07 · Floor 5
+    </span>,
+    <span className="font-mono text-slate-300">v1.9.0</span>,
+    <span className="font-mono text-slate-300">1 s ago</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      CTL-14
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Controller
+    </span>,
+    <span className="font-mono text-slate-200">BACnet MS/TP</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      AHU-09 · Basement
+    </span>,
+    <span className="font-mono text-slate-300">v1.7.2</span>,
+    <span className="font-mono text-slate-300">38 min ago</span>,
+    <StatusBadge
+      text="OFFLINE"
+      color="bg-rose-950/80 text-rose-400 border border-rose-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Restart
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      SNS-208
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      IAQ sensor
+    </span>,
+    <span className="font-mono text-slate-200">MQTT · LoRa</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Open office · L3
+    </span>,
+    <span className="font-mono text-slate-300">v3.1.0</span>,
+    <span className="font-mono text-slate-300">12 s ago</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      SNS-231
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Energy meter
+    </span>,
+    <span className="font-mono text-slate-200">Modbus RTU</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      DG room
+    </span>,
+    <span className="font-mono text-slate-300">v3.0.4</span>,
+    <span className="font-mono text-slate-300">6 s ago</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+
+  [
+    <span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
+      SNS-244
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Water meter
+    </span>,
+    <span className="font-mono text-slate-200">MQTT · NB-IoT</span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Pump room
+    </span>,
+    <span className="font-mono text-slate-300">v3.1.0</span>,
+    <span className="font-mono text-slate-300">20 s ago</span>,
+    <StatusBadge
+      text="FW UPDATE"
+      color="bg-amber-950/80 text-amber-400 border border-amber-800/50"
+    />,
+    <div className="flex items-center gap-2">
+      <Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
+        Ping
+      </Button>
+    </div>,
+  ],
+];
+
+
+
+//Energy Utility in IOT app
+export const energyUtilityHeaders = [
+  "METER",
+  "UTILITY",
+  "READING",
+  "LIVE",
+  "STATUS",
+  "LAST SYNC",
+];
+
+export const energyUtilityRows = [
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-EB-01
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">Grid mains · EB</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">Main LT panel</span>
+    </div>,
+    <span className="font-mono text-slate-200">4,82,110 kWh</span>,
+    <span className="font-bold text-teal-400 font-mono">312 kW</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <span className="font-mono text-slate-300">4 s ago</span>,
+  ],
+
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-DG-01
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">DG set · 500 kVA</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">DG yard</span>
+    </div>,
+    <span className="font-mono text-slate-200">18,240 kWh</span>,
+    <span className="font-bold text-teal-400 font-mono">0 kW</span>,
+    <StatusBadge
+      text="STANDBY"
+      color="bg-slate-800/80 text-sky-400 border border-sky-800/50"
+    />,
+    <span className="font-mono text-slate-300">8 s ago</span>,
+  ],
+
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-SOL-01
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">Solar rooftop</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">Terrace inverter room</span>
+    </div>,
+    <span className="font-mono text-slate-200">96,480 kWh</span>,
+    <span className="font-bold text-teal-400 font-mono">74 kW</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <span className="font-mono text-slate-300">3 s ago</span>,
+  ],
+
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-WTR-01
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">Water · municipal</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">Pump room inlet</span>
+    </div>,
+    <span className="font-mono text-slate-200">12,940 kL</span>,
+    <span className="font-bold text-teal-400 font-mono">2.1 kL/h</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <span className="font-mono text-slate-300">11 s ago</span>,
+  ],
+
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-WTR-02
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">Water · borewell</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">Pump room inlet</span>
+    </div>,
+    <span className="font-mono text-slate-200">3,410 kL</span>,
+    <span className="font-bold text-teal-400 font-mono">0.6 kL/h</span>,
+    <StatusBadge
+      text="ONLINE"
+      color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
+    />,
+    <span className="font-mono text-slate-300">9 s ago</span>,
+  ],
+
+  [
+    <span className="font-bold text-teal-400 font-mono">
+      MTR-GAS-01
+    </span>,
+    <div className="flex flex-col">
+      <span className="font-bold text-slate-100">LPG · kitchen bank</span>
+      <span className="text-[11px] text-[#5c738e] font-mono">Gas bank, B1</span>
+    </div>,
+    <span className="font-mono text-slate-200">1,880 kg</span>,
+    <span className="font-mono text-slate-500">—</span>,
+    <StatusBadge
+      text="OFFLINE"
+      color="bg-rose-950/80 text-rose-400 border border-rose-800/50"
+    />,
+    <span className="font-mono text-slate-300">26 min ago</span>,
+  ],
+];
+
+
+//connected asset in intelligence 
+export const connectedassetheaders = [
+  "Asset",
+  "Location",
+  "Now",
+  "Setpoint",
+  "Trend",
+  "Status",
+  "",
+];
+
+export const connectedassetrows = [
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      CASE-D12
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Dairy case · Store 4, Mumbai
+    </span>,
+    <span className="font-semibold">3.1°C</span>,
+    "2–4°C",
+    <span className="font-mono text-slate-300">stable</span>,
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      CASE-F03
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Frozen island · Store 4, Mumbai
+    </span>,
+    <span className="font-semibold">-19.4°C</span>,
+    "≤ -18°C",
+    <span className="font-mono text-slate-300">stable</span>,
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      CASE-D07
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Dairy case · Store 9, Pune
+    </span>,
+    <span className="font-semibold">5.2°C</span>,
+    "2–4°C",
+    <span className="font-mono text-slate-300">+0.4°/h</span>,
+    <StatusBadge
+      text="Excursion"
+      color="bg-red-500/15 text-red-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      CHIL-02
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Chiller · Horizon Tower
+    </span>,
+    <span className="font-semibold">6.8°C</span>,
+    "6–8°C",
+    <span className="font-mono text-slate-300">drifting</span>,
+    <StatusBadge
+      text="Watch"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      CASE-B01
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Beverage cooler · Store 2, Delhi
+    </span>,
+    <span className="font-semibold">3.8°C</span>,
+    "2–4°C",
+    <span className="font-mono text-slate-300">stable</span>,
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+
+  [
+    <span className="font-semibold text-cyan-400 whitespace-nowrap">
+      AHU-07
+    </span>,
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      AHU · Lakeside Campus
+    </span>,
+    <span className="font-semibold">12.1°C</span>,
+    "11–13°C",
+    <span className="font-mono text-slate-300">stable</span>,
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+    <Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
+      Telemetry
+    </Button>,
+  ],
+];
+//Connected Ops in intelligence 
+export const connectedheaders = [
+  "Site",
+  "Open WOs",
+  "SLA",
+  "Cost MTD",
+  "Vendor Score",
+  "Status",
+];
+
+export const connectedrows = [
+  [
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Horizon Tower · Mumbai
+    </span>,
+    "34",
+    <span className="font-semibold text-emerald-400">96%</span>,
+    "₹8.4 L",
+    "4.6 / 5",
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+  ],
+
+  [
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Lakeside Campus · Pune
+    </span>,
+    "51",
+    <span className="font-semibold text-amber-400">88%</span>,
+    "₹12.1 L",
+    "4.1 / 5",
+    <StatusBadge
+      text="Watch"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+  ],
+
+  [
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Metro Business Park · Delhi
+    </span>,
+    "28",
+    <span className="font-semibold text-emerald-400">93%</span>,
+    "₹6.7 L",
+    "4.4 / 5",
+    <StatusBadge
+      text="Healthy"
+      color="bg-emerald-500/15 text-emerald-400"
+    />,
+  ],
+
+  [
+    <span className="font-semibold text-slate-100 whitespace-nowrap">
+      Coastal One · Chennai
+    </span>,
+    "63",
+    <span className="font-semibold text-red-400">74%</span>,
+    "₹15.8 L",
+    "3.2 / 5",
+    <StatusBadge
+      text="At Risk"
+      color="bg-red-500/15 text-red-400"
+    />,
+  ],
+];
+
+
+
+
+// Asset Health page in intelligence 
+
+
+
+export const assetHealthheaders = [
+  "Asset",
+  "Criticality",
+  "Health",
+  "MTBF",
+  "MTTR",
+  "Recommendation",
+];
+
+export const assetHealthrows = [
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Main DB</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1100 • Plumbing
+      </div>
+    </div>,
+    <StatusBadge
+      text="Normal"
+      color="bg-slate-700/50 text-slate-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[88%] rounded-full bg-emerald-400" />
+      </div>
+      <span className="font-semibold text-emerald-400">88</span>
+    </div>,
+    "162d",
+    "3.5h",
+    "On PPM plan",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Main DB</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1103 • Plumbing
+      </div>
+    </div>,
+    <StatusBadge
+      text="Normal"
+      color="bg-slate-700/50 text-slate-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[93%] rounded-full bg-emerald-400" />
+      </div>
+      <span className="font-semibold text-emerald-400">93</span>
+    </div>,
+    "138d",
+    "6h",
+    "On PPM plan",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Cooling Tower</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1106 • Electrical
+      </div>
+    </div>,
+    <StatusBadge
+      text="Important"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[62%] rounded-full bg-amber-400" />
+      </div>
+      <span className="font-semibold text-amber-400">62</span>
+    </div>,
+    "186d",
+    "6h",
+    "Add condition check",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Chiller</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1109 • Electrical
+      </div>
+    </div>,
+    <StatusBadge
+      text="Normal"
+      color="bg-slate-700/50 text-slate-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[91%] rounded-full bg-emerald-400" />
+      </div>
+      <span className="font-semibold text-emerald-400">91</span>
+    </div>,
+    "282d",
+    "6h",
+    "On PPM plan",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Chiller</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1112 • Plumbing
+      </div>
+    </div>,
+    <StatusBadge
+      text="Important"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[82%] rounded-full bg-emerald-400" />
+      </div>
+      <span className="font-semibold text-emerald-400">82</span>
+    </div>,
+    "186d",
+    "5h",
+    "On PPM plan",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">
+        Air Handling Unit
+      </div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1115 • Plumbing
+      </div>
+    </div>,
+    <StatusBadge
+      text="Important"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[79%] rounded-full bg-amber-400" />
+      </div>
+      <span className="font-semibold text-amber-400">79</span>
+    </div>,
+    "306d",
+    "6.5h",
+    "Add condition check",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Main DB</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1118 • Electrical
+      </div>
+    </div>,
+    <StatusBadge
+      text="Important"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[72%] rounded-full bg-amber-400" />
+      </div>
+      <span className="font-semibold text-amber-400">72</span>
+    </div>,
+    "138d",
+    "2h",
+    "Add condition check",
+  ],
+
+  [
+    <div>
+      <div className="font-semibold text-slate-100">Chiller</div>
+      <div className="text-sm font-mono text-slate-400">
+        APP-1121 • Electrical
+      </div>
+    </div>,
+    <StatusBadge
+      text="Important"
+      color="bg-amber-500/15 text-amber-400"
+    />,
+    <div className="flex items-center gap-3">
+      <div className="h-2 w-28 rounded-full bg-slate-700">
+        <div className="h-2 w-[76%] rounded-full bg-amber-400" />
+      </div>
+      <span className="font-semibold text-amber-400">76</span>
+    </div>,
+    "138d",
+    "6h",
+    "Add condition check",
+  ],
+];
 
 //visitor management page in workplace