@optifye/dashboard-core 6.5.4 → 6.5.5

package/dist/index.css

@@ -1957,6 +1957,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
+}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -2199,6 +2203,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
 }
+.bg-teal-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -3007,6 +3015,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.text-teal-600 {
+  --tw-text-opacity: 1;
+  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
+}
 .text-transparent {
   color: transparent;
 }

package/dist/index.js

@@ -3581,6 +3581,20 @@ function parseS3Uri(s3Uri, sopCategories) {
         severity = "low";
         description = "Cycle Completion";
         break;
+      case "running_cycle":
+      case "active_cycle":
+      case "production_cycle":
+        type = "running_cycle";
+        severity = "low";
+        description = "Active Production Cycle";
+        break;
+      case "setup_state":
+      case "machine_setup":
+      case "line_setup":
+        type = "setup_state";
+        severity = "medium";
+        description = "Machine Setup Activity";
+        break;
       case "medium_bottleneck":
         severity = "medium";
         description = "Medium Bottleneck Identified";
@@ -3611,6 +3625,14 @@ function parseS3Uri(s3Uri, sopCategories) {
           type = "cycle_completion";
           severity = "low";
           description = "Cycle Completion";
+        } else if (normalizedViolationType.includes("running") && normalizedViolationType.includes("cycle")) {
+          type = "running_cycle";
+          severity = "low";
+          description = "Active Production Cycle";
+        } else if (normalizedViolationType.includes("setup") || normalizedViolationType.includes("machine") && normalizedViolationType.includes("setup")) {
+          type = "setup_state";
+          severity = "medium";
+          description = "Machine Setup Activity";
         } else {
           description = `Clip type: ${violationType.replace(/_/g, " ")}`;
           console.log(`Detected unknown violation type: ${violationType} in URI: ${s3Uri}`);
@@ -27752,6 +27774,10 @@ var BottlenecksContent = ({
         return "Worst Cycle Time";
       case "cycle_completion":
         return "Cycle Completion";
+      case "running_cycle":
+        return "Running Cycle";
+      case "setup_state":
+        return "Setup State";
       case "bottleneck":
       default:
         return "";
@@ -27766,6 +27792,8 @@ var BottlenecksContent = ({
       blue: { text: "text-blue-600", bg: "bg-blue-600", dot: "bg-blue-600" },
       orange: { text: "text-orange-600", bg: "bg-orange-600", dot: "bg-orange-600" },
       yellow: { text: "text-yellow-600", bg: "bg-yellow-600", dot: "bg-yellow-600" },
+      teal: { text: "text-teal-600", bg: "bg-teal-600", dot: "bg-teal-600" },
+      amber: { text: "text-amber-600", bg: "bg-amber-600", dot: "bg-amber-600" },
       gray: { text: "text-gray-600", bg: "bg-gray-600", dot: "bg-gray-600" }
     };
     return colorMap[color2] || colorMap.gray;
@@ -28988,10 +29016,7 @@ var WorkspaceHealthCard = ({
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-3.5 w-3.5 text-gray-400" }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap", children: [
               "Uptime today: ",
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx(
-                "font-medium",
-                workspace.uptimePercentage >= 97 ? "text-green-600 dark:text-green-400" : workspace.uptimePercentage >= 90 ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"
-              ), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
                 workspace.uptimePercentage.toFixed(1),
                 "%"
               ] })
@@ -29073,10 +29098,7 @@ var CompactWorkspaceHealthCard = ({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: clsx(
-              "text-xs font-medium",
-              workspace.uptimePercentage >= 97 ? "text-green-600 dark:text-green-400" : workspace.uptimePercentage >= 90 ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"
-            ), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: [
               workspace.uptimePercentage.toFixed(1),
               "%"
             ] }),
@@ -38490,7 +38512,34 @@ var WorkspaceDetailView = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 flex flex-col shadow-sm bg-white", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  BackButtonMinimal,
+                  {
+                    onClick: handleBackNavigation,
+                    text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : date || shift ? "Back to Monthly History" : "Back",
+                    size: "sm",
+                    "aria-label": "Navigate back to previous page"
+                  }
+                ),
+                workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: workspaceHealth.timeSinceLastUpdate })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[250px]", children: formattedWorkspaceName }),
+                workspaceHealth && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
+                    "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
+                    workspaceHealth.status === "healthy" ? "bg-green-400" : "bg-red-400"
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
+                    "relative inline-flex rounded-full h-2 w-2",
+                    workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                  ) })
+                ] })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(
                 BackButtonMinimal,
                 {
@@ -38500,8 +38549,8 @@ var WorkspaceDetailView = ({
                   "aria-label": "Navigate back to previous page"
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-160px)] sm:max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base sm:text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
                 workspaceHealth && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
                     "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
@@ -38513,22 +38562,22 @@ var WorkspaceDetailView = ({
                   ) })
                 ] })
               ] }) }),
