@replicated/portal-components 0.0.11 → 0.0.12

package/components/metadata/registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.11",
-  "generatedAt": "2026-01-12T15:51:07Z",
+  "version": "0.0.12",
+  "generatedAt": "2026-01-14T21:54:09.489Z",
   "components": [
     {
       "name": "Button",

package/components/metadata/registry.md

@@ -1,7 +1,7 @@
 # Component Registry
 
-- Version: 0.0.11
-- Generated: 2026-01-12T15:51:07Z
+- Version: 0.0.12
+- Generated: 2026-01-14T21:54:09.489Z
 
 ## Button
 

package/datadog/tracer.d.ts

@@ -0,0 +1,3 @@
+import type { Tracer } from 'dd-trace';
+declare let tracer: Tracer | null;
+export default tracer;

package/datadog/tracer.js

@@ -0,0 +1,82 @@
+const rawFlag = String(process.env.USE_DATADOG_APM || '').toLowerCase();
+const isEnabled = rawFlag === 'true';
+process.env.DD_TRACE_ENABLED = isEnabled ? '1' : '0';
+let tracer = null;
+if (isEnabled) {
+    const serviceName = process.env.DD_SERVICE || 'enterprise-portal';
+    const environment = process.env.DD_ENV || process.env.NODE_ENV || 'development';
+    const version = process.env.DD_VERSION || process.env.NEXT_PUBLIC_VERSION || '0.0.0-dev';
+    const agentHost = process.env.DD_AGENT_HOST || process.env.DATADOG_AGENT_HOST || '127.0.0.1';
+    const agentPort = process.env.DD_TRACE_AGENT_PORT || '8126';
+    process.env.DD_SERVICE = serviceName;
+    process.env.DD_ENV = environment;
+    if (version) {
+        process.env.DD_VERSION = version;
+    }
+    process.env.DD_AGENT_HOST = agentHost;
+    process.env.DD_TRACE_AGENT_PORT = agentPort;
+    const dbmPropagationMode = (process.env.DD_DBM_PROPAGATION_MODE || 'full');
+    process.env.DD_DBM_PROPAGATION_MODE = dbmPropagationMode;
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const ddTrace = require('dd-trace');
+        tracer = ddTrace.init({
+            service: serviceName,
+            env: environment,
+            version,
+            logInjection: true,
+            runtimeMetrics: true,
+            appsec: false,
+            profiling: false,
+            startupLogs: true, // Enable for debugging
+        });
+        console.log(`[datadog] Tracer initialized: service=${serviceName}, env=${environment}, version=${version}, agent=${agentHost}:${agentPort}`);
+        // Disable low-level network instrumentation for localhost connections
+        tracer.use('dns', false);
+        tracer.use('net', false);
+        // Configure http plugin to normalize route patterns
+        tracer.use('http', {
+            server: {
+                hooks: {
+                    request: (span, req) => {
+                        if (!span)
+                            return;
+                        const url = req?.url || '';
+                        const method = req?.method || 'GET';
+                        const path = url.split('?')[0];
+                        // Drop Next.js internal requests
+                        if (path.startsWith('/_next/')) {
+                            // @ts-expect-error - using internal property to drop the trace
+                            span.context()._trace.isRecording = false;
+                            return;
+                        }
+                        const routePattern = getRoutePattern(path);
+                        span.setTag('resource.name', `${method} ${routePattern}`);
+                        span.setTag('http.route', routePattern);
+                    }
+                }
+            }
+        });
+    }
+    catch (err) {
+        // Do not crash the app if tracing fails to initialize
+        console.error('[datadog] failed to initialize tracing', err);
+        tracer = null;
+    }
+}
+// Function to convert actual paths to route patterns
+const getRoutePattern = (path) => {
+    // Define route patterns for dynamic routes in enterprise portal
+    const routePatterns = [
+        // Update instance routes - normalize dynamic segments (capture suffix to preserve sub-routes)
+        { pattern: /^\/update\/instance\/[^/]+(.*)$/, replacement: '/update/instance/[instanceId]$1' },
+    ];
+    for (const { pattern, replacement } of routePatterns) {
+        if (pattern.test(path)) {
+            return path.replace(pattern, replacement);
+        }
+    }
+    // Return original path if no pattern matches
+    return path;
+};
+export default tracer;

package/datadog/tracer.ts

@@ -0,0 +1,101 @@
+import type { Tracer, Span, init as ddTraceInit } from 'dd-trace';
+import type { IncomingMessage } from 'http';
+
+const rawFlag = String(process.env.USE_DATADOG_APM || '').toLowerCase();
+const isEnabled = rawFlag === 'true';
+
+process.env.DD_TRACE_ENABLED = isEnabled ? '1' : '0';
+
+let tracer: Tracer | null = null;
+
+if (isEnabled) {
+  const serviceName = process.env.DD_SERVICE || 'enterprise-portal';
+  const environment = process.env.DD_ENV || process.env.NODE_ENV || 'development';
+  const version = process.env.DD_VERSION || process.env.NEXT_PUBLIC_VERSION || '0.0.0-dev';
+
+  const agentHost = process.env.DD_AGENT_HOST || process.env.DATADOG_AGENT_HOST || '127.0.0.1';
+  const agentPort = process.env.DD_TRACE_AGENT_PORT || '8126';
+
+  process.env.DD_SERVICE = serviceName;
+  process.env.DD_ENV = environment;
+  if (version) {
+    process.env.DD_VERSION = version;
+  }
+  process.env.DD_AGENT_HOST = agentHost;
+  process.env.DD_TRACE_AGENT_PORT = agentPort;
+
+  const dbmPropagationMode = (process.env.DD_DBM_PROPAGATION_MODE || 'full') as 'disabled' | 'service' | 'full';
+
+  process.env.DD_DBM_PROPAGATION_MODE = dbmPropagationMode;
+
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const ddTrace = require('dd-trace');
+    tracer = (ddTrace.init as typeof ddTraceInit)({
+      service: serviceName,
+      env: environment,
+      version,
+      logInjection: true,
+      runtimeMetrics: true,
+      appsec: false,
+      profiling: false,
+      startupLogs: true, // Enable for debugging
+    }) as Tracer;
+    
+    console.log(`[datadog] Tracer initialized: service=${serviceName}, env=${environment}, version=${version}, agent=${agentHost}:${agentPort}`);
+
+    // Disable low-level network instrumentation for localhost connections
+    tracer.use('dns', false);
+    tracer.use('net', false);
+    // Configure http plugin to normalize route patterns
+    tracer.use('http', {
+      server: {
+        hooks: {
+          request: (span?: Span, req?: IncomingMessage) => {
+            if (!span) return;
+
+            const url = req?.url || '';
+            const method = req?.method || 'GET';
+            const path = url.split('?')[0];
+
+            // Drop Next.js internal requests
+            if (path.startsWith('/_next/')) {
+              // @ts-expect-error - using internal property to drop the trace
+              span.context()._trace.isRecording = false;
+              return;
+            }
+
+            const routePattern = getRoutePattern(path);
+
+            span.setTag('resource.name', `${method} ${routePattern}`);
+            span.setTag('http.route', routePattern);
+          }
+        }
+      }
+    });
+  } catch (err) {
+    // Do not crash the app if tracing fails to initialize
+    console.error('[datadog] failed to initialize tracing', err);
+    tracer = null;
+  }
+}
+
+// Function to convert actual paths to route patterns
+const getRoutePattern = (path: string): string => {
+  // Define route patterns for dynamic routes in enterprise portal
+  const routePatterns = [
+    // Update instance routes - normalize dynamic segments (capture suffix to preserve sub-routes)
+    { pattern: /^\/update\/instance\/[^/]+(.*)$/, replacement: '/update/instance/[instanceId]$1' },
+  ];
+
+  for (const { pattern, replacement } of routePatterns) {
+    if (pattern.test(path)) {
+      return path.replace(pattern, replacement);
+    }
+  }
+
+  // Return original path if no pattern matches
+  return path;
+}
+
+export default tracer;

