@healthya-team/pharmacy-analytics 1.0.0 → 1.0.1

package/dist/studio/index.mjs

@@ -2,7 +2,7 @@
 import { BarChart3 as BarChart34 } from "lucide-react";
 
 // src/studio/components/UnifiedDashboard.tsx
-import { useState as useState8, useEffect as useEffect7, useCallback as useCallback5, useRef as useRef3 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback5, useRef as useRef4 } from "react";
 import {
   LayoutDashboard,
   BarChart3 as BarChart33,
@@ -303,6 +303,43 @@ var fDur = (s) => {
 };
 var fPct = (v) => `${(v * 100).toFixed(1)}%`;
 var fEngPct = (v) => `${(v * 100).toFixed(0)}%`;
+var MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var evenTickInterval = (count, maxTicks = 8) => Math.max(0, Math.ceil(count / maxTicks) - 1);
+var formatDateTick = (v) => {
+  if (!v || typeof v !== "string") return "";
+  if (v.length === 10 && v[4] === "-" && v[7] === "-") {
+    const m = parseInt(v.slice(5, 7), 10) - 1;
+    const d = parseInt(v.slice(8, 10), 10);
+    return `${d} ${MONTH_NAMES[m] || v.slice(5, 7)}`;
+  }
+  if (v.length === 8 && !v.includes("-") && !v.includes("/")) {
+    const m = parseInt(v.slice(4, 6), 10) - 1;
+    const d = parseInt(v.slice(6, 8), 10);
+    return `${d} ${MONTH_NAMES[m] || v.slice(4, 6)}`;
+  }
+  if (v.length === 5 && v[2] === "/") {
+    const m = parseInt(v.slice(0, 2), 10) - 1;
+    const d = parseInt(v.slice(3, 5), 10);
+    return `${d} ${MONTH_NAMES[m] || v.slice(0, 2)}`;
+  }
+  return v;
+};
+var formatTooltipDate = (v) => {
+  if (typeof v !== "string") return typeof v === "number" ? String(v) : "";
+  if (v.length === 10 && v[4] === "-" && v[7] === "-") {
+    const y = v.slice(0, 4);
+    const m = parseInt(v.slice(5, 7), 10) - 1;
+    const d = parseInt(v.slice(8, 10), 10);
+    return `${d} ${MONTH_NAMES[m] || v.slice(5, 7)} ${y}`;
+  }
+  if (v.length === 8 && !v.includes("-") && !v.includes("/")) {
+    const y = v.slice(0, 4);
+    const m = parseInt(v.slice(4, 6), 10) - 1;
+    const d = parseInt(v.slice(6, 8), 10);
+    return `${d} ${MONTH_NAMES[m] || v.slice(4, 6)} ${y}`;
+  }
+  return v;
+};
 var GLOBAL_CSS = `
 @keyframes ga-spin   { to { transform: rotate(360deg); } }
 @keyframes ga-pulse  { 0%,100%{box-shadow:0 0 0 3px rgba(62,207,142,.3)} 50%{box-shadow:0 0 0 7px rgba(62,207,142,.08)} }
@@ -315,13 +352,14 @@ var GLOBAL_CSS = `
 .ga-tooltip-wrap { position:relative; display:inline-flex; align-items:center; }
 .ga-tooltip-wrap .ga-tip {
   visibility:hidden; opacity:0; pointer-events:none;
-  position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%);
+  position:absolute; bottom:calc(100% + 6px); right:-6px;
   background:#1e293b; color:#f1f5f9; font-size:12px; line-height:1.5;
   padding:8px 12px; border-radius:7px; white-space:normal; width:220px;
+  max-width:calc(100vw - 32px);
   box-shadow:0 4px 16px rgba(0,0,0,.18); z-index:9999; transition:opacity .15s;
 }
 .ga-tooltip-wrap .ga-tip::after {
-  content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%);
+  content:''; position:absolute; top:100%; right:10px;
   border:5px solid transparent; border-top-color:#1e293b;
 }
 .ga-tooltip-wrap:hover .ga-tip { visibility:visible; opacity:1; }
@@ -339,13 +377,84 @@ var GLOBAL_CSS = `
 `;
 
 // src/studio/components/shared-ui.tsx