-              workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 flex items-center h-8", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] sm:text-xs text-gray-500 hidden sm:block", children: [
+              workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 flex items-center h-8", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [
                 "Last update: ",
                 workspaceHealth.timeSinceLastUpdate
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-8" })
-            ] }),
+            ] }) }),
             activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 sm:mt-3 bg-blue-50 px-2 sm:px-3 py-1.5 sm:py-2 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 sm:gap-3 md:gap-4", children: [
               !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm sm:text-base md:text-lg font-medium text-blue-600", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: formatISTDate2(new Date(workspace.date)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" }),
               date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-200 text-blue-800 rounded-md", children: getDaysDifference(workspace.date) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
               !date && !shift && usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-100 text-amber-700 rounded-md", children: [
@@ -38536,11 +38585,11 @@ var WorkspaceDetailView = ({
                   getDaysDifference(workspace.date),
                   ")"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 sm:gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-base font-medium text-blue-600", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: [
                   workspace.shift_type,
                   " Shift"
                 ] })
@@ -39294,7 +39343,7 @@ var WorkspaceHealthView = ({
           className: "grid grid-cols-2 sm:grid-cols-2 md:grid-cols-5 gap-2 sm:gap-3 lg:gap-4",
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "col-span-2 sm:col-span-2 md:col-span-2 bg-white", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Overall System Uptime Today" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "System Availability" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(CardContent2, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: [
@@ -39303,13 +39352,7 @@ var WorkspaceHealthView = ({
                   ] }),
                   summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className: "h-5 w-5 text-red-500" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Average uptime across all workspaces" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-                  summary.healthyWorkspaces,
-                  " of ",
-                  summary.totalWorkspaces,
-                  " workspaces online"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Overall system uptime today" })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "bg-white", children: [

package/dist/index.mjs

@@ -3551,6 +3551,20 @@ function parseS3Uri(s3Uri, sopCategories) {
         severity = "low";
         description = "Cycle Completion";
         break;
+      case "running_cycle":
+      case "active_cycle":
+      case "production_cycle":
+        type = "running_cycle";
+        severity = "low";
+        description = "Active Production Cycle";
+        break;
+      case "setup_state":
+      case "machine_setup":
+      case "line_setup":
+        type = "setup_state";
+        severity = "medium";
+        description = "Machine Setup Activity";
+        break;
       case "medium_bottleneck":
         severity = "medium";
         description = "Medium Bottleneck Identified";
@@ -3581,6 +3595,14 @@ function parseS3Uri(s3Uri, sopCategories) {
           type = "cycle_completion";
           severity = "low";
           description = "Cycle Completion";
+        } else if (normalizedViolationType.includes("running") && normalizedViolationType.includes("cycle")) {
+          type = "running_cycle";
+          severity = "low";
+          description = "Active Production Cycle";
+        } else if (normalizedViolationType.includes("setup") || normalizedViolationType.includes("machine") && normalizedViolationType.includes("setup")) {
+          type = "setup_state";
+          severity = "medium";
+          description = "Machine Setup Activity";
         } else {
           description = `Clip type: ${violationType.replace(/_/g, " ")}`;
           console.log(`Detected unknown violation type: ${violationType} in URI: ${s3Uri}`);
@@ -27722,6 +27744,10 @@ var BottlenecksContent = ({
         return "Worst Cycle Time";
       case "cycle_completion":
         return "Cycle Completion";
+      case "running_cycle":
+        return "Running Cycle";
+      case "setup_state":
+        return "Setup State";
       case "bottleneck":
       default:
         return "";
@@ -27736,6 +27762,8 @@ var BottlenecksContent = ({
       blue: { text: "text-blue-600", bg: "bg-blue-600", dot: "bg-blue-600" },
       orange: { text: "text-orange-600", bg: "bg-orange-600", dot: "bg-orange-600" },
       yellow: { text: "text-yellow-600", bg: "bg-yellow-600", dot: "bg-yellow-600" },
+      teal: { text: "text-teal-600", bg: "bg-teal-600", dot: "bg-teal-600" },
+      amber: { text: "text-amber-600", bg: "bg-amber-600", dot: "bg-amber-600" },
       gray: { text: "text-gray-600", bg: "bg-gray-600", dot: "bg-gray-600" }
     };
     return colorMap[color2] || colorMap.gray;
@@ -28958,10 +28986,7 @@ var WorkspaceHealthCard = ({
             /* @__PURE__ */ jsx(Activity, { className: "h-3.5 w-3.5 text-gray-400" }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400 whitespace-nowrap", children: [
               "Uptime today: ",
-              /* @__PURE__ */ jsxs("span", { className: clsx(
-                "font-medium",
-                workspace.uptimePercentage >= 97 ? "text-green-600 dark:text-green-400" : workspace.uptimePercentage >= 90 ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"
-              ), children: [
+              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
                 workspace.uptimePercentage.toFixed(1),
                 "%"
               ] })
@@ -29043,10 +29068,7 @@ var CompactWorkspaceHealthCard = ({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs("p", { className: clsx(
-              "text-xs font-medium",
-              workspace.uptimePercentage >= 97 ? "text-green-600 dark:text-green-400" : workspace.uptimePercentage >= 90 ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"
-            ), children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: [
               workspace.uptimePercentage.toFixed(1),
               "%"
             ] }),
@@ -38460,7 +38482,34 @@ var WorkspaceDetailView = ({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
           /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 flex flex-col shadow-sm bg-white", children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ jsxs("div", { className: "sm:hidden", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ jsx(
+                  BackButtonMinimal,
+                  {
+                    onClick: handleBackNavigation,
+                    text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : date || shift ? "Back to Monthly History" : "Back",
+                    size: "sm",
+                    "aria-label": "Navigate back to previous page"
+                  }
+                ),
+                workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: workspaceHealth.timeSinceLastUpdate })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[250px]", children: formattedWorkspaceName }),
+                workspaceHealth && /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: clsx(
+                    "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
+                    workspaceHealth.status === "healthy" ? "bg-green-400" : "bg-red-400"
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: clsx(
+                    "relative inline-flex rounded-full h-2 w-2",
+                    workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                  ) })
+                ] })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
               /* @__PURE__ */ jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsx(
                 BackButtonMinimal,
                 {
@@ -38470,8 +38519,8 @@ var WorkspaceDetailView = ({
                   "aria-label": "Navigate back to previous page"
                 }
               ) }),
-              /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-160px)] sm:max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-3", children: [
-                /* @__PURE__ */ jsx("h1", { className: "text-base sm:text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
+              /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
                 workspaceHealth && /* @__PURE__ */ jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
                   /* @__PURE__ */ jsx("span", { className: clsx(
                     "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
@@ -38483,22 +38532,22 @@ var WorkspaceDetailView = ({
                   ) })
                 ] })
               ] }) }),