package/dist/esm/index.js

@@ -10,7 +10,7 @@ import Link from 'next/link';
 
 // package.json
 var package_default = {
-  version: "0.0.11"};
+  version: "0.0.12"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -1447,7 +1447,7 @@ var LicenseDetails = async ({
   console.debug("[portal-components] license response", response.raw);
   const { license } = response;
   const rows = buildPrimaryRows(license);
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-3xl border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col border-b border-gray-100 pb-6", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }),
       description ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: description }) : null
@@ -1474,10 +1474,14 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 13h6V3H4z" }),
-          /* @__PURE__ */ jsx("path", { d: "M14 21h6V3h-6z" })
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+          /* @__PURE__ */ jsx("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
         ]
       }
     )
@@ -1492,11 +1496,13 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
-          /* @__PURE__ */ jsx("path", { d: "m7 11 5 5 5-5" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 21h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
         ]
       }
     )
@@ -1512,10 +1518,13 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-          /* @__PURE__ */ jsx("path", { d: "M5 12h14" })
+          /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
         ]
       }
     )
@@ -1531,15 +1540,34 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M4 4v6h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M20 20v-6h-6" }),
-          /* @__PURE__ */ jsx("path", { d: "M4 10c1.5-4 6-6 10-4m6 4c-1.5 4-6 6-10 4" })
+          /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+          /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
         ]
       }
     )
   },
