@datatechsolutions/ui 2.9.3 → 2.9.5

package/dist/{chunk-JFE7Y7RJ.js → chunk-TL2TXLHH.js}

@@ -9016,10 +9016,22 @@ function DashboardProgressShell({ children }) {
     children
   ] });
 }
+var APP_COLORS = {
+  astrlabe: "bg-sky-500/30 text-sky-100 ring-sky-400/30",
+  "fuel-price-ai": "bg-emerald-500/30 text-emerald-100 ring-emerald-400/30",
+  "kori-erp": "bg-amber-500/30 text-amber-100 ring-amber-400/30",
+  windsock: "bg-indigo-500/30 text-indigo-100 ring-indigo-400/30"
+};
+function detectApp() {
+  const appName = process.env.NEXT_PUBLIC_APP_NAME ?? process.env.NEXT_PUBLIC_AUTH_CLIENT_ID ?? "unknown";
+  const port = typeof window !== "undefined" ? window.location.port : "";
+  const gateway = process.env.NEXT_PUBLIC_API_GATEWAY_URL ?? process.env.NEXT_PUBLIC_LAMBDA_CLIENT_BASE ?? "";
+  return { name: appName, port, gateway };
+}
 function DevModeBanner({
   user,
-  devModeLabel = "DEV MODE",
-  devModeMessage = "Auth bypass enabled"
+  devModeLabel = "DEV",
+  devModeMessage = "Local development mode"
 }) {
   const [glassTest, setGlassTest] = React12.useState(false);
   const toggleGlassTest = React12.useCallback(() => {
@@ -9031,7 +9043,9 @@ function DevModeBanner({
   if (process.env.NEXT_PUBLIC_DEV_MODE !== "true") {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative isolate flex items-center gap-x-6 overflow-hidden bg-violet-900/90 dark:bg-violet-950/95 px-6 py-2.5 sm:px-4", children: [
+  const app = detectApp();
+  const appColor = APP_COLORS[app.name] ?? "bg-white/10 text-violet-200 ring-white/20";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative isolate flex items-center gap-x-6 overflow-hidden bg-violet-900/90 dark:bg-violet-950/95 px-6 py-2 sm:px-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -9048,44 +9062,41 @@ function DevModeBanner({
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 blur-2xl",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: {
-              clipPath: "polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
-            },
-            className: "aspect-[577/310] w-[36rem] bg-gradient-to-r from-violet-400 to-purple-500 opacity-30"
-          }
-        )
-      }
-    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-wrap items-center justify-between gap-x-4 gap-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-violet-50", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BeakerIcon, { className: "h-5 w-5 text-violet-300" }),
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: devModeLabel }),
-        /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 2 2", "aria-hidden": "true", className: "mx-2 inline size-0.5 fill-current", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { r: 1, cx: 1, cy: 1 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline text-violet-200", children: devModeMessage })
+        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BeakerIcon, { className: "h-4 w-4 text-violet-300" }),
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-xs font-bold tracking-wider", children: devModeLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 2 2", "aria-hidden": "true", className: "mx-1 inline size-0.5 fill-current", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { r: 1, cx: 1, cy: 1 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline text-xs text-violet-200", children: devModeMessage })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-2 py-0.5 rounded bg-white/10 text-violet-100 text-xs font-mono ring-1 ring-inset ring-white/20", children: user?.email }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-violet-500/30 text-violet-100 ring-1 ring-inset ring-violet-400/30 uppercase", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold ring-1 ring-inset uppercase tracking-wider ${appColor}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ServerStackIcon, { className: "h-3 w-3" }),
+          app.name
+        ] }),
+        app.port && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-mono bg-white/10 text-violet-200 ring-1 ring-inset ring-white/20", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.GlobeAltIcon, { className: "h-3 w-3" }),
+          ":",
+          app.port
+        ] }),
+        app.gateway && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden lg:inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-mono bg-white/10 text-violet-200 ring-1 ring-inset ring-white/20", children: [
+          "gw ",
+          app.gateway.replace("http://localhost:", ":")
+        ] }),
+        user?.email && /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-2 py-0.5 rounded bg-white/10 text-violet-100 text-[10px] font-mono ring-1 ring-inset ring-white/20", children: user.email }),
+        user?.role && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-violet-500/30 text-violet-100 ring-1 ring-inset ring-violet-400/30 uppercase", children: [
           /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.WrenchScrewdriverIcon, { className: "h-3 w-3" }),
