@optifye/dashboard-core 6.9.1 → 6.9.2

package/dist/index.css

@@ -2454,10 +2454,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
 }
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
-}
 .bg-red-400\/50 {
   background-color: rgb(248 113 113 / 0.5);
 }
@@ -5631,6 +5627,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
   }
+  .lg\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
   .lg\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;

package/dist/index.d.mts

@@ -3607,13 +3607,13 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @description This hook subscribes to the workspace_health_status table and monitors
  * the last_heartbeat column for real-time updates. It automatically formats the time
- * as "Xs ago", "Xm Ys ago", etc. and updates the display every second for accuracy.
+ * with whole numbers (e.g., "Less than a minute ago", "4 minutes ago") and updates periodically.
  *
  * @param {string} workspaceId - The workspace UUID to monitor
  *
  * @returns {UseWorkspaceHealthStatusReturn} Object containing:
  * - lastHeartbeat: ISO timestamp string or null
- * - timeSinceUpdate: Formatted relative time string (e.g., "30s ago")
+ * - timeSinceUpdate: Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago")
  * - isHealthy: Boolean health status flag
  * - healthData: Full health status record from database
  * - loading: Loading state
@@ -3622,7 +3622,7 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @example
  * const { lastHeartbeat, timeSinceUpdate, isHealthy } = useWorkspaceHealthStatus('workspace-123');
- * // timeSinceUpdate: "45s ago" or "5m 30s ago"
+ * // timeSinceUpdate: "Less than a minute ago" or "4 minutes ago"
  */
 declare const useWorkspaceHealthStatus: (workspaceId: string) => UseWorkspaceHealthStatusReturn;
 