+  {
+    label: "Security",
+    href: "/security",
+    icon: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "h-4 w-4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
+      }
+    )
+  },
   {
     label: "Release History",
     href: "/release-history",
@@ -1551,10 +1579,15 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 8v4l3 2" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" })
+          /* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+          /* @__PURE__ */ jsx("path", { d: "M10 9H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 13H8" }),
+          /* @__PURE__ */ jsx("path", { d: "M16 17H8" })
         ]
       }
     )
@@ -1570,12 +1603,13 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("rect", { width: "14", height: "18", x: "5", y: "3", rx: "2" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 7h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 11h6" }),
-          /* @__PURE__ */ jsx("path", { d: "M9 15h6" })
+          /* @__PURE__ */ jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
+          /* @__PURE__ */ jsx("path", { d: "m21 2-9.6 9.6" }),
+          /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
         ]
       }
     )
@@ -1591,10 +1625,16 @@ var defaultTopNavLinks = [
         className: "h-4 w-4",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: "1.5",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M18 16a6 6 0 1 0-12 0v2h12Z" }),
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsx("path", { d: "m4.93 4.93 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 9.17 4.24-4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m14.83 14.83 4.24 4.24" }),
+          /* @__PURE__ */ jsx("path", { d: "m9.17 14.83-4.24 4.24" }),
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" })
         ]
       }
     )
@@ -1694,7 +1734,7 @@ var TopNav = async ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "relative flex h-[165px] w-full items-start justify-center",
+      className: "relative flex h-[280px] w-full items-start justify-center",
       style: {
         backgroundImage: `linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 33%), linear-gradient(${gradientStart}, ${gradientEnd})`,
         backgroundRepeat: "no-repeat",
@@ -1721,7 +1761,7 @@ var TopNav = async ({
             brandTitle ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-gray-900", children: brandTitle }) : null
           ] }) : /* @__PURE__ */ jsx("div", {}),
           /* @__PURE__ */ jsxs("details", { className: "group relative", children: [
-            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 list-none", children: [
+            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-600 hover:text-gray-900 list-none", children: [
               /* @__PURE__ */ jsxs(
                 "svg",
                 {
@@ -1793,12 +1833,12 @@ var TopNav = async ({
           const className = `flex items-center gap-2 px-4 py-1 transition text-gray-500 ${isActive ? "underline underline-offset-8 decoration-2" : ""}`;
           if (href) {
             return /* @__PURE__ */ jsxs(Link, { href, className, children: [
-              /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+              /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
               /* @__PURE__ */ jsx("span", { children: label })
             ] }, label);
           }
           return /* @__PURE__ */ jsxs("button", { className, type: "button", children: [
-            /* @__PURE__ */ jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
+            /* @__PURE__ */ jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
             /* @__PURE__ */ jsx("span", { children: label })
           ] }, label);
         }) })
@@ -1806,7 +1846,7 @@ var TopNav = async ({
     }
   );
 };
-var GlobeIcon = (props) => /* @__PURE__ */ jsxs(
+var GlobeIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1814,16 +1854,14 @@ var GlobeIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 10 }),
-      /* @__PURE__ */ jsx("path", { d: "M2 12h20" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10Z" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" })
   }
 );