+import { useState, useRef } from "react";
+import { createPortal } from "react-dom";
 import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from "recharts";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function InfoIcon({ text }) {
-  return /* @__PURE__ */ jsxs("span", { className: "ga-tooltip-wrap", children: [
-    /* @__PURE__ */ jsx("button", { className: "ga-info-btn", tabIndex: -1, children: "i" }),
-    /* @__PURE__ */ jsx("span", { className: "ga-tip", children: text })
-  ] });
+  const triggerRef = useRef(null);
+  const [tip, setTip] = useState(null);
+  const show = () => {
+    const el = triggerRef.current;
+    if (!el || typeof window === "undefined") return;
+    const rect = el.getBoundingClientRect();
+    const placeBelow = rect.top < 100;
+    const tipWidth = 230;
+    const pad = 12;
+    const centerX = rect.left + rect.width / 2;
+    const clampedLeft = Math.max(
+      tipWidth / 2 + pad,
+      Math.min(centerX, window.innerWidth - tipWidth / 2 - pad)
+    );
+    setTip({
+      top: placeBelow ? rect.bottom + 8 : rect.top - 8,
+      left: clampedLeft,
+      placement: placeBelow ? "bottom" : "top"
+    });
+  };
+  const hide = () => setTip(null);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "ga-tooltip-wrap",
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      style: { position: "relative", display: "inline-flex", alignItems: "center" },
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: triggerRef,
+            className: "ga-info-btn",
+            tabIndex: -1,
+            type: "button",
+            onFocus: show,
+            onBlur: hide,
+            children: "i"
+          }
+        ),
+        tip && typeof document !== "undefined" && createPortal(
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "fixed",
+                top: tip.top,
+                left: tip.left,
+                transform: tip.placement === "top" ? "translate(-50%, -100%)" : "translate(-50%, 0)",
+                width: 230,
+                background: "#0f172a",
+                color: "#f8fafc",
+                fontSize: 12,
+                lineHeight: 1.45,
+                padding: "8px 12px",
+                borderRadius: 8,
+                boxShadow: "0 10px 25px -5px rgba(0,0,0,0.3), 0 8px 10px -6px rgba(0,0,0,0.2)",
+                border: "1px solid #334155",
+                pointerEvents: "none",
+                zIndex: 99999,
+                wordWrap: "break-word",
+                whiteSpace: "normal",
+                fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+              },
+              children: text
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
 }
 function Skel({
   w,
@@ -792,7 +901,11 @@ function TrafficTab({ data, loading }) {
           /* @__PURE__ */ jsx3(
             XAxis,
             {
-              dataKey: "displayDate",
+              dataKey: "date",
+              tickFormatter: formatDateTick,
+              minTickGap: 28,
+              interval: evenTickInterval(data.timeSeries?.length ?? 0),
+              padding: { left: 2, right: 15 },
               fontSize: 11,
               tick: { fill: "#94a3b8" },
               axisLine: false,
@@ -812,6 +925,7 @@ function TrafficTab({ data, loading }) {
           /* @__PURE__ */ jsx3(
             Tooltip2,
             {
+              labelFormatter: formatTooltipDate,
               contentStyle: {
                 background: "#fff",
                 border: "1px solid #e2e8f0",
@@ -1108,7 +1222,7 @@ function GeographyTab({ data, loading }) {
 }
 
 // src/studio/tabs/events-tab.tsx
-import { useState, useEffect, useMemo as useMemo2 } from "react";
+import { useState as useState2, useEffect, useMemo as useMemo2 } from "react";
 
 // src/studio/sanity-client-shim.ts
 var projectId = typeof process !== "undefined" ? process.env.SANITY_STUDIO_PROJECT_ID || process.env.NEXT_PUBLIC_SANITY_PROJECT_ID || "" : "";
@@ -1141,15 +1255,15 @@ function EventsTab({
   apiUrl,
   dateRange
 }) {
-  const [selectedEvent, setSelectedEvent] = useState(null);
-  const [paramRows, setParamRows] = useState([]);
-  const [paramsLoading, setParamsLoading] = useState(false);
-  const [paramsError, setParamsError] = useState(null);
-  const [conditionValues, setConditionValues] = useState([]);
-  const [selectedCondition, setSelectedCondition] = useState(null);
-  const [filteredEvents, setFilteredEvents] = useState(null);
-  const [filterLoading, setFilterLoading] = useState(false);
-  const [pharmacyNameMap, setPharmacyNameMap] = useState({});
+  const [selectedEvent, setSelectedEvent] = useState2(null);
+  const [paramRows, setParamRows] = useState2([]);
+  const [paramsLoading, setParamsLoading] = useState2(false);
+  const [paramsError, setParamsError] = useState2(null);
+  const [conditionValues, setConditionValues] = useState2([]);
+  const [selectedCondition, setSelectedCondition] = useState2(null);
+  const [filteredEvents, setFilteredEvents] = useState2(null);
+  const [filterLoading, setFilterLoading] = useState2(false);
+  const [pharmacyNameMap, setPharmacyNameMap] = useState2({});
   useEffect(() => {
     sanityClient.fetch(`*[_type == "pharmacies"]{corporateId, name}`).then((pharmacies) => {
       const map = {};
@@ -1393,7 +1507,7 @@ function AcquisitionTab({ data, loading }) {
 }
 
 // src/studio/tabs/conditions-products-tab.tsx
-import { useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo3, useState as useState3 } from "react";
 import {
   Bar as Bar2,
   BarChart as BarChart2,
@@ -1514,18 +1628,30 @@ async function fetchPmProductCart(apiUrl, dateRange, conditionId, product, signa
   }
   return res.json();
 }
+async function parseJsonResponse(res, label, url) {
+  const text = await res.text();
+  if (!res.ok) {
+    let msg = `${label} API error: ${res.status} ${res.statusText}`;
+    try {
+      const err = JSON.parse(text);
+      if (err?.error) msg = err.error;
+    } catch {
+    }
+    throw new Error(msg);
+  }
+  if (/^\s*<(!doctype|html)/i.test(text)) {
+    throw new Error(
+      `${label} API (${url}) returned HTML instead of JSON. Check the Mixpanel API URL (mixpanelApiUrl) points at the /api/mixpanel route.`
+    );
+  }
+  return JSON.parse(text);
+}
 async function fetchTopEntities(apiUrl, dateRange, opts, signal) {
   let url = `${apiUrl}?mode=top-entities&dateRange=${dateRange}`;
   if (opts?.condition) url += `&condition=${encodeURIComponent(opts.condition)}`;
   if (opts?.product) url += `&product=${encodeURIComponent(opts.product)}`;
   const res = await fetch(url, { cache: "no-store", signal });
-  if (!res.ok) {
-    const err = await res.json().catch(() => null);
-    throw new Error(
-      err?.error || `Top entities API error: ${res.status} ${res.statusText}`
-    );
-  }
-  const json = await res.json();
+  const json = await parseJsonResponse(res, "Top entities", url);
   return {
     conditions: json.conditions ?? [],
     products: json.products ?? [],
@@ -1536,13 +1662,7 @@ async function fetchTopEntities(apiUrl, dateRange, opts, signal) {
 async function fetchTopSearches(apiUrl, dateRange, type, signal) {
   const url = `${apiUrl}?mode=top-searches&dateRange=${dateRange}&type=${type}`;
   const res = await fetch(url, { cache: "no-store", signal });
-  if (!res.ok) {
-    const err = await res.json().catch(() => null);
-    throw new Error(
-      err?.error || `Top searches API error: ${res.status} ${res.statusText}`
-    );
-  }
-  const json = await res.json();
+  const json = await parseJsonResponse(res, "Top searches", url);
   return { topSearches: json.topSearches ?? [] };
 }
 async function clearMixpanelCache(apiUrl) {
@@ -1698,22 +1818,23 @@ function EmptyState({ label }) {
     }
   );
 }
-function ConditionsProductsTab({ dateRange }) {
-  const [subTab, setSubTab] = useState2("conditions");
-  const [data, setData] = useState2(null);
-  const [loading, setLoading] = useState2(true);
-  const [error, setError] = useState2(null);
-  const [fetchTick] = useState2(0);
-  const [topConditionSearches, setTopConditionSearches] = useState2(null);
-  const [topConditionSearchesLoading, setTopConditionSearchesLoading] = useState2(true);
-  const [conditionSearchVisible, setConditionSearchVisible] = useState2(20);
-  const [topProductSearches, setTopProductSearches] = useState2(null);
-  const [topProductSearchesLoading, setTopProductSearchesLoading] = useState2(true);
-  const [productSearchVisible, setProductSearchVisible] = useState2(20);
+function ConditionsProductsTab({ apiUrl, dateRange }) {
+  const targetUrl = apiUrl || MIXPANEL_API_URL;
+  const [subTab, setSubTab] = useState3("conditions");
+  const [data, setData] = useState3(null);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  const [fetchTick] = useState3(0);
+  const [topConditionSearches, setTopConditionSearches] = useState3(null);
+  const [topConditionSearchesLoading, setTopConditionSearchesLoading] = useState3(true);
+  const [conditionSearchVisible, setConditionSearchVisible] = useState3(20);
+  const [topProductSearches, setTopProductSearches] = useState3(null);
+  const [topProductSearchesLoading, setTopProductSearchesLoading] = useState3(true);
+  const [productSearchVisible, setProductSearchVisible] = useState3(20);
   useEffect2(() => {
     const controller = new AbortController();
     setTopConditionSearchesLoading(true);
-    fetchTopSearches(MIXPANEL_API_URL, dateRange, "condition", controller.signal).then((res) => {
+    fetchTopSearches(targetUrl, dateRange, "condition", controller.signal).then((res) => {
       if (!controller.signal.aborted) setTopConditionSearches(res);
     }).catch((err) => {
       if (err instanceof Error && err.name === "AbortError") return;
@@ -1721,11 +1842,11 @@ function ConditionsProductsTab({ dateRange }) {
       if (!controller.signal.aborted) setTopConditionSearchesLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, fetchTick]);
+  }, [targetUrl, dateRange, fetchTick]);
   useEffect2(() => {
     const controller = new AbortController();
     setTopProductSearchesLoading(true);
-    fetchTopSearches(MIXPANEL_API_URL, dateRange, "product", controller.signal).then((res) => {
+    fetchTopSearches(targetUrl, dateRange, "product", controller.signal).then((res) => {
       if (!controller.signal.aborted) setTopProductSearches(res);
     }).catch((err) => {
       if (err instanceof Error && err.name === "AbortError") return;
@@ -1733,12 +1854,12 @@ function ConditionsProductsTab({ dateRange }) {
       if (!controller.signal.aborted) setTopProductSearchesLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, fetchTick]);
+  }, [targetUrl, dateRange, fetchTick]);
   useEffect2(() => {
     const controller = new AbortController();
     setLoading(true);
     setError(null);
-    fetchTopEntities(MIXPANEL_API_URL, dateRange, void 0, controller.signal).then((res) => {
+    fetchTopEntities(targetUrl, dateRange, void 0, controller.signal).then((res) => {
       if (!controller.signal.aborted) setData(res);
     }).catch((err) => {
       if (err instanceof Error && err.name === "AbortError") return;
@@ -1747,7 +1868,7 @@ function ConditionsProductsTab({ dateRange }) {
       if (!controller.signal.aborted) setLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, fetchTick]);
+  }, [targetUrl, dateRange, fetchTick]);
   const conditionBarData = useMemo3(
     () => [...data?.conditions ?? []].sort((a, b) => b.condition_viewed - a.condition_viewed).filter((c) => c.condition_viewed > 0).slice(0, 12).map((c) => ({ fullName: c.name, name: shortLabel(c.name), Views: c.condition_viewed })),
     [data]
@@ -1793,6 +1914,7 @@ function ConditionsProductsTab({ dateRange }) {
     border: "1px solid #e2e8f0",
     boxShadow: "0 4px 16px rgba(0,0,0,.08)"
   };
+  const barTooltipLabelStyle = { color: "#0f172a", fontWeight: 600 };
   return /* @__PURE__ */ jsxs9("div", { style: { animation: "ga-fadein .25s ease", display: "flex", flexDirection: "column", gap: 20 }, children: [
     /* @__PURE__ */ jsx9(
       "div",
@@ -1904,6 +2026,7 @@ function ConditionsProductsTab({ dateRange }) {
                             formatter: (v) => [fNum(Number(v ?? 0)), "Views"],
                             labelFormatter: (label, payload) => payload?.[0]?.payload?.fullName ?? label,
                             contentStyle: barTooltipStyle,
+                            labelStyle: barTooltipLabelStyle,
                             cursor: { fill: "rgba(99,102,241,0.06)" }
                           }
                         ),
@@ -2160,6 +2283,7 @@ function ConditionsProductsTab({ dateRange }) {
                       formatter: (v) => [fNum(Number(v ?? 0)), "Views"],
                       labelFormatter: (label, payload) => payload?.[0]?.payload?.fullName ?? label,
                       contentStyle: barTooltipStyle,
+                      labelStyle: barTooltipLabelStyle,
                       cursor: { fill: "rgba(99,102,241,0.06)" }
                     }
                   ),
@@ -2213,10 +2337,10 @@ function ConditionsProductsTab({ dateRange }) {
 }
 
 // src/studio/funnel/funnel-events-tab.tsx
-import { useState as useState4, useEffect as useEffect4, useMemo as useMemo7, useCallback as useCallback2 } from "react";
+import { useState as useState5, useEffect as useEffect4, useMemo as useMemo7, useCallback as useCallback2 } from "react";
 
 // src/studio/funnel/custom-select.tsx
-import { useState as useState3, useEffect as useEffect3, useRef, useMemo as useMemo4, useCallback } from "react";
+import { useState as useState4, useEffect as useEffect3, useRef as useRef2, useMemo as useMemo4, useCallback } from "react";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function CustomSelect({
   label,
@@ -2227,10 +2351,10 @@ function CustomSelect({
   loading,
   onChange
 }) {
-  const [open, setOpen] = useState3(false);
-  const [search, setSearch] = useState3("");
-  const ref = useRef(null);
-  const searchRef = useRef(null);
+  const [open, setOpen] = useState4(false);
+  const [search, setSearch] = useState4("");
+  const ref = useRef2(null);
+  const searchRef = useRef2(null);
   const selected = useMemo4(() => options.find((o) => o.value === value), [options, value]);
   const filtered = useMemo4(
     () => search.trim() ? options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase())) : options,
@@ -2473,9 +2597,9 @@ function CustomSelect({
 }
 
 // src/studio/funnel/patient-modal.tsx
-import React5, { useMemo as useMemo5 } from "react";
+import React6, { useMemo as useMemo5 } from "react";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var PatientModal = React5.memo(function PatientModal2({
+var PatientModal = React6.memo(function PatientModal2({
   open,
   onClose,
   loading,
@@ -3601,28 +3725,29 @@ function FunnelCard({
 
 // src/studio/funnel/funnel-events-tab.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-function FunnelEventsTab({ dateRange }) {
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [refreshKey, setRefreshKey] = useState4(0);
-  const [clearing, setClearing] = useState4(false);
-  const [conditionOptions, setConditionOptions] = useState4([]);
-  const [selectedCondition, setSelectedCondition] = useState4("");
-  const [conditionsLoading, setConditionsLoading] = useState4(true);
-  const [rows, setRows] = useState4([]);
-  const [qfsFlows, setQfsFlows] = useState4([]);
-  const [paramBreakdowns, setParamBreakdowns] = useState4({});
-  const [qfsStepBreakdowns, setQfsStepBreakdowns] = useState4({});
-  const [conditionServiceMap, setConditionServiceMap] = useState4({});
-  const [patientModalOpen, setPatientModalOpen] = useState4(false);
-  const [patientRecords, setPatientRecords] = useState4([]);
-  const [patientsLoading, setPatientsLoading] = useState4(false);
-  const [patientsError, setPatientsError] = useState4(null);
+function FunnelEventsTab({ apiUrl, dateRange }) {
+  const targetUrl = apiUrl || MIXPANEL_API_URL;
+  const [loading, setLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [refreshKey, setRefreshKey] = useState5(0);
+  const [clearing, setClearing] = useState5(false);
+  const [conditionOptions, setConditionOptions] = useState5([]);
+  const [selectedCondition, setSelectedCondition] = useState5("");
+  const [conditionsLoading, setConditionsLoading] = useState5(true);
+  const [rows, setRows] = useState5([]);
+  const [qfsFlows, setQfsFlows] = useState5([]);
+  const [paramBreakdowns, setParamBreakdowns] = useState5({});
+  const [qfsStepBreakdowns, setQfsStepBreakdowns] = useState5({});
+  const [conditionServiceMap, setConditionServiceMap] = useState5({});
+  const [patientModalOpen, setPatientModalOpen] = useState5(false);
+  const [patientRecords, setPatientRecords] = useState5([]);
+  const [patientsLoading, setPatientsLoading] = useState5(false);
+  const [patientsError, setPatientsError] = useState5(null);
   const doFetchPatients = useCallback2(() => {
     if (!selectedCondition) return;
     setPatientsLoading(true);
     setPatientsError(null);
-    fetchSignupPatients(MIXPANEL_API_URL, dateRange, selectedCondition).then((records) => {
+    fetchSignupPatients(targetUrl, dateRange, selectedCondition).then((records) => {
       setPatientRecords(records);
       setPatientsLoading(false);
     }).catch((err) => {
@@ -3630,7 +3755,7 @@ function FunnelEventsTab({ dateRange }) {
       setPatientsError(err instanceof Error ? err.message : String(err));
       setPatientsLoading(false);
     });
-  }, [dateRange, selectedCondition]);
+  }, [targetUrl, dateRange, selectedCondition]);
   const handleSignupCountClick = useCallback2(() => {
     if (!selectedCondition) return;
     setPatientModalOpen(true);
@@ -3688,7 +3813,7 @@ function FunnelEventsTab({ dateRange }) {
     const controller = new AbortController();
     setConditionsLoading(true);
     setSelectedCondition("");
-    fetchFunnelConditions(MIXPANEL_API_URL, dateRange, void 0, true, controller.signal).then((values) => {
+    fetchFunnelConditions(targetUrl, dateRange, void 0, true, controller.signal).then((values) => {
       setConditionOptions(values);
       setConditionsLoading(false);
     }).catch((err) => {
@@ -3707,7 +3832,7 @@ function FunnelEventsTab({ dateRange }) {
       setConditionServiceMap(map);
     }).catch((err) => console.error("[FunnelEventsTab] fetchConditionServices error:", err));
     return () => controller.abort();
-  }, [dateRange, refreshKey]);
+  }, [targetUrl, dateRange, refreshKey]);
   useEffect4(() => {
     if (!selectedCondition) {
       setRows([]);
@@ -3720,7 +3845,7 @@ function FunnelEventsTab({ dateRange }) {
     const controller = new AbortController();
     setLoading(true);
     setError(null);
-    fetchFunnelEvents(MIXPANEL_API_URL, dateRange, selectedCondition, void 0, controller.signal).then((data) => {
+    fetchFunnelEvents(targetUrl, dateRange, selectedCondition, void 0, controller.signal).then((data) => {
       const { eventCounts, qfsStepsByFlow, paramBreakdowns: bd, qfsStepBreakdowns: qfsStepBd } = data;
       setParamBreakdowns(bd);
       setQfsStepBreakdowns(qfsStepBd ?? {});
@@ -3743,7 +3868,7 @@ function FunnelEventsTab({ dateRange }) {
       setLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, selectedCondition, refreshKey]);
+  }, [targetUrl, dateRange, selectedCondition, refreshKey]);
   const qfsTotal = useMemo7(
     () => qfsFlows.reduce((sum, f) => sum + (f.steps[0]?.count ?? 0), 0),
     [qfsFlows]
@@ -3773,14 +3898,14 @@ function FunnelEventsTab({ dateRange }) {
   const handleFetchLatest = useCallback2(async () => {
     setClearing(true);
     try {
-      await clearMixpanelCache(MIXPANEL_API_URL);
+      await clearMixpanelCache(targetUrl);
     } catch (err) {
       console.error("[FunnelEventsTab] clear-cache error:", err);
     } finally {
       setClearing(false);
       setRefreshKey((k) => k + 1);
     }
-  }, []);
+  }, [targetUrl]);
   const handleClosePatientModal = useCallback2(() => setPatientModalOpen(false), []);
   return /* @__PURE__ */ jsxs14("div", { style: { padding: "28px 0 48px", background: "#f8f9fb", minHeight: 500 }, children: [
     /* @__PURE__ */ jsxs14(
@@ -3945,7 +4070,7 @@ function FunnelEventsTab({ dateRange }) {
 }
 
 // src/studio/funnel/pm-funnel-tab.tsx
-import { useState as useState5, useEffect as useEffect5, useCallback as useCallback3 } from "react";
+import { useState as useState6, useEffect as useEffect5, useCallback as useCallback3 } from "react";
 import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var HIDDEN_PARAMS = /* @__PURE__ */ new Set([
   "product_name",
@@ -4549,51 +4674,52 @@ function FlowTab({ label, icon, desc, active, onClick }) {
     }
   );
 }
-function PmFunnelTab({ dateRange }) {
-  const [flowSource, setFlowSource] = useState5("product_detail");
-  const [refreshKey, setRefreshKey] = useState5(0);
-  const [clearing, setClearing] = useState5(false);
-  const [pdFilterOptions, setPdFilterOptions] = useState5([]);
-  const [pdSelectedFilter, setPdSelectedFilter] = useState5("");
-  const [pdOptionsLoading, setPdOptionsLoading] = useState5(true);
-  const [pdEventsData, setPdEventsData] = useState5(null);
-  const [pdLoading, setPdLoading] = useState5(false);
-  const [pdError, setPdError] = useState5(null);
-  const [cdConditionOptions, setCdConditionOptions] = useState5([]);
-  const [cdSelectedConditionId, setCdSelectedConditionId] = useState5("");
-  const [cdOptionsLoading, setCdOptionsLoading] = useState5(true);
-  const [cdConditionData, setCdConditionData] = useState5(null);
-  const [cdConditionLoading, setCdConditionLoading] = useState5(false);
-  const [cdConditionError, setCdConditionError] = useState5(null);
-  const [cdSelectedProduct, setCdSelectedProduct] = useState5(null);
-  const [cdCartData, setCdCartData] = useState5(null);
-  const [cdCartLoading, setCdCartLoading] = useState5(false);
-  const [cartAuthModalOpen, setCartAuthModalOpen] = useState5(false);
-  const [cartAuthPatients, setCartAuthPatients] = useState5([]);
-  const [cartAuthPatientsLoading, setCartAuthPatientsLoading] = useState5(false);
-  const [cartAuthPatientsError, setCartAuthPatientsError] = useState5(null);
-  const [authModalOpen, setAuthModalOpen] = useState5(false);
-  const [authPatients, setAuthPatients] = useState5([]);
-  const [authPatientsLoading, setAuthPatientsLoading] = useState5(false);
-  const [authPatientsError, setAuthPatientsError] = useState5(null);
+function PmFunnelTab({ apiUrl, dateRange }) {
+  const targetUrl = apiUrl || MIXPANEL_API_URL;
+  const [flowSource, setFlowSource] = useState6("product_detail");
+  const [refreshKey, setRefreshKey] = useState6(0);
+  const [clearing, setClearing] = useState6(false);
+  const [pdFilterOptions, setPdFilterOptions] = useState6([]);
+  const [pdSelectedFilter, setPdSelectedFilter] = useState6("");
+  const [pdOptionsLoading, setPdOptionsLoading] = useState6(true);
+  const [pdEventsData, setPdEventsData] = useState6(null);
+  const [pdLoading, setPdLoading] = useState6(false);
+  const [pdError, setPdError] = useState6(null);
+  const [cdConditionOptions, setCdConditionOptions] = useState6([]);
+  const [cdSelectedConditionId, setCdSelectedConditionId] = useState6("");
+  const [cdOptionsLoading, setCdOptionsLoading] = useState6(true);
+  const [cdConditionData, setCdConditionData] = useState6(null);
+  const [cdConditionLoading, setCdConditionLoading] = useState6(false);
+  const [cdConditionError, setCdConditionError] = useState6(null);
+  const [cdSelectedProduct, setCdSelectedProduct] = useState6(null);
+  const [cdCartData, setCdCartData] = useState6(null);
+  const [cdCartLoading, setCdCartLoading] = useState6(false);
+  const [cartAuthModalOpen, setCartAuthModalOpen] = useState6(false);
+  const [cartAuthPatients, setCartAuthPatients] = useState6([]);
+  const [cartAuthPatientsLoading, setCartAuthPatientsLoading] = useState6(false);
+  const [cartAuthPatientsError, setCartAuthPatientsError] = useState6(null);
+  const [authModalOpen, setAuthModalOpen] = useState6(false);
+  const [authPatients, setAuthPatients] = useState6([]);
+  const [authPatientsLoading, setAuthPatientsLoading] = useState6(false);
+  const [authPatientsError, setAuthPatientsError] = useState6(null);
   const handleFetchLatest = useCallback3(async () => {
     setClearing(true);
     try {
-      await clearMixpanelCache(MIXPANEL_API_URL);
+      await clearMixpanelCache(targetUrl);
     } catch (err) {
       console.error("PM funnel clear-cache error:", err);
     } finally {
       setClearing(false);
       setRefreshKey((k) => k + 1);
     }
-  }, []);
+  }, [targetUrl]);
   useEffect5(() => {
     if (flowSource !== "product_detail") return;
     const controller = new AbortController();
     setPdOptionsLoading(true);
     setPdSelectedFilter("");
     setPdEventsData(null);
-    fetchPmFunnelProducts(MIXPANEL_API_URL, dateRange, "product_detail", controller.signal).then((values) => {
+    fetchPmFunnelProducts(targetUrl, dateRange, "product_detail", controller.signal).then((values) => {
       if (!controller.signal.aborted) {
         setPdFilterOptions(values);
         setPdOptionsLoading(false);
@@ -4604,7 +4730,7 @@ function PmFunnelTab({ dateRange }) {
       if (!controller.signal.aborted) setPdOptionsLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, flowSource, refreshKey]);
+  }, [targetUrl, dateRange, flowSource, refreshKey]);
   useEffect5(() => {
     if (flowSource !== "product_detail" || !pdSelectedFilter) {
       setPdEventsData(null);
@@ -4614,7 +4740,7 @@ function PmFunnelTab({ dateRange }) {
     const controller = new AbortController();
     setPdLoading(true);
     setPdError(null);
-    fetchPmFunnelEvents(MIXPANEL_API_URL, dateRange, pdSelectedFilter, "product_detail", controller.signal).then((data) => {
+    fetchPmFunnelEvents(targetUrl, dateRange, pdSelectedFilter, "product_detail", controller.signal).then((data) => {
       if (!controller.signal.aborted) {
         setPdEventsData(data);
         setPdLoading(false);
@@ -4627,7 +4753,7 @@ function PmFunnelTab({ dateRange }) {
       }
     });
     return () => controller.abort();
-  }, [pdSelectedFilter, dateRange, flowSource, refreshKey]);
+  }, [targetUrl, pdSelectedFilter, dateRange, flowSource, refreshKey]);
   useEffect5(() => {
     if (flowSource !== "condition_detail") return;
     const controller = new AbortController();
@@ -4637,7 +4763,7 @@ function PmFunnelTab({ dateRange }) {
     setCdSelectedProduct(null);
     setCdCartData(null);
     Promise.all([
-      fetchPmConditionOptions(MIXPANEL_API_URL, dateRange, controller.signal),
+      fetchPmConditionOptions(targetUrl, dateRange, controller.signal),
       sanityClient.fetch(
         `*[_type == "singleCondition" && defined(conditionId)]{conditionId, title}`
       )
@@ -4659,7 +4785,7 @@ function PmFunnelTab({ dateRange }) {
       if (!controller.signal.aborted) setCdOptionsLoading(false);
     });
     return () => controller.abort();
-  }, [dateRange, flowSource, refreshKey]);
+  }, [targetUrl, dateRange, flowSource, refreshKey]);
   useEffect5(() => {
     if (flowSource !== "condition_detail" || !cdSelectedConditionId) {
       setCdConditionData(null);
@@ -4673,7 +4799,7 @@ function PmFunnelTab({ dateRange }) {
     setCdConditionError(null);
     setCdSelectedProduct(null);
     setCdCartData(null);
-    fetchPmConditionEvents(MIXPANEL_API_URL, dateRange, Number(cdSelectedConditionId), controller.signal).then((data) => {
+    fetchPmConditionEvents(targetUrl, dateRange, Number(cdSelectedConditionId), controller.signal).then((data) => {
       if (!controller.signal.aborted) {
         setCdConditionData(data);
         setCdConditionLoading(false);
@@ -4686,76 +4812,76 @@ function PmFunnelTab({ dateRange }) {
       }
     });
     return () => controller.abort();
-  }, [cdSelectedConditionId, dateRange, flowSource, refreshKey]);
+  }, [targetUrl, cdSelectedConditionId, dateRange, flowSource, refreshKey]);
   const handleProductSelect = useCallback3((productName) => {
     if (productName === cdSelectedProduct) return;
     setCdSelectedProduct(productName);
     setCdCartData(null);
     setCdCartLoading(true);
-    fetchPmProductCart(MIXPANEL_API_URL, dateRange, Number(cdSelectedConditionId), productName).then((data) => {
+    fetchPmProductCart(targetUrl, dateRange, Number(cdSelectedConditionId), productName).then((data) => {
       setCdCartData(data);
       setCdCartLoading(false);
     }).catch((err) => {
       console.error("PM funnel cart error:", err);
       setCdCartLoading(false);
     });
-  }, [cdSelectedConditionId, cdSelectedProduct, dateRange]);
+  }, [targetUrl, cdSelectedConditionId, cdSelectedProduct, dateRange]);
   const handlePdCartAuthClick = useCallback3(() => {
     if (!pdSelectedFilter) return;
     setCartAuthModalOpen(true);
     setCartAuthPatientsLoading(true);
     setCartAuthPatientsError(null);
     setCartAuthPatients([]);
-    fetchCartAuthPatients(MIXPANEL_API_URL, dateRange, { flowSource: "product_detail", product: pdSelectedFilter }).then((records) => {
+    fetchCartAuthPatients(targetUrl, dateRange, { flowSource: "product_detail", product: pdSelectedFilter }).then((records) => {
       setCartAuthPatients(records);
       setCartAuthPatientsLoading(false);
     }).catch((err) => {
       setCartAuthPatientsError(err instanceof Error ? err.message : String(err));
       setCartAuthPatientsLoading(false);
     });
-  }, [pdSelectedFilter, dateRange]);
+  }, [targetUrl, pdSelectedFilter, dateRange]);
   const handleCdCartAuthClick = useCallback3(() => {
     if (!cdSelectedProduct || !cdSelectedConditionId) return;
     setCartAuthModalOpen(true);
     setCartAuthPatientsLoading(true);
     setCartAuthPatientsError(null);
     setCartAuthPatients([]);
-    fetchCartAuthPatients(MIXPANEL_API_URL, dateRange, { flowSource: "condition_detail", product: cdSelectedProduct, conditionId: Number(cdSelectedConditionId) }).then((records) => {
+    fetchCartAuthPatients(targetUrl, dateRange, { flowSource: "condition_detail", product: cdSelectedProduct, conditionId: Number(cdSelectedConditionId) }).then((records) => {
       setCartAuthPatients(records);
       setCartAuthPatientsLoading(false);
     }).catch((err) => {
       setCartAuthPatientsError(err instanceof Error ? err.message : String(err));
       setCartAuthPatientsLoading(false);
     });
-  }, [cdSelectedConditionId, cdSelectedProduct, dateRange]);
+  }, [targetUrl, cdSelectedConditionId, cdSelectedProduct, dateRange]);
   const handlePdAuthClick = useCallback3(() => {
     if (!pdSelectedFilter) return;
     setAuthModalOpen(true);
     setAuthPatientsLoading(true);
     setAuthPatientsError(null);
     setAuthPatients([]);
-    fetchAuthPatients(MIXPANEL_API_URL, dateRange, { flowSource: "product_detail", product: pdSelectedFilter }).then((records) => {
+    fetchAuthPatients(targetUrl, dateRange, { flowSource: "product_detail", product: pdSelectedFilter }).then((records) => {
       setAuthPatients(records);
       setAuthPatientsLoading(false);
     }).catch((err) => {
       setAuthPatientsError(err instanceof Error ? err.message : String(err));
       setAuthPatientsLoading(false);
     });
-  }, [pdSelectedFilter, dateRange]);
+  }, [targetUrl, pdSelectedFilter, dateRange]);
   const handleCdAuthClick = useCallback3(() => {
     if (!cdSelectedConditionId) return;
     setAuthModalOpen(true);
     setAuthPatientsLoading(true);
     setAuthPatientsError(null);
     setAuthPatients([]);
-    fetchAuthPatients(MIXPANEL_API_URL, dateRange, { flowSource: "condition_detail", conditionId: Number(cdSelectedConditionId) }).then((records) => {
+    fetchAuthPatients(targetUrl, dateRange, { flowSource: "condition_detail", conditionId: Number(cdSelectedConditionId) }).then((records) => {
       setAuthPatients(records);
       setAuthPatientsLoading(false);
     }).catch((err) => {
       setAuthPatientsError(err instanceof Error ? err.message : String(err));
       setAuthPatientsLoading(false);
     });
-  }, [cdSelectedConditionId, dateRange]);
+  }, [targetUrl, cdSelectedConditionId, dateRange]);
   const pdFunnelEvents = [...PM_PRODUCT_DETAIL_EVENTS];
   const pdAuthMethods = pdEventsData?.paramBreakdowns?.auth_completed?.method ?? {};
   const pdGuestCount = (pdAuthMethods["guest"] ?? 0) + (pdAuthMethods["Guest"] ?? 0);
@@ -5065,7 +5191,7 @@ function PmFunnelTab({ dateRange }) {
 }
 
 // src/studio/search-console/search-console-dashboard.tsx
-import { useCallback as useCallback4, useEffect as useEffect6, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState8 } from "react";
 import {
   Area as Area2,
   AreaChart as AreaChart2,
@@ -5088,8 +5214,8 @@ import {
 } from "lucide-react";
 
 // src/studio/search-console/dashboard-ui.tsx
-import { useRef as useRef2, useState as useState6 } from "react";
-import { createPortal } from "react-dom";
+import { useRef as useRef3, useState as useState7 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
 import { AlertTriangle, Info, Loader2, RefreshCw } from "lucide-react";
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart3, ResponsiveContainer as ResponsiveContainer4, Tooltip as Tooltip4 } from "recharts";
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -5975,16 +6101,20 @@ function ErrorState({
   ] });
 }
 function InfoIcon2({ text }) {
-  const triggerRef = useRef2(null);
-  const [tip, setTip] = useState6(null);
+  const triggerRef = useRef3(null);
+  const [tip, setTip] = useState7(null);
   const show = () => {
     const el = triggerRef.current;
     if (!el) return;
     const rect = el.getBoundingClientRect();
     const placeBelow = rect.top < 120;
+    const tipWidth = 230;
+    const pad = 12;
+    const centerX = rect.left + rect.width / 2;
+    const clampedLeft = typeof window !== "undefined" ? Math.max(tipWidth / 2 + pad, Math.min(centerX, window.innerWidth - tipWidth / 2 - pad)) : centerX;
     setTip({
       top: placeBelow ? rect.bottom + 8 : rect.top - 8,
-      left: rect.left + rect.width / 2,
+      left: clampedLeft,
       placement: placeBelow ? "bottom" : "top"
     });
   };
@@ -6002,7 +6132,7 @@ function InfoIcon2({ text }) {
         children: /* @__PURE__ */ jsx16(Info, { size: 12 })
       }
     ),
-    tip && typeof document !== "undefined" && createPortal(
+    tip && typeof document !== "undefined" && createPortal2(
       /* @__PURE__ */ jsx16(
         "span",
         {
@@ -6274,9 +6404,26 @@ function ScOverviewTab({ data, loading }) {
         /* @__PURE__ */ jsx17("stop", { offset: "95%", stopColor: color, stopOpacity: 0 })
       ] }, id)) }),
       /* @__PURE__ */ jsx17(CartesianGrid3, { strokeDasharray: "4 6", stroke: CHART_GRID }),
-      /* @__PURE__ */ jsx17(XAxis3, { dataKey: "displayDate", ...chartAxis }),
+      /* @__PURE__ */ jsx17(
+        XAxis3,
+        {
+          dataKey: "date",
+          tickFormatter: formatDateTick,
+          minTickGap: 28,
+          interval: evenTickInterval(clicksSeries?.length ?? 0),
+          padding: { left: 2, right: 15 },
+          ...chartAxis
+        }
+      ),
       /* @__PURE__ */ jsx17(YAxis3, { ...chartAxis, width: 38 }),
-      /* @__PURE__ */ jsx17(Tooltip5, { contentStyle: chartTooltipStyle, cursor: { stroke: "#cbd5e1", strokeDasharray: "4 4" } }),
+      /* @__PURE__ */ jsx17(
+        Tooltip5,
+        {
+          labelFormatter: formatTooltipDate,
+          contentStyle: chartTooltipStyle,
+          cursor: { stroke: "#cbd5e1", strokeDasharray: "4 4" }
+        }
+      ),
       /* @__PURE__ */ jsx17(Legend3, { wrapperStyle: { fontSize: 12, fontWeight: 700, paddingTop: 10 } }),
       /* @__PURE__ */ jsx17(Area2, { type: "monotone", dataKey: "clicks", name: "Clicks", stroke: "#0f9f6e", fill: "url(#scClicks)", strokeWidth: 2.4, dot: false }),
       /* @__PURE__ */ jsx17(Area2, { type: "monotone", dataKey: "impressions", name: "Impressions", stroke: "#6366f1", fill: "url(#scImpressions)", strokeWidth: 2.4, dot: false })
@@ -6467,9 +6614,9 @@ function ScSitemapsTab({
   onRefreshData,
   loading
 }) {
-  const [submitting, setSubmitting] = useState7(null);
-  const [submitMsg, setSubmitMsg] = useState7(null);
-  const [newSitemapUrl, setNewSitemapUrl] = useState7("");
+  const [submitting, setSubmitting] = useState8(null);
+  const [submitMsg, setSubmitMsg] = useState8(null);
+  const [newSitemapUrl, setNewSitemapUrl] = useState8("");
   const totalSubmitted = data.sitemaps.reduce((sum, sitemap) => sum + sitemap.contents.reduce((contentSum, content) => contentSum + content.submitted, 0), 0);
   const totalIndexed = data.sitemaps.reduce((sum, sitemap) => sum + sitemap.contents.reduce((contentSum, content) => contentSum + content.indexed, 0), 0);
   const indexRate = totalSubmitted > 0 ? totalIndexed / totalSubmitted : 0;
@@ -6604,11 +6751,11 @@ function SearchConsoleDashboard({
   activeTab: controlledTab,
   onTabChange
 }) {
-  const [data, setData] = useState7(null);
-  const [loading, setLoading] = useState7(true);
-  const [error, setError] = useState7(null);
-  const [dateRange, setDateRange] = useState7("28");
-  const [uncontrolledTab, setUncontrolledTab] = useState7(initialTab);
+  const [data, setData] = useState8(null);
+  const [loading, setLoading] = useState8(true);
+  const [error, setError] = useState8(null);
+  const [dateRange, setDateRange] = useState8("28");
+  const [uncontrolledTab, setUncontrolledTab] = useState8(initialTab);
   const activeTab = controlledTab !== void 0 ? controlledTab : uncontrolledTab;
   const handleTabChange = useCallback4(
     (nextTab) => {
@@ -7194,7 +7341,10 @@ function CombinedOverviewTab({
               XAxis4,
               {
                 dataKey: "date",
-                tickFormatter: (v) => v.slice(5).replace("-", "/"),
+                tickFormatter: formatDateTick,
+                minTickGap: 28,
+                interval: evenTickInterval(scTimeSeries?.length ?? 0),
+                padding: { left: 2, right: 15 },
                 tick: { fontSize: 10, fill: "#94a3b8" },
                 axisLine: false,
                 tickLine: false
@@ -7204,6 +7354,7 @@ function CombinedOverviewTab({
             /* @__PURE__ */ jsx18(
               Tooltip6,
               {
+                labelFormatter: formatTooltipDate,
                 contentStyle: {
                   background: "#1e293b",
                   border: "none",
@@ -7243,7 +7394,10 @@ function CombinedOverviewTab({
               XAxis4,
               {
                 dataKey: "date",
-                tickFormatter: (v) => v.length === 8 ? `${v.slice(4, 6)}/${v.slice(6, 8)}` : v,
+                tickFormatter: formatDateTick,
+                minTickGap: 28,
+                interval: evenTickInterval(gaTimeSeries?.length ?? 0),
+                padding: { left: 2, right: 15 },
                 tick: { fontSize: 10, fill: "#94a3b8" },
                 axisLine: false,
                 tickLine: false
@@ -7253,6 +7407,7 @@ function CombinedOverviewTab({
             /* @__PURE__ */ jsx18(
               Tooltip6,
               {
+                labelFormatter: formatTooltipDate,
                 contentStyle: {
                   background: "#1e293b",
                   border: "none",
@@ -7394,23 +7549,25 @@ function mapToScRange(range) {
 function UnifiedDashboard({
   apiUrl = "/api/analytics",
   scApiUrl,
+  mixpanelApiUrl,
   brandName = "Pharmacy Analytics"
 }) {
-  const [activeMainSection, setActiveMainSection] = useState8("all");
-  const [activeTab, setActiveTab] = useState8("all-overview");
-  const [scActiveTab, setScActiveTab] = useState8("overview");
-  const [dateRange, setDateRange] = useState8("30");
-  const [gaOpen, setGaOpen] = useState8(true);
-  const [customOpen, setCustomOpen] = useState8(true);
-  const [scOpen, setScOpen] = useState8(true);
-  const [gaData, setGaData] = useState8(null);
-  const [scData, setScData] = useState8(null);
-  const [loadingGa, setLoadingGa] = useState8(true);
-  const [loadingSc, setLoadingSc] = useState8(true);
-  const [gaError, setGaError] = useState8(null);
-  const [scError, setScError] = useState8(null);
-  const gaAbortRef = useRef3(null);
-  const scAbortRef = useRef3(null);
+  const [activeMainSection, setActiveMainSection] = useState9("all");
+  const [activeTab, setActiveTab] = useState9("all-overview");
+  const [scActiveTab, setScActiveTab] = useState9("overview");
+  const [dateRange, setDateRange] = useState9("30");
+  const [gaOpen, setGaOpen] = useState9(true);
+  const [customOpen, setCustomOpen] = useState9(true);
+  const [scOpen, setScOpen] = useState9(true);
+  const isAll = activeMainSection === "all";
+  const [gaData, setGaData] = useState9(null);
+  const [scData, setScData] = useState9(null);
+  const [loadingGa, setLoadingGa] = useState9(true);
+  const [loadingSc, setLoadingSc] = useState9(true);
+  const [gaError, setGaError] = useState9(null);
+  const [scError, setScError] = useState9(null);
+  const gaAbortRef = useRef4(null);
+  const scAbortRef = useRef4(null);
   const effectiveScUrl = scApiUrl || apiUrl;
   const loadGaData = useCallback5(async () => {
     gaAbortRef.current?.abort();
@@ -7808,6 +7965,7 @@ function UnifiedDashboard({
                     /* @__PURE__ */ jsxs19(
                       "button",
                       {
+                        disabled: !isAll,
                         onClick: () => setGaOpen((o) => !o),
                         style: {
                           display: "flex",
@@ -7818,7 +7976,7 @@ function UnifiedDashboard({
                           borderRadius: 6,
                           background: "transparent",
                           border: "none",
-                          cursor: "pointer",
+                          cursor: isAll ? "pointer" : "default",
                           marginBottom: 2
                         },
                         children: [
@@ -7838,11 +7996,11 @@ function UnifiedDashboard({
                               children: "Google Analytics"
                             }
                           ),
-                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: gaOpen ? "\u25BE" : "\u25B8" })
+                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: isAll ? gaOpen ? "\u25BE" : "\u25B8" : null })
                         ]
                       }
                     ),
-                    gaOpen && GA_SUB_TABS.map((tab) => {
+                    (gaOpen || !isAll) && GA_SUB_TABS.map((tab) => {
                       const active = activeTab === tab.id;
                       return /* @__PURE__ */ jsxs19(
                         "button",
@@ -7877,6 +8035,7 @@ function UnifiedDashboard({
                     /* @__PURE__ */ jsxs19(
                       "button",
                       {
+                        disabled: !isAll,
                         onClick: () => setCustomOpen((o) => !o),
                         style: {
                           display: "flex",
@@ -7887,7 +8046,7 @@ function UnifiedDashboard({
                           borderRadius: 6,
                           background: "transparent",
                           border: "none",
-                          cursor: "pointer",
+                          cursor: isAll ? "pointer" : "default",
                           marginBottom: 2
                         },
                         children: [
@@ -7907,11 +8066,11 @@ function UnifiedDashboard({
                               children: "Custom Analytics"
                             }
                           ),
-                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: customOpen ? "\u25BE" : "\u25B8" })
+                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: isAll ? customOpen ? "\u25BE" : "\u25B8" : null })
                         ]
                       }
                     ),
-                    customOpen && CUSTOM_SUB_TABS.map((tab) => {
+                    (customOpen || !isAll) && CUSTOM_SUB_TABS.map((tab) => {
                       const active = activeTab === tab.id;
                       return /* @__PURE__ */ jsxs19(
                         "button",
@@ -7946,6 +8105,7 @@ function UnifiedDashboard({
                     /* @__PURE__ */ jsxs19(
                       "button",
                       {
+                        disabled: !isAll,
                         onClick: () => setScOpen((o) => !o),
                         style: {
                           display: "flex",
@@ -7956,7 +8116,7 @@ function UnifiedDashboard({
                           borderRadius: 6,
                           background: "transparent",
                           border: "none",
-                          cursor: "pointer",
+                          cursor: isAll ? "pointer" : "default",
                           marginBottom: 2
                         },
                         children: [
@@ -7976,11 +8136,11 @@ function UnifiedDashboard({
                               children: "Search Console"
                             }
                           ),
-                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: scOpen ? "\u25BE" : "\u25B8" })
+                          /* @__PURE__ */ jsx19("span", { style: { fontSize: 11, color: "#94a3b8" }, children: isAll ? scOpen ? "\u25BE" : "\u25B8" : null })
                         ]
                       }
                     ),
-                    scOpen && SC_SUB_TABS.map((tab) => {
+                    (scOpen || !isAll) && SC_SUB_TABS.map((tab) => {
                       const isScActive = activeTab === tab.id;
                       return /* @__PURE__ */ jsxs19(
                         "button",
@@ -8058,6 +8218,7 @@ function UnifiedDashboard({
                 flex: 1,
                 minHeight: 0,
                 overflowY: "auto",
+                overflowX: "hidden",
                 padding: "24px 28px"
               },
               children: [
@@ -8112,9 +8273,9 @@ function UnifiedDashboard({
                 activeTab === "geography" && gaData && /* @__PURE__ */ jsx19(GeographyTab, { data: gaData, loading: loadingGa }),
                 activeTab === "events" && gaData && /* @__PURE__ */ jsx19(EventsTab, { data: gaData, loading: loadingGa, apiUrl, dateRange }),
                 activeTab === "acquisition" && gaData && /* @__PURE__ */ jsx19(AcquisitionTab, { data: gaData, loading: loadingGa }),
-                activeTab === "conditions-products" && /* @__PURE__ */ jsx19(ConditionsProductsTab, { apiUrl, dateRange }),
-                activeTab === "funnel" && /* @__PURE__ */ jsx19(FunnelEventsTab, { apiUrl, dateRange }),
-                activeTab === "pm-funnel" && /* @__PURE__ */ jsx19(PmFunnelTab, { apiUrl, dateRange }),
+                activeTab === "conditions-products" && /* @__PURE__ */ jsx19(ConditionsProductsTab, { apiUrl: mixpanelApiUrl, dateRange }),
+                activeTab === "funnel" && /* @__PURE__ */ jsx19(FunnelEventsTab, { apiUrl: mixpanelApiUrl, dateRange }),
+                activeTab === "pm-funnel" && /* @__PURE__ */ jsx19(PmFunnelTab, { apiUrl: mixpanelApiUrl, dateRange }),
                 activeTab.startsWith("sc-") && /* @__PURE__ */ jsx19(
                   SearchConsoleDashboard,
                   {
@@ -8154,6 +8315,7 @@ function pharmacyAnalyticsPlugin(config = {}) {
             {
               apiUrl: config.apiUrl || "/api/analytics",
               scApiUrl: config.scApiUrl,
+              mixpanelApiUrl: config.mixpanelApiUrl,
               brandName: toolTitle
             }
           );