-              workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 flex items-center h-8", children: /* @__PURE__ */ jsxs("span", { className: "text-[10px] sm:text-xs text-gray-500 hidden sm:block", children: [
+              workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 flex items-center h-8", children: /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
                 "Last update: ",
                 workspaceHealth.timeSinceLastUpdate
               ] }) }),
               /* @__PURE__ */ jsx("div", { className: "w-full h-8" })
-            ] }),
+            ] }) }),
             activeTab !== "monthly_history" && /* @__PURE__ */ jsx("div", { className: "mt-2 sm:mt-3 bg-blue-50 px-2 sm:px-3 py-1.5 sm:py-2 rounded-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 sm:gap-3 md:gap-4", children: [
               !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "text-sm sm:text-base md:text-lg font-medium text-blue-600", children: /* @__PURE__ */ jsx(LiveTimer, {}) }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: formatISTDate2(new Date(workspace.date)) }),
-              /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" }),
+              /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" }),
               date && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-200 text-blue-800 rounded-md", children: getDaysDifference(workspace.date) }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
               !date && !shift && usingFallbackData && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-100 text-amber-700 rounded-md", children: [
@@ -38506,11 +38555,11 @@ var WorkspaceDetailView = ({
                   getDaysDifference(workspace.date),
                   ")"
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" })
+                /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 sm:gap-2", children: [
                 /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
-                /* @__PURE__ */ jsxs("span", { className: "text-base font-medium text-blue-600", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: [
                   workspace.shift_type,
                   " Shift"
                 ] })
@@ -39264,7 +39313,7 @@ var WorkspaceHealthView = ({
           className: "grid grid-cols-2 sm:grid-cols-2 md:grid-cols-5 gap-2 sm:gap-3 lg:gap-4",
           children: [
             /* @__PURE__ */ jsxs(Card2, { className: "col-span-2 sm:col-span-2 md:col-span-2 bg-white", children: [
-              /* @__PURE__ */ jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Overall System Uptime Today" }) }),
+              /* @__PURE__ */ jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "System Availability" }) }),
               /* @__PURE__ */ jsxs(CardContent2, { children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
                   /* @__PURE__ */ jsxs("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: [
@@ -39273,13 +39322,7 @@ var WorkspaceHealthView = ({
                   ] }),
                   summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsx(Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-5 w-5 text-red-500" })
                 ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Average uptime across all workspaces" }),
-                /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-                  summary.healthyWorkspaces,
-                  " of ",
-                  summary.totalWorkspaces,
-                  " workspaces online"
-                ] })
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Overall system uptime today" })
               ] })
             ] }),
             /* @__PURE__ */ jsxs(Card2, { className: "bg-white", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.5.4",
+  "version": "6.5.5",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",