@@ -3708,17 +3708,18 @@ interface UseSessionKeepAliveOptions {
  */
 declare const useSessionKeepAlive: (options?: UseSessionKeepAliveOptions) => void;
 
-type UserRole = 'owner' | 'plant_head' | 'supervisor';
+type UserRole = 'owner' | 'plant_head' | 'supervisor' | 'optifye';
 interface AccessControlReturn {
     userRole: UserRole | null;
     hasAccess: (path: string) => boolean;
     accessiblePages: string[];
     isPageVisible: (path: string) => boolean;
     canAccessPage: (path: string) => boolean;
+    assignedLineIds: string[];
+    assignedFactoryIds: string[];
 }
 /**
  * Hook to manage role-based access control
- * TEMPORARILY DISABLED: All users have access to all pages
  *
  * @returns {AccessControlReturn} Access control utilities and state
  */
@@ -3914,6 +3915,7 @@ interface LineSupervisor {
 interface UseLineSupervisorReturn {
     supervisorName: string | null;
     supervisor: LineSupervisor | null;
+    supervisors: LineSupervisor[];
     isLoading: boolean;
     error: Error | null;
 }
@@ -4919,15 +4921,15 @@ declare const getCompanyMetricsTableName: (companyId: string | undefined, prefix
 declare const getMetricsTablePrefix: (companyId?: string) => string;
 
 /**
- * Format a timestamp as relative time with detailed precision
- * Shows seconds, minutes, hours, or days ago
+ * Format a timestamp as relative time with whole number precision
+ * Shows minutes, hours, or days ago without real-time seconds
  *
  * @param timestamp - Date object or ISO string timestamp
- * @returns Formatted relative time string (e.g., "30s ago", "5m 30s ago", "2h ago", "3d ago")
+ * @returns Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago", "2 hours ago", "3 days ago")
  *
  * @example
- * formatRelativeTime(new Date()) // "0s ago"
- * formatRelativeTime("2024-01-01T12:00:00Z") // "5m 30s ago"
+ * formatRelativeTime(new Date()) // "Less than a minute ago"
+ * formatRelativeTime("2024-01-01T12:00:00Z") // "4 minutes ago"
  */
 declare function formatRelativeTime(timestamp: string | Date | null | undefined): string;
 /**

package/dist/index.d.ts

@@ -3607,13 +3607,13 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @description This hook subscribes to the workspace_health_status table and monitors
  * the last_heartbeat column for real-time updates. It automatically formats the time
- * as "Xs ago", "Xm Ys ago", etc. and updates the display every second for accuracy.
+ * with whole numbers (e.g., "Less than a minute ago", "4 minutes ago") and updates periodically.
  *
  * @param {string} workspaceId - The workspace UUID to monitor
  *
  * @returns {UseWorkspaceHealthStatusReturn} Object containing:
  * - lastHeartbeat: ISO timestamp string or null
- * - timeSinceUpdate: Formatted relative time string (e.g., "30s ago")
+ * - timeSinceUpdate: Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago")
  * - isHealthy: Boolean health status flag
  * - healthData: Full health status record from database
  * - loading: Loading state
@@ -3622,7 +3622,7 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @example
  * const { lastHeartbeat, timeSinceUpdate, isHealthy } = useWorkspaceHealthStatus('workspace-123');
- * // timeSinceUpdate: "45s ago" or "5m 30s ago"
+ * // timeSinceUpdate: "Less than a minute ago" or "4 minutes ago"
  */
 declare const useWorkspaceHealthStatus: (workspaceId: string) => UseWorkspaceHealthStatusReturn;
 
@@ -3708,17 +3708,18 @@ interface UseSessionKeepAliveOptions {
  */
 declare const useSessionKeepAlive: (options?: UseSessionKeepAliveOptions) => void;
 
-type UserRole = 'owner' | 'plant_head' | 'supervisor';
+type UserRole = 'owner' | 'plant_head' | 'supervisor' | 'optifye';
 interface AccessControlReturn {
     userRole: UserRole | null;
     hasAccess: (path: string) => boolean;
     accessiblePages: string[];
     isPageVisible: (path: string) => boolean;
     canAccessPage: (path: string) => boolean;
+    assignedLineIds: string[];
+    assignedFactoryIds: string[];
 }
 /**
  * Hook to manage role-based access control
- * TEMPORARILY DISABLED: All users have access to all pages
  *
  * @returns {AccessControlReturn} Access control utilities and state
  */
@@ -3914,6 +3915,7 @@ interface LineSupervisor {
 interface UseLineSupervisorReturn {
     supervisorName: string | null;
     supervisor: LineSupervisor | null;
+    supervisors: LineSupervisor[];
     isLoading: boolean;
     error: Error | null;
 }
@@ -4919,15 +4921,15 @@ declare const getCompanyMetricsTableName: (companyId: string | undefined, prefix
 declare const getMetricsTablePrefix: (companyId?: string) => string;
 
 /**
- * Format a timestamp as relative time with detailed precision
- * Shows seconds, minutes, hours, or days ago
+ * Format a timestamp as relative time with whole number precision
+ * Shows minutes, hours, or days ago without real-time seconds
  *
  * @param timestamp - Date object or ISO string timestamp
- * @returns Formatted relative time string (e.g., "30s ago", "5m 30s ago", "2h ago", "3d ago")
+ * @returns Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago", "2 hours ago", "3 days ago")
  *
  * @example
- * formatRelativeTime(new Date()) // "0s ago"
- * formatRelativeTime("2024-01-01T12:00:00Z") // "5m 30s ago"
+ * formatRelativeTime(new Date()) // "Less than a minute ago"
+ * formatRelativeTime("2024-01-01T12:00:00Z") // "4 minutes ago"
  */
 declare function formatRelativeTime(timestamp: string | Date | null | undefined): string;
 /**

package/dist/index.js

@@ -228,7 +228,7 @@ var DEFAULT_DATE_TIME_CONFIG = {
 };
 var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
-  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
+  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app",
   // Default AGNO API URL
   // Use environment variable for Slack webhook URL for privacy/security
   // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
@@ -3246,7 +3246,7 @@ var SSEChatClient = class {
       user_id: userId,
       context
     });
-    const agnoApiUrl = this.baseUrl || "https://fastapi-production-111f9.up.railway.app";
+    const agnoApiUrl = this.baseUrl || (process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app");
     const endpoint = `${agnoApiUrl}/api/v2/chat`;
     console.log("[SSEClient] Posting directly to AGNO:", endpoint);
     const response = await fetch(endpoint, {
@@ -10739,23 +10739,18 @@ function formatRelativeTime(timestamp) {
     const diffHours = Math.floor(diffMinutes / 60);
     const diffDays = Math.floor(diffHours / 24);
     if (diffSeconds < 60) {
-      return `${diffSeconds}s ago`;
+      return "Less than a minute ago";
     }
     if (diffMinutes < 60) {
-      const remainingSeconds = diffSeconds % 60;
-      if (remainingSeconds === 0) {
-        return `${diffMinutes}m ago`;
-      }
-      return `${diffMinutes}m ${remainingSeconds}s ago`;
+      const minuteLabel = diffMinutes === 1 ? "minute" : "minutes";
+      return `${diffMinutes} ${minuteLabel} ago`;
     }
     if (diffHours < 24) {
-      const remainingMinutes = diffMinutes % 60;
-      if (remainingMinutes === 0) {
-        return `${diffHours}h ago`;
-      }
-      return `${diffHours}h ${remainingMinutes}m ago`;
+      const hourLabel = diffHours === 1 ? "hour" : "hours";
+      return `${diffHours} ${hourLabel} ago`;
     }
-    return `${diffDays}d ago`;
+    const dayLabel = diffDays === 1 ? "day" : "days";
+    return `${diffDays} ${dayLabel} ago`;
   } catch (error) {
     console.error("[formatRelativeTime] Error formatting timestamp:", error);
     return "Unknown";
@@ -10771,8 +10766,8 @@ function getNextUpdateInterval(timestamp) {
     const diffSeconds = Math.floor(diffMs / 1e3);
     const diffMinutes = Math.floor(diffSeconds / 60);
     const diffHours = Math.floor(diffMinutes / 60);
-    if (diffSeconds < 60) return 1e3;
-    if (diffMinutes < 60) return 1e3;
+    if (diffSeconds < 60) return 1e4;
+    if (diffMinutes < 60) return 6e4;
     if (diffHours < 24) return 6e4;
     return 36e5;
   } catch (error) {
@@ -10949,50 +10944,129 @@ function useAccessControl() {
   const userRole = React23.useMemo(() => {
     if (!user?.role_level) return null;
     const roleLevel = user.role_level;
-    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor") {
+    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor" || roleLevel === "optifye") {
       return roleLevel;
     }
     return "supervisor";
   }, [user?.role_level]);
-  const allPages = [
-    "/",
-    "/leaderboard",
-    "/kpis",
-    "/targets",
-    "/shifts",
-    "/supervisor-management",
-    "/skus",
-    "/ai-agent",
-    "/help",
-    "/health",
-    "/profile",
-    "/workspace",
-    "/factory-view"
-  ];
+  const assignedLineIds = React23.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "supervisor") {
+      const lines = user.properties?.line_id || user.properties?.line_ids || [];
+      return Array.isArray(lines) ? lines : [];
+    }
+    return [];
+  }, [user]);
+  const assignedFactoryIds = React23.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "plant_head") {
+      const factories = user.properties?.factory_id || user.properties?.factory_ids || [];
+      return Array.isArray(factories) ? factories : [];
+    }
+    return [];
+  }, [user]);
+  const roleAccessMap = {
+    optifye: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    owner: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    plant_head: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    supervisor: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace"
+    ]
+  };
   const accessiblePages = React23.useMemo(() => {
-    return allPages;
-  }, []);
+    if (!userRole) return [];
+    return roleAccessMap[userRole] || [];
+  }, [userRole]);
   const hasAccess = React23.useMemo(() => {
     return (path) => {
-      return true;
+      if (!userRole) return false;
+      const basePath = path.split("?")[0].split("/").slice(0, 2).join("/");
+      const hasBaseAccess = accessiblePages.includes(basePath) || accessiblePages.includes("/");
+      if (userRole === "supervisor" && assignedLineIds.length > 0) {
+        if (path.includes("/kpis/") || path.includes("/workspace/")) {
+          const lineIdMatch = path.match(/\/kpis\/([^/?]+)/);
+          if (lineIdMatch) {
+            const pathLineId = lineIdMatch[1];
+            return assignedLineIds.includes(pathLineId);
+          }
+        }
+      }
+      return hasBaseAccess;
     };
-  }, []);
+  }, [userRole, accessiblePages, assignedLineIds]);
   const isPageVisible = React23.useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   const canAccessPage = React23.useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   return {
     userRole,
     hasAccess,
     accessiblePages,
     isPageVisible,
-    canAccessPage
+    canAccessPage,
+    assignedLineIds,
+    assignedFactoryIds
   };
 }
 
@@ -11156,45 +11230,51 @@ function useHasLineAccess(lineId, configLineIds) {
 function useLineSupervisor(lineId) {
   const supabase = useSupabase();
   const [supervisor, setSupervisor] = React23.useState(null);
+  const [supervisors, setSupervisors] = React23.useState([]);
   const [isLoading, setIsLoading] = React23.useState(true);
   const [error, setError] = React23.useState(null);
-  console.log("[useLineSupervisor] Hook initialized for lineId:", lineId);
   const fetchSupervisor = React23.useCallback(async () => {
     if (!lineId || !supabase) {
-      console.log("[useLineSupervisor] Skipping fetch - lineId or supabase missing:", { lineId, hasSupabase: !!supabase });
       setIsLoading(false);
       return;
     }
     try {
       setIsLoading(true);
       setError(null);
-      console.log("[useLineSupervisor] Fetching supervisor for lineId:", lineId);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor").filter("properties->line_id", "@>", `["${lineId}"]`).limit(1);
-      console.log("[useLineSupervisor] Query result:", { data, error: fetchError, lineId });
+      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor");
       if (fetchError) {
         console.error("[useLineSupervisor] Query error:", fetchError);
         throw fetchError;
       }
       if (data && data.length > 0) {
-        const supervisorData = data[0];
-        console.log("[useLineSupervisor] Found supervisor:", {
-          email: supervisorData.email,
-          properties: supervisorData.properties,
-          line_id_in_properties: supervisorData.properties?.line_id
-        });
-        const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
-        setSupervisor({
-          userId: supervisorData.user_id,
-          email: supervisorData.email,
-          displayName
+        const supervisorsForLine = data.filter((supervisorData) => {
+          const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
+          const isAssigned = Array.isArray(lineIds) && lineIds.includes(lineId);
+          return isAssigned;
         });
+        if (supervisorsForLine.length > 0) {
+          const allSupervisors = supervisorsForLine.map((supervisorData) => {
+            const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
+            return {
+              userId: supervisorData.user_id,
+              email: supervisorData.email,
+              displayName
+            };
+          });
+          setSupervisors(allSupervisors);
+          setSupervisor(allSupervisors[0]);
+        } else {
+          setSupervisors([]);
+          setSupervisor(null);
+        }
       } else {
-        console.log("[useLineSupervisor] No supervisor found for line:", lineId);
+        setSupervisors([]);
         setSupervisor(null);
       }
     } catch (err) {
-      console.error("[useLineSupervisor] Error fetching supervisor:", err);
-      setError(err instanceof Error ? err : new Error("Failed to fetch supervisor"));
+      console.error("[useLineSupervisor] Error fetching supervisors:", err);
+      setError(err instanceof Error ? err : new Error("Failed to fetch supervisors"));
+      setSupervisors([]);
       setSupervisor(null);
     } finally {
       setIsLoading(false);
@@ -11219,7 +11299,6 @@ function useLineSupervisor(lineId) {
           filter: `role_level=eq.supervisor`
         },
         (payload) => {
-          console.log("[useLineSupervisor] Real-time update received:", payload);
           fetchSupervisor();
         }
       ).subscribe();
@@ -11231,9 +11310,11 @@ function useLineSupervisor(lineId) {
       }
     };
   }, [lineId, supabase, fetchSupervisor]);
+  const supervisorName = supervisors.length > 0 ? supervisors.map((s) => s.displayName).join(", ") : null;
   return {
-    supervisorName: supervisor?.displayName || null,
+    supervisorName,
     supervisor,
+    supervisors,
     isLoading,
     error
   };
@@ -34104,14 +34185,16 @@ var WorkspaceWhatsAppShareButton = ({
 };
 var WorkspacePdfGenerator = ({ workspace, className }) => {
   const [isGenerating, setIsGenerating] = React23.useState(false);
+  const entityConfig = useEntityConfig();
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const lineName = workspace.line_name || getLineDisplayName(entityConfig, workspace.line_id);
       trackCoreEvent("Workspace PDF Export Clicked", {
         workspace_id: workspace.workspace_id,
         line_id: workspace.line_id,
         workspace_name: workspace.workspace_name,
-        line_name: workspace.line_name
+        line_name: lineName
       });
       const doc = new jsPDF.jsPDF();
       doc.setFontSize(14);
@@ -34132,7 +34215,7 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
       doc.setFontSize(32);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(0, 0, 0);
-      doc.text("Line 1", 20, 40);
+      doc.text(lineName, 20, 40);
       doc.setFontSize(22);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(40, 40, 40);
@@ -38832,7 +38915,7 @@ var AIAgentView = () => {
   const renderedContentCache = React23.useRef(/* @__PURE__ */ new Map());
   const { createThread, mutate: mutateThreads } = useThreads();
   const { messages, addMessage, setMessages } = useMessages(activeThreadId);
-  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://optifye-agent-production.up.railway.app";
+  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://fastapi-production-111f9.up.railway.app";
   const sseClient = React23.useMemo(() => {
     console.log("[AIAgentView] Using AGNO API URL:", agnoApiUrl);
     return new SSEChatClient(agnoApiUrl);
@@ -46938,6 +47021,7 @@ var WorkspaceDetailView = ({
   const [showIdleTime, setShowIdleTime] = React23.useState(false);
   const dashboardConfig = useDashboardConfig();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
+  dashboardConfig?.supervisorConfig?.enabled || false;
   const {
     workspace: workspaceHealth,
     loading: healthLoading,
@@ -46946,6 +47030,36 @@ var WorkspaceDetailView = ({
     enableRealtime: true,
     refreshInterval: 3e4
   });
+  const {
+    isHealthy: isWorkspaceHealthy,
+    timeSinceUpdate,
+    lastHeartbeat,
+    loading: healthStatusLoading,
+    error: healthStatusError
+  } = useWorkspaceHealthStatus(workspaceId);
+  const isLive = React23.useMemo(() => {
+    if (!lastHeartbeat) return false;
+    const now2 = /* @__PURE__ */ new Date();
+    const heartbeat = new Date(lastHeartbeat);
+    const minutesSince = (now2.getTime() - heartbeat.getTime()) / 6e4;
+    return minutesSince < 5;
+  }, [lastHeartbeat]);
+  React23.useEffect(() => {
+    console.log("[WorkspaceDetailView] Workspace Health Status:", {
+      workspaceId,
+      // Old workspace_health table
+      oldStatus: workspaceHealth?.status,
+      oldLastHeartbeat: workspaceHealth?.last_heartbeat,
+      oldTimeSinceLastUpdate: workspaceHealth?.timeSinceLastUpdate,
+      // New workspace_health_status table
+      isHealthy: isWorkspaceHealthy,
+      isLive,
+      lastHeartbeat,
+      timeSinceUpdate,
+      loading: healthLoading || healthStatusLoading,
+      error: healthError || healthStatusError
+    });
+  }, [workspaceId, workspaceHealth, isWorkspaceHealthy, isLive, lastHeartbeat, timeSinceUpdate, healthLoading, healthStatusLoading, healthError, healthStatusError]);
   const {
     status: prefetchStatus,
     data: prefetchData,
@@ -46982,6 +47096,7 @@ var WorkspaceDetailView = ({
   const workspace = isHistoricView ? historicMetrics : liveMetrics;
   const loading = isHistoricView ? historicLoading : liveLoading;
   const error = isHistoricView ? historicError : liveError;
+  const { supervisorName } = useLineSupervisor(workspace?.line_id || lineId);
   React23.useEffect(() => {
     if (onTabChange) {
       onTabChange(activeTab);
@@ -47204,7 +47319,7 @@ var WorkspaceDetailView = ({
       initial: { opacity: 1 },
       animate: { opacity: 1 },
       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("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-3 sm:py-3 lg:py-3.5 flex flex-col shadow-sm bg-white", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -47218,15 +47333,15 @@ var WorkspaceDetailView = ({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
-                workspaceHealth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2 w-2", children: [
-                  workspaceHealth.status === "healthy" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  isLive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
                     "relative inline-flex rounded-full h-2 w-2",
-                    workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                    isLive ? "bg-green-500" : "bg-red-500"
                   ) })
                 ] }) })
               ] }),
-              activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
+              activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5 mt-1", children: [
                 workspaceHealth && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-500", children: workspaceHealth.timeSinceLastUpdate }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   WorkspaceHealthStatusBadge,
@@ -47253,14 +47368,11 @@ var WorkspaceDetailView = ({
             ) }),
             /* @__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",
-                  workspaceHealth.status === "healthy" ? "bg-green-400" : "bg-red-400"
-                ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
+                isLive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
                   "relative inline-flex rounded-full h-2.5 w-2.5",
-                  workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                  isLive ? "bg-green-500" : "bg-red-500"
                 ) })
               ] })
             ] }) }),
@@ -49648,6 +49760,34 @@ var InviteUserDialog = ({
         throw new Error(data.error);
       }
       sonner.toast.success(data?.message || "User added successfully!");
+      try {
+        const dashboardUrl = typeof window !== "undefined" ? window.location.origin : "";
+        if (dashboardUrl) {
+          console.log("Sending welcome email to:", email.trim());
+          const { data: emailData, error: emailError } = await supabase.functions.invoke("hyper-service", {
+            body: {
+              action: "send-welcome-email",
+              email: email.trim(),
+              company_id: companyId,
+              dashboard_url: dashboardUrl
+            }
+          });
+          if (emailError) {
+            console.error("Failed to send welcome email:", emailError);
+            sonner.toast.warning("User added successfully, but welcome email could not be sent");
+          } else if (emailData?.success) {
+            console.log("Welcome email sent successfully:", emailData);
+            sonner.toast.success("User added and welcome email sent!");
+          } else {
+            console.log("Welcome email response:", emailData);
+          }
+        } else {
+          console.warn("Dashboard URL not available, skipping welcome email");
+        }
+      } catch (emailErr) {
+        console.error("Error sending welcome email:", emailErr);
+        sonner.toast.info("User added successfully (email service unavailable)");
+      }
       onInviteSent?.();
       onClose();
     } catch (err) {
@@ -51440,7 +51580,7 @@ var S3Service = class {
 };
 
 // src/lib/api/optifye-agent.ts
-var OPTIFYE_API_URL = "https://optifye-agent-production.up.railway.app";
+var OPTIFYE_API_URL = process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app";
 var OptifyeAgentClient = class {
   constructor(apiUrl = OPTIFYE_API_URL) {
     this.apiUrl = apiUrl;

package/dist/index.mjs

@@ -198,7 +198,7 @@ var DEFAULT_DATE_TIME_CONFIG = {
 };
 var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
-  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
+  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app",
   // Default AGNO API URL
   // Use environment variable for Slack webhook URL for privacy/security
   // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
@@ -3216,7 +3216,7 @@ var SSEChatClient = class {
       user_id: userId,
       context
     });
-    const agnoApiUrl = this.baseUrl || "https://fastapi-production-111f9.up.railway.app";
+    const agnoApiUrl = this.baseUrl || (process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app");
     const endpoint = `${agnoApiUrl}/api/v2/chat`;
     console.log("[SSEClient] Posting directly to AGNO:", endpoint);
     const response = await fetch(endpoint, {
@@ -10709,23 +10709,18 @@ function formatRelativeTime(timestamp) {
     const diffHours = Math.floor(diffMinutes / 60);
     const diffDays = Math.floor(diffHours / 24);
     if (diffSeconds < 60) {
-      return `${diffSeconds}s ago`;
+      return "Less than a minute ago";
     }
     if (diffMinutes < 60) {
-      const remainingSeconds = diffSeconds % 60;
-      if (remainingSeconds === 0) {
-        return `${diffMinutes}m ago`;
-      }
-      return `${diffMinutes}m ${remainingSeconds}s ago`;
+      const minuteLabel = diffMinutes === 1 ? "minute" : "minutes";
+      return `${diffMinutes} ${minuteLabel} ago`;
     }
     if (diffHours < 24) {
-      const remainingMinutes = diffMinutes % 60;
-      if (remainingMinutes === 0) {
-        return `${diffHours}h ago`;
-      }
-      return `${diffHours}h ${remainingMinutes}m ago`;
+      const hourLabel = diffHours === 1 ? "hour" : "hours";
+      return `${diffHours} ${hourLabel} ago`;
     }
-    return `${diffDays}d ago`;
+    const dayLabel = diffDays === 1 ? "day" : "days";
+    return `${diffDays} ${dayLabel} ago`;
   } catch (error) {
     console.error("[formatRelativeTime] Error formatting timestamp:", error);
     return "Unknown";
@@ -10741,8 +10736,8 @@ function getNextUpdateInterval(timestamp) {
     const diffSeconds = Math.floor(diffMs / 1e3);
     const diffMinutes = Math.floor(diffSeconds / 60);
     const diffHours = Math.floor(diffMinutes / 60);
-    if (diffSeconds < 60) return 1e3;
-    if (diffMinutes < 60) return 1e3;
+    if (diffSeconds < 60) return 1e4;
+    if (diffMinutes < 60) return 6e4;
     if (diffHours < 24) return 6e4;
     return 36e5;
   } catch (error) {
@@ -10919,50 +10914,129 @@ function useAccessControl() {
   const userRole = useMemo(() => {
     if (!user?.role_level) return null;
     const roleLevel = user.role_level;
-    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor") {
+    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor" || roleLevel === "optifye") {
       return roleLevel;
     }
     return "supervisor";
   }, [user?.role_level]);
-  const allPages = [
-    "/",
-    "/leaderboard",
-    "/kpis",
-    "/targets",
-    "/shifts",
-    "/supervisor-management",
-    "/skus",
-    "/ai-agent",
-    "/help",
-    "/health",
-    "/profile",
-    "/workspace",
-    "/factory-view"
-  ];
+  const assignedLineIds = useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "supervisor") {
+      const lines = user.properties?.line_id || user.properties?.line_ids || [];
+      return Array.isArray(lines) ? lines : [];
+    }
+    return [];
+  }, [user]);
+  const assignedFactoryIds = useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "plant_head") {
+      const factories = user.properties?.factory_id || user.properties?.factory_ids || [];
+      return Array.isArray(factories) ? factories : [];
+    }
+    return [];
+  }, [user]);
+  const roleAccessMap = {
+    optifye: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    owner: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    plant_head: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    supervisor: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace"
+    ]
+  };
   const accessiblePages = useMemo(() => {
-    return allPages;
-  }, []);
+    if (!userRole) return [];
+    return roleAccessMap[userRole] || [];
+  }, [userRole]);
   const hasAccess = useMemo(() => {
     return (path) => {
-      return true;
+      if (!userRole) return false;
+      const basePath = path.split("?")[0].split("/").slice(0, 2).join("/");
+      const hasBaseAccess = accessiblePages.includes(basePath) || accessiblePages.includes("/");
+      if (userRole === "supervisor" && assignedLineIds.length > 0) {
+        if (path.includes("/kpis/") || path.includes("/workspace/")) {
+          const lineIdMatch = path.match(/\/kpis\/([^/?]+)/);
+          if (lineIdMatch) {
+            const pathLineId = lineIdMatch[1];
+            return assignedLineIds.includes(pathLineId);
+          }
+        }
+      }
+      return hasBaseAccess;
     };
-  }, []);
+  }, [userRole, accessiblePages, assignedLineIds]);
   const isPageVisible = useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   const canAccessPage = useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   return {
     userRole,
     hasAccess,
     accessiblePages,
     isPageVisible,
-    canAccessPage
+    canAccessPage,
+    assignedLineIds,
+    assignedFactoryIds
   };
 }
 
@@ -11126,45 +11200,51 @@ function useHasLineAccess(lineId, configLineIds) {
 function useLineSupervisor(lineId) {
   const supabase = useSupabase();
   const [supervisor, setSupervisor] = useState(null);
+  const [supervisors, setSupervisors] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
-  console.log("[useLineSupervisor] Hook initialized for lineId:", lineId);
   const fetchSupervisor = useCallback(async () => {
     if (!lineId || !supabase) {
-      console.log("[useLineSupervisor] Skipping fetch - lineId or supabase missing:", { lineId, hasSupabase: !!supabase });
       setIsLoading(false);
       return;
     }
     try {
       setIsLoading(true);
       setError(null);
-      console.log("[useLineSupervisor] Fetching supervisor for lineId:", lineId);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor").filter("properties->line_id", "@>", `["${lineId}"]`).limit(1);
-      console.log("[useLineSupervisor] Query result:", { data, error: fetchError, lineId });
+      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor");
       if (fetchError) {
         console.error("[useLineSupervisor] Query error:", fetchError);
         throw fetchError;
       }
       if (data && data.length > 0) {
-        const supervisorData = data[0];
-        console.log("[useLineSupervisor] Found supervisor:", {
-          email: supervisorData.email,
-          properties: supervisorData.properties,
-          line_id_in_properties: supervisorData.properties?.line_id
-        });
-        const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
-        setSupervisor({
-          userId: supervisorData.user_id,
-          email: supervisorData.email,
-          displayName
+        const supervisorsForLine = data.filter((supervisorData) => {
+          const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
+          const isAssigned = Array.isArray(lineIds) && lineIds.includes(lineId);
+          return isAssigned;
         });
+        if (supervisorsForLine.length > 0) {
+          const allSupervisors = supervisorsForLine.map((supervisorData) => {
+            const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
+            return {
+              userId: supervisorData.user_id,
+              email: supervisorData.email,
+              displayName
+            };
+          });
+          setSupervisors(allSupervisors);
+          setSupervisor(allSupervisors[0]);
+        } else {
+          setSupervisors([]);
+          setSupervisor(null);
+        }
       } else {
-        console.log("[useLineSupervisor] No supervisor found for line:", lineId);
+        setSupervisors([]);
         setSupervisor(null);
       }
     } catch (err) {
-      console.error("[useLineSupervisor] Error fetching supervisor:", err);
-      setError(err instanceof Error ? err : new Error("Failed to fetch supervisor"));
+      console.error("[useLineSupervisor] Error fetching supervisors:", err);
+      setError(err instanceof Error ? err : new Error("Failed to fetch supervisors"));
+      setSupervisors([]);
       setSupervisor(null);
     } finally {
       setIsLoading(false);
@@ -11189,7 +11269,6 @@ function useLineSupervisor(lineId) {
           filter: `role_level=eq.supervisor`
         },
         (payload) => {
-          console.log("[useLineSupervisor] Real-time update received:", payload);
           fetchSupervisor();
         }
       ).subscribe();
@@ -11201,9 +11280,11 @@ function useLineSupervisor(lineId) {
       }
     };
   }, [lineId, supabase, fetchSupervisor]);
+  const supervisorName = supervisors.length > 0 ? supervisors.map((s) => s.displayName).join(", ") : null;
   return {
-    supervisorName: supervisor?.displayName || null,
+    supervisorName,
     supervisor,
+    supervisors,
     isLoading,
     error
   };
@@ -34074,14 +34155,16 @@ var WorkspaceWhatsAppShareButton = ({
 };
 var WorkspacePdfGenerator = ({ workspace, className }) => {
   const [isGenerating, setIsGenerating] = useState(false);
+  const entityConfig = useEntityConfig();
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const lineName = workspace.line_name || getLineDisplayName(entityConfig, workspace.line_id);
       trackCoreEvent("Workspace PDF Export Clicked", {
         workspace_id: workspace.workspace_id,
         line_id: workspace.line_id,
         workspace_name: workspace.workspace_name,
-        line_name: workspace.line_name
+        line_name: lineName
       });
       const doc = new jsPDF$1();
       doc.setFontSize(14);
@@ -34102,7 +34185,7 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
       doc.setFontSize(32);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(0, 0, 0);
-      doc.text("Line 1", 20, 40);
+      doc.text(lineName, 20, 40);
       doc.setFontSize(22);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(40, 40, 40);
@@ -38802,7 +38885,7 @@ var AIAgentView = () => {
   const renderedContentCache = useRef(/* @__PURE__ */ new Map());
   const { createThread, mutate: mutateThreads } = useThreads();
   const { messages, addMessage, setMessages } = useMessages(activeThreadId);
-  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://optifye-agent-production.up.railway.app";
+  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://fastapi-production-111f9.up.railway.app";
   const sseClient = useMemo(() => {
     console.log("[AIAgentView] Using AGNO API URL:", agnoApiUrl);
     return new SSEChatClient(agnoApiUrl);
@@ -46908,6 +46991,7 @@ var WorkspaceDetailView = ({
   const [showIdleTime, setShowIdleTime] = useState(false);
   const dashboardConfig = useDashboardConfig();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
+  dashboardConfig?.supervisorConfig?.enabled || false;
   const {
     workspace: workspaceHealth,
     loading: healthLoading,
@@ -46916,6 +47000,36 @@ var WorkspaceDetailView = ({
     enableRealtime: true,
     refreshInterval: 3e4
   });
+  const {
+    isHealthy: isWorkspaceHealthy,
+    timeSinceUpdate,
+    lastHeartbeat,
+    loading: healthStatusLoading,
+    error: healthStatusError
+  } = useWorkspaceHealthStatus(workspaceId);
+  const isLive = useMemo(() => {
+    if (!lastHeartbeat) return false;
+    const now2 = /* @__PURE__ */ new Date();
+    const heartbeat = new Date(lastHeartbeat);
+    const minutesSince = (now2.getTime() - heartbeat.getTime()) / 6e4;
+    return minutesSince < 5;
+  }, [lastHeartbeat]);
+  useEffect(() => {
+    console.log("[WorkspaceDetailView] Workspace Health Status:", {
+      workspaceId,
+      // Old workspace_health table
+      oldStatus: workspaceHealth?.status,
+      oldLastHeartbeat: workspaceHealth?.last_heartbeat,
+      oldTimeSinceLastUpdate: workspaceHealth?.timeSinceLastUpdate,
+      // New workspace_health_status table
+      isHealthy: isWorkspaceHealthy,
+      isLive,
+      lastHeartbeat,
+      timeSinceUpdate,
+      loading: healthLoading || healthStatusLoading,
+      error: healthError || healthStatusError
+    });
+  }, [workspaceId, workspaceHealth, isWorkspaceHealthy, isLive, lastHeartbeat, timeSinceUpdate, healthLoading, healthStatusLoading, healthError, healthStatusError]);
   const {
     status: prefetchStatus,
     data: prefetchData,
@@ -46952,6 +47066,7 @@ var WorkspaceDetailView = ({
   const workspace = isHistoricView ? historicMetrics : liveMetrics;
   const loading = isHistoricView ? historicLoading : liveLoading;
   const error = isHistoricView ? historicError : liveError;
+  const { supervisorName } = useLineSupervisor(workspace?.line_id || lineId);
   useEffect(() => {
     if (onTabChange) {
       onTabChange(activeTab);
@@ -47174,7 +47289,7 @@ var WorkspaceDetailView = ({
       initial: { opacity: 1 },
       animate: { opacity: 1 },
       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("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-3 sm:py-3 lg:py-3.5 flex flex-col shadow-sm bg-white", children: [
           /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsx(
               "button",
@@ -47188,15 +47303,15 @@ var WorkspaceDetailView = ({
             /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
-                workspaceHealth && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-2", children: [
-                  workspaceHealth.status === "healthy" && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
                   /* @__PURE__ */ jsx("span", { className: clsx(
                     "relative inline-flex rounded-full h-2 w-2",
-                    workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                    isLive ? "bg-green-500" : "bg-red-500"
                   ) })
                 ] }) })
               ] }),
-              activeTab !== "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
+              activeTab !== "monthly_history" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5 mt-1", children: [
                 workspaceHealth && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-500", children: workspaceHealth.timeSinceLastUpdate }),
                 /* @__PURE__ */ jsx(
                   WorkspaceHealthStatusBadge,
@@ -47223,14 +47338,11 @@ var WorkspaceDetailView = ({
             ) }),
             /* @__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",
-                  workspaceHealth.status === "healthy" ? "bg-green-400" : "bg-red-400"
-                ) }),
+              /* @__PURE__ */ jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
+                isLive && /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
                 /* @__PURE__ */ jsx("span", { className: clsx(
                   "relative inline-flex rounded-full h-2.5 w-2.5",
-                  workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
+                  isLive ? "bg-green-500" : "bg-red-500"
                 ) })
               ] })
             ] }) }),
@@ -49618,6 +49730,34 @@ var InviteUserDialog = ({
         throw new Error(data.error);
       }
       toast.success(data?.message || "User added successfully!");
+      try {
+        const dashboardUrl = typeof window !== "undefined" ? window.location.origin : "";
+        if (dashboardUrl) {
+          console.log("Sending welcome email to:", email.trim());
+          const { data: emailData, error: emailError } = await supabase.functions.invoke("hyper-service", {
+            body: {
+              action: "send-welcome-email",
+              email: email.trim(),
+              company_id: companyId,
+              dashboard_url: dashboardUrl
+            }
+          });
+          if (emailError) {
+            console.error("Failed to send welcome email:", emailError);
+            toast.warning("User added successfully, but welcome email could not be sent");
+          } else if (emailData?.success) {
+            console.log("Welcome email sent successfully:", emailData);
+            toast.success("User added and welcome email sent!");
+          } else {
+            console.log("Welcome email response:", emailData);
+          }
+        } else {
+          console.warn("Dashboard URL not available, skipping welcome email");
+        }
+      } catch (emailErr) {
+        console.error("Error sending welcome email:", emailErr);
+        toast.info("User added successfully (email service unavailable)");
+      }
       onInviteSent?.();
       onClose();
     } catch (err) {
@@ -51410,7 +51550,7 @@ var S3Service = class {
 };
 
 // src/lib/api/optifye-agent.ts
-var OPTIFYE_API_URL = "https://optifye-agent-production.up.railway.app";
+var OPTIFYE_API_URL = process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app";
 var OptifyeAgentClient = class {
   constructor(apiUrl = OPTIFYE_API_URL) {
     this.apiUrl = apiUrl;

package/package.json

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