-var AirGapIcon = (props) => /* @__PURE__ */ jsxs(
+var AirGapIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1831,15 +1869,11 @@ var AirGapIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "m4 4 16 16" }),
-      /* @__PURE__ */ jsx("path", { d: "M7.5 4.5a8 8 0 0 1 9 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M4.5 7.5a8 8 0 0 0 0 9" }),
-      /* @__PURE__ */ jsx("path", { d: "M16.5 19.5a8 8 0 0 0 0-9" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 12a5 5 0 0 0 5 5" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M13.181 8.68a4.503 4.503 0 0 1 1.903 6.405m-9.768-2.782L3.56 14.06a4.5 4.5 0 0 0 6.364 6.365l3.129-3.129m5.614-5.615 1.757-1.757a4.5 4.5 0 0 0-6.364-6.365l-4.5 4.5c-.258.26-.479.541-.661.84m1.903 6.405a4.495 4.495 0 0 1-1.242-.88 4.483 4.483 0 0 1-1.062-1.683m6.587 2.345 5.907 5.907m-5.907-5.907L8.898 8.898M2.991 2.99 8.898 8.9" })
   }
 );
 var baseCardClass = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
@@ -1880,7 +1914,7 @@ var UpdatesCard = ({
   /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx(Link, { href: "/update", children: "View updates \u2192" }) })
 ] });
 UpdatesCard.displayName = "UpdatesCard";
-var UploadIcon = (props) => /* @__PURE__ */ jsxs(
+var UploadIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1888,13 +1922,11 @@ var UploadIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M12 16V3" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 7l4-4 4 4" }),
-      /* @__PURE__ */ jsx("path", { d: "M5 21h14" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" })
   }
 );
 var baseCardClass2 = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
@@ -2301,7 +2333,7 @@ var UserSettingsCard = () => /* @__PURE__ */ jsxs("section", { className: baseCa
   /* @__PURE__ */ jsx("footer", { className: footerClass3, children: /* @__PURE__ */ jsx(Link, { href: "/user-settings", children: "View user settings \u2192" }) })
 ] });
 UserSettingsCard.displayName = "UserSettingsCard";
-var UsersIcon = (props) => /* @__PURE__ */ jsxs(
+var UsersIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2309,17 +2341,14 @@ var UsersIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx("circle", { cx: 10, cy: 8, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "M20 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 3a4 4 0 0 1 0 8" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" })
   }
 );
-var KeyIcon = (props) => /* @__PURE__ */ jsxs(
+var KeyIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2327,13 +2356,11 @@ var KeyIcon = (props) => /* @__PURE__ */ jsxs(
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
     "aria-hidden": "true",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: 7, cy: 15, r: 4 }),
-      /* @__PURE__ */ jsx("path", { d: "m10.85 12.15 4.3-4.3a2 2 0 0 1 2.83 0l.47.47a2 2 0 0 1 0 2.83l-4.3 4.3" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 11l1.5 1.5" })
-    ]
+    children: /* @__PURE__ */ jsx("path", { d: "M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" })
   }
 );
 var baseCardClass4 = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";