-          user?.role
-        ] }) }),
+          user.role
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             type: "button",
             onClick: toggleGlassTest,
-            className: `inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-semibold ring-1 ring-inset transition-colors ${glassTest ? "bg-red-500/40 text-red-100 ring-red-400/40" : "bg-white/10 text-violet-200 ring-white/20 hover:bg-white/15"}`,
+            className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold ring-1 ring-inset transition-colors ${glassTest ? "bg-red-500/40 text-red-100 ring-red-400/40" : "bg-white/10 text-violet-200 ring-white/20 hover:bg-white/15"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.EyeDropperIcon, { className: "h-3 w-3" }),
-              "Glass Test"
+              "Glass"
             ]
           }
         )
@@ -12134,7 +12145,7 @@ function useGeoMapState({
     getFontSize
   };
 }
-var MAP_DEFAULT_STATE_COLOR = "rgba(148, 163, 184, 0.08)";
+var MAP_DEFAULT_STATE_COLOR = "rgba(100, 116, 139, 0.35)";
 var MAP_DEFAULT_MARKER_COLOR = "#6366f1";
 var VIEWBOX_WIDTH = 1e3;
 var VIEWBOX_HEIGHT = 500;
@@ -12221,7 +12232,7 @@ function GeoMapCanvasInner({
     const r3 = parseInt(hexColor.slice(1, 3), 16);
     const g3 = parseInt(hexColor.slice(3, 5), 16);
     const b2 = parseInt(hexColor.slice(5, 7), 16);
-    return `rgba(${r3}, ${g3}, ${b2}, 0.35)`;
+    return `rgba(${r3}, ${g3}, ${b2}, 0.15)`;
   };
   const lighterColors = React12.useMemo(() => {
     const colors3 = /* @__PURE__ */ new Map();
@@ -12239,8 +12250,10 @@ function GeoMapCanvasInner({
   }, [geoData]);
   const projection = React12.useMemo(() => {
     if (!featureCollection) return null;
-    const base = projectionType === "albersUsa" ? d3Geo.geoAlbersUsa() : d3Geo.geoMercator();
-    return base.fitSize([VIEWBOX_WIDTH, VIEWBOX_HEIGHT], featureCollection);
+    if (projectionType === "albersUsa") {
+      return d3Geo.geoAlbersUsa().scale(VIEWBOX_WIDTH / 960 * 1070).translate([VIEWBOX_WIDTH / 2, VIEWBOX_HEIGHT / 2]);
+    }
+    return d3Geo.geoMercator().fitSize([VIEWBOX_WIDTH, VIEWBOX_HEIGHT], featureCollection);
   }, [featureCollection, projectionType]);
   const pathGenerator = React12.useMemo(() => {
     if (!projection) return null;
@@ -12316,7 +12329,7 @@ function GeoMapCanvasInner({
                     }
                   },
                   fill: hasItems ? isHovered ? regionColor : isActive ? regionColor : lighterColors.get(regionCode) || getLighterColor(regionColor) : MAP_DEFAULT_STATE_COLOR,
-                  stroke: isActive ? "#fff" : isDimmed ? "rgba(148, 163, 184, 0.15)" : "rgba(255, 255, 255, 0.5)",
+                  stroke: isActive ? "#fff" : isDimmed ? "rgba(148, 163, 184, 0.15)" : "rgba(148, 163, 184, 0.40)",
                   strokeWidth: (isActive ? 2.5 : 0.5) / zoom,
                   filter: isActive ? "url(#glow-active)" : isDimmed ? "url(#inactive-dim)" : void 0,
                   opacity: isDimmed ? 0.45 : 1,
@@ -23871,5 +23884,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-JFE7Y7RJ.js.map
-//# sourceMappingURL=chunk-JFE7Y7RJ.js.map
+//# sourceMappingURL=chunk-TL2TXLHH.js.map
+//# sourceMappingURL=chunk-TL2TXLHH.js.map