@contact_incruiter/fcc 1.0.7 → 1.0.9

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as t, Fragment as B } from "react/jsx-runtime";
-import { Shield as yt, GraduationCap as Ue, Calendar as wt, Video as kt, Bot as vt, Phone as Nt, Search as Ct, Menu as He, ChevronsUpDown as Ye, UserCircle as qe, CreditCard as Qe, Bell as Xe, Workflow as St, ArrowRight as Je, Pencil as zt, UserPlus as It, MoreVertical as Tt, Copy as At, Play as me, Pause as Ke, Square as Ze, FileText as he, Briefcase as Rt, Settings as Mt, Trash2 as Pt, Hand as Lt, Zap as et, GitMerge as jt, Settings2 as Wt, Plus as Bt, X as Et, User as Ot, ArrowLeft as Ft, Send as Dt, ChevronDown as Gt } from "lucide-react";
+import { Shield as yt, GraduationCap as Ue, Calendar as wt, Video as vt, Bot as kt, Phone as Nt, Search as Ct, Menu as He, ChevronsUpDown as Ye, UserCircle as qe, CreditCard as Qe, Bell as Xe, Workflow as St, ArrowRight as Je, Pencil as zt, UserPlus as It, MoreVertical as Tt, Copy as At, Play as me, Pause as Ke, Square as Ze, FileText as he, Briefcase as Rt, Settings as Mt, Trash2 as Pt, Hand as Lt, Zap as et, GitMerge as jt, Settings2 as Wt, Plus as Bt, X as Et, User as Ot, ArrowLeft as Ft, Send as Dt, ChevronDown as Gt } from "lucide-react";
 import { useState as j, useRef as $t, useEffect as ue } from "react";
 function tt(e) {
   var o, n, r = "";
@@ -61,9 +61,9 @@ const Vt = (e, o) => {
     return;
   const f = o === 0 ? e.join(se) : e.slice(o).join(se), b = a.length;
   for (let c = 0; c < b; c++) {
-    const k = a[c];
-    if (k.validator(f))
-      return k.classGroupId;
+    const w = a[c];
+    if (w.validator(f))
+      return w.classGroupId;
   }
 }, qt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), n = o.indexOf(":"), r = o.slice(0, n);
@@ -159,16 +159,16 @@ const Vt = (e, o) => {
   let r = (s) => {
     const l = [];
     let a = 0, f = 0, b = 0, c;
-    const k = s.length;
-    for (let x = 0; x < k; x++) {
-      const S = s[x];
+    const w = s.length;
+    for (let v = 0; v < w; v++) {
+      const S = s[v];
       if (a === 0 && f === 0) {
         if (S === Re) {
-          l.push(s.slice(b, x)), b = x + 1;
+          l.push(s.slice(b, v)), b = v + 1;
           continue;
         }
         if (S === "/") {
-          c = x;
+          c = v;
           continue;
         }
       }
@@ -183,8 +183,8 @@ const Vt = (e, o) => {
        */
       d.startsWith(be) && (h = d.slice(1), C = !0)
     );
-    const w = c && c > b ? c - b : void 0;
-    return Me(l, C, h, w);
+    const x = c && c > b ? c - b : void 0;
+    return Me(l, C, h, x);
   };
   if (o) {
     const s = o + Re, l = r;
@@ -232,12 +232,12 @@ const Vt = (e, o) => {
     postfixLookupClassGroupIds: a
   } = o, f = [], b = e.trim().split(ar);
   let c = "";
-  for (let k = b.length - 1; k >= 0; k -= 1) {
-    const d = b[k], {
+  for (let w = b.length - 1; w >= 0; w -= 1) {
+    const d = b[w], {
       isExternal: h,
       modifiers: C,
-      hasImportantModifier: w,
-      baseClassName: x,
+      hasImportantModifier: x,
+      baseClassName: v,
       maybePostfixModifierPosition: S
     } = n(d);
     if (h) {
@@ -246,27 +246,27 @@ const Vt = (e, o) => {
     }
     let A = !!S, z;
     if (A) {
-      const m = x.substring(0, S);
+      const m = v.substring(0, S);
       z = r(m);
-      const u = z && a[z] ? r(x) : void 0;
+      const u = z && a[z] ? r(v) : void 0;
       u && u !== z && (z = u, A = !1);
     } else
-      z = r(x);
+      z = r(v);
     if (!z) {
       if (!A) {
         c = d + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (z = r(x), !z) {
+      if (z = r(v), !z) {
         c = d + (c.length > 0 ? " " + c : c);
         continue;
       }
       A = !1;
     }
-    const O = C.length === 0 ? "" : C.length === 1 ? C[0] : l(C).join(":"), I = w ? O + be : O, v = I + z;
-    if (f.indexOf(v) > -1)
+    const O = C.length === 0 ? "" : C.length === 1 ? C[0] : l(C).join(":"), I = x ? O + be : O, k = I + z;
+    if (f.indexOf(k) > -1)
       continue;
-    f.push(v);
+    f.push(k);
     const M = s(z, A);
     for (let m = 0; m < M.length; ++m) {
       const u = M[m];
@@ -290,14 +290,14 @@ const Vt = (e, o) => {
 }, fr = (e, ...o) => {
   let n, r, s, l;
   const a = (b) => {
-    const c = o.reduce((k, d) => d(k), e());
+    const c = o.reduce((w, d) => d(w), e());
     return n = sr(c), r = n.cache.get, s = n.cache.set, l = f, f(b);
   }, f = (b) => {
     const c = r(b);
     if (c)
       return c;
-    const k = cr(b, n);
-    return s(b, k), k;
+    const w = cr(b, n);
+    return s(b, w), w;
   };
   return l = a, (...b) => l(dr(...b));
 }, pr = [], T = (e) => {
@@ -308,14 +308,14 @@ const Vt = (e, o) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   br.test(e) && !mr.test(e)
-), ye = () => !1, wr = (e) => hr.test(e), kr = (e) => xr.test(e), vr = (e) => !p(e) && !g(e), Nr = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), Cr = (e) => _(e, ft, ye), p = (e) => st.test(e), U = (e) => _(e, pt, yr), Pe = (e) => _(e, Pr, N), Sr = (e) => _(e, ut, at), zr = (e) => _(e, gt, ye), Le = (e) => _(e, ct, ye), Ir = (e) => _(e, dt, kr), te = (e) => _(e, bt, wr), g = (e) => lt.test(e), Q = (e) => Y(e, pt), Tr = (e) => Y(e, gt), je = (e) => Y(e, ct), Ar = (e) => Y(e, ft), Rr = (e) => Y(e, dt), re = (e) => Y(e, bt, !0), Mr = (e) => Y(e, ut, !0), _ = (e, o, n) => {
+), ye = () => !1, wr = (e) => hr.test(e), vr = (e) => xr.test(e), kr = (e) => !p(e) && !g(e), Nr = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), Cr = (e) => _(e, ft, ye), p = (e) => st.test(e), U = (e) => _(e, pt, yr), Pe = (e) => _(e, Pr, N), Sr = (e) => _(e, ut, at), zr = (e) => _(e, gt, ye), Le = (e) => _(e, ct, ye), Ir = (e) => _(e, dt, vr), te = (e) => _(e, bt, wr), g = (e) => lt.test(e), Q = (e) => Y(e, pt), Tr = (e) => Y(e, gt), je = (e) => Y(e, ct), Ar = (e) => Y(e, ft), Rr = (e) => Y(e, dt), re = (e) => Y(e, bt, !0), Mr = (e) => Y(e, ut, !0), _ = (e, o, n) => {
   const r = st.exec(e);
   return r ? r[1] ? o(r[1]) : n(r[2]) : !1;
 }, Y = (e, o, n = !1) => {
   const r = lt.exec(e);
   return r ? r[1] ? o(r[1]) : n : !1;
 }, ct = (e) => e === "position" || e === "percentage", dt = (e) => e === "image" || e === "url", ft = (e) => e === "length" || e === "size" || e === "bg-size", pt = (e) => e === "length", Pr = (e) => e === "number", gt = (e) => e === "family-name", ut = (e) => e === "number" || e === "weight", bt = (e) => e === "shadow", Lr = () => {
-  const e = T("color"), o = T("font"), n = T("text"), r = T("font-weight"), s = T("tracking"), l = T("leading"), a = T("breakpoint"), f = T("container"), b = T("spacing"), c = T("radius"), k = T("shadow"), d = T("inset-shadow"), h = T("text-shadow"), C = T("drop-shadow"), w = T("blur"), x = T("perspective"), S = T("aspect"), A = T("ease"), z = T("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
+  const e = T("color"), o = T("font"), n = T("text"), r = T("font-weight"), s = T("tracking"), l = T("leading"), a = T("breakpoint"), f = T("container"), b = T("spacing"), c = T("radius"), w = T("shadow"), d = T("inset-shadow"), h = T("text-shadow"), C = T("drop-shadow"), x = T("blur"), v = T("perspective"), S = T("aspect"), A = T("ease"), z = T("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
     "center",
     "top",
     "bottom",
@@ -333,7 +333,7 @@ const Vt = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], v = () => [...I(), g, p], M = () => ["auto", "hidden", "clip", "visible", "scroll"], m = () => ["auto", "contain", "none"], u = () => [g, p, b], W = () => [$, "full", "auto", ...u()], ke = () => [D, "none", "subgrid", g, p], ve = () => ["auto", {
+  ], k = () => [...I(), g, p], M = () => ["auto", "hidden", "clip", "visible", "scroll"], m = () => ["auto", "contain", "none"], u = () => [g, p, b], W = () => [$, "full", "auto", ...u()], ve = () => [D, "none", "subgrid", g, p], ke = () => ["auto", {
     span: ["full", D, g, p]
   }, D, g, p], X = () => [D, "auto", g, p], Ne = () => ["auto", "min", "max", "fr", g, p], le = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...u()], V = () => [$, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], ae = () => [$, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...u()], ce = () => [$, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...u()], y = () => [e, g, p], Ce = () => [...I(), je, Le, {
     position: [g, p]
@@ -353,7 +353,7 @@ const Vt = (e, o) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    w,
+    x,
     g,
     p
   ], K = () => ["none", N, g, p], Z = () => ["none", N, g, p], fe = () => [N, g, p], ee = () => [$, "full", ...u()];
@@ -368,7 +368,7 @@ const Vt = (e, o) => {
       container: [G],
       "drop-shadow": [G],
       ease: ["in", "out", "in-out"],
-      font: [vr],
+      font: [kr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [G],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -492,7 +492,7 @@ const Vt = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: v()
+        object: k()
       }],
       /**
        * Overflow
@@ -699,14 +699,14 @@ const Vt = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ke()
+        "grid-cols": ve()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ve()
+        col: ke()
       }],
       /**
        * Grid Column Start
@@ -727,14 +727,14 @@ const Vt = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ke()
+        "grid-rows": ve()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ve()
+        row: ke()
       }],
       /**
        * Grid Row Start
@@ -1855,7 +1855,7 @@ const Vt = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
+          w,
           re,
           te
         ]
@@ -2439,14 +2439,14 @@ const Vt = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [x, g, p]
+        perspective: [v, g, p]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": v()
+        "perspective-origin": k()
       }],
       /**
        * Rotate
@@ -2542,7 +2542,7 @@ const Vt = (e, o) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: v()
+        origin: k()
       }],
       /**
        * Transform Style
@@ -3056,12 +3056,12 @@ const mt = {
   },
   incbot: {
     label: "IncBot",
-    Icon: vt,
+    Icon: kt,
     gradient: "linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)"
   },
   incvid: {
     label: "IncVid",
-    Icon: kt,
+    Icon: vt,
     gradient: "linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)"
   },
   incfeed: {
@@ -3230,7 +3230,7 @@ function Fr({
   onMyProfile: f,
   onAccountsBilling: b
 }) {
-  const [c, k] = j(!1), [d, h] = j(!1), C = e.name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  const [c, w] = j(!1), [d, h] = j(!1), C = e.name.split(" ").map((x) => x[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ i(
     "aside",
     {
@@ -3253,7 +3253,7 @@ function Fr({
                 "button",
                 {
                   onClick: () => {
-                    h((w) => !w), k(!1);
+                    h((x) => !x), w(!1);
                   },
                   className: "flex items-center justify-center rounded-md text-gray-400 hover:bg-gray-100 transition-colors",
                   style: { width: 28, height: 28, flexShrink: 0 },
@@ -3268,7 +3268,7 @@ function Fr({
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => !d && k((w) => !w),
+              onClick: () => !d && w((x) => !x),
               className: "flex w-full items-center transition-colors",
               style: {
                 gap: 12,
@@ -3344,7 +3344,7 @@ function Fr({
           c && /* @__PURE__ */ t(B, { children: [
             { label: "My Profile", Icon: qe, action: f },
             { label: "Accounts & Billing", Icon: Qe, action: b }
-          ].map(({ label: w, Icon: x, action: S }) => /* @__PURE__ */ i(
+          ].map(({ label: x, Icon: v, action: S }) => /* @__PURE__ */ i(
             "button",
             {
               onClick: S,
@@ -3366,7 +3366,7 @@ function Fr({
                 A.currentTarget.style.background = "transparent";
               },
               children: [
-                /* @__PURE__ */ t(x, { size: 22, style: { color: "#878787", flexShrink: 0 } }),
+                /* @__PURE__ */ t(v, { size: 22, style: { color: "#878787", flexShrink: 0 } }),
                 /* @__PURE__ */ t(
                   "span",
                   {
@@ -3380,12 +3380,12 @@ function Fr({
                       overflow: "hidden",
                       textOverflow: "ellipsis"
                     },
-                    children: w
+                    children: x
                   }
                 )
               ]
             },
-            w
+            x
           )) })
         ] }),
         /* @__PURE__ */ i("nav", { className: "flex-1 overflow-y-auto", children: [
@@ -3406,15 +3406,15 @@ function Fr({
               children: "MAIN MENU"
             }
           ),
-          r.map((w) => /* @__PURE__ */ t(
+          r.map((x) => /* @__PURE__ */ t(
             We,
             {
-              item: w,
-              active: l === w.href,
+              item: x,
+              active: l === x.href,
               collapsed: d,
               onNavigate: a
             },
-            w.href
+            x.href
           ))
         ] }),
         s.length > 0 && /* @__PURE__ */ i("div", { className: "flex-shrink-0", children: [
@@ -3437,15 +3437,15 @@ function Fr({
             }
           ),
           d && /* @__PURE__ */ t("div", { style: { height: 8, borderTop: `1px solid ${ne}` } }),
-          s.map((w) => /* @__PURE__ */ t(
+          s.map((x) => /* @__PURE__ */ t(
             We,
             {
-              item: w,
-              active: l === w.href,
+              item: x,
+              active: l === x.href,
               collapsed: d,
               onNavigate: a
             },
-            w.href
+            x.href
           )),
           /* @__PURE__ */ t("div", { style: { height: 16 } })
         ] })
@@ -3504,12 +3504,12 @@ function co({
   topBarBreadcrumb: f,
   topBarActions: b,
   notificationCount: c,
-  onNavigate: k,
+  onNavigate: w,
   onMyProfile: d,
   onAccountsBilling: h,
   onBellClick: C,
-  children: w,
-  className: x
+  children: x,
+  className: v
 }) {
   return /* @__PURE__ */ i("div", { className: "flex h-screen overflow-hidden bg-gray-50", children: [
     /* @__PURE__ */ t(
@@ -3521,7 +3521,7 @@ function co({
         navItems: r,
         otherItems: s,
         activeHref: l,
-        onNavigate: k,
+        onNavigate: w,
         onMyProfile: d,
         onAccountsBilling: h
       }
@@ -3540,9 +3540,9 @@ function co({
       /* @__PURE__ */ t(
         "main",
         {
-          className: E("flex-1 overflow-y-auto", x),
+          className: E("flex-1 overflow-y-auto", v),
           style: { margin: 12, borderRadius: 6, border: "1px solid #E5E7EB", background: "#fff" },
-          children: w
+          children: x
         }
       )
     ] })
@@ -3861,14 +3861,14 @@ function mo({
   onAddCandidate: f,
   onReplicate: b,
   onPause: c,
-  onResume: k,
+  onResume: w,
   onStop: d,
   onDelete: h
 }) {
-  const [C, w] = j(!1), x = $t(null);
+  const [C, x] = j(!1), v = $t(null);
   ue(() => {
-    function I(v) {
-      x.current && !x.current.contains(v.target) && w(!1);
+    function I(k) {
+      v.current && !v.current.contains(k.target) && x(!1);
     }
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, []);
@@ -3885,9 +3885,9 @@ function mo({
     /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ t("p", { className: "truncate text-[13.5px] font-semibold text-gray-900", children: e }),
       /* @__PURE__ */ i("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: [
-        o.map((I, v) => /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+        o.map((I, k) => /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ t("span", { className: "text-[12px] text-gray-500", children: I }),
-          v < o.length - 1 && /* @__PURE__ */ t(Je, { size: 9, className: "text-gray-300" })
+          k < o.length - 1 && /* @__PURE__ */ t(Je, { size: 9, className: "text-gray-300" })
         ] }, I)),
         /* @__PURE__ */ t("span", { className: "text-gray-300 text-[12px] select-none", children: "·" }),
         /* @__PURE__ */ i("span", { className: "text-[12px] text-gray-400", children: [
@@ -3939,11 +3939,11 @@ function mo({
           ]
         }
       ),
-      /* @__PURE__ */ i("div", { ref: x, className: "relative", children: [
+      /* @__PURE__ */ i("div", { ref: v, className: "relative", children: [
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => w((I) => !I),
+            onClick: () => x((I) => !I),
             className: "flex h-[28px] w-[28px] items-center justify-center rounded-lg border border-[#e5e7eb] text-gray-400 hover:bg-gray-50 transition-colors",
             children: /* @__PURE__ */ t(Tt, { size: 14 })
           }
@@ -3954,7 +3954,7 @@ function mo({
             {
               className: "flex w-full items-center gap-2.5 px-4 py-2.5 text-[13px] text-gray-700 hover:bg-gray-50 transition-colors",
               onClick: () => {
-                w(!1), b?.();
+                x(!1), b?.();
               },
               children: [
                 /* @__PURE__ */ t(At, { size: 13, className: "text-gray-400" }),
@@ -3967,7 +3967,7 @@ function mo({
             {
               className: "flex w-full items-center gap-2.5 px-4 py-2.5 text-[13px] text-gray-700 hover:bg-gray-50 transition-colors",
               onClick: () => {
-                w(!1), k?.();
+                x(!1), w?.();
               },
               children: [
                 /* @__PURE__ */ t(me, { size: 13, className: "text-gray-400" }),
@@ -3979,7 +3979,7 @@ function mo({
             {
               className: "flex w-full items-center gap-2.5 px-4 py-2.5 text-[13px] text-gray-700 hover:bg-gray-50 transition-colors",
               onClick: () => {
-                w(!1), c?.();
+                x(!1), c?.();
               },
               children: [
                 /* @__PURE__ */ t(Ke, { size: 13, className: "text-gray-400" }),
@@ -3992,7 +3992,7 @@ function mo({
             {
               className: "flex w-full items-center gap-2.5 px-4 py-2.5 text-[13px] text-gray-700 hover:bg-gray-50 transition-colors",
               onClick: () => {
-                w(!1), d?.();
+                x(!1), d?.();
               },
               children: [
                 /* @__PURE__ */ t(Ze, { size: 13, className: "text-gray-400" }),
@@ -4006,7 +4006,7 @@ function mo({
             {
               className: "flex w-full items-center gap-2.5 px-4 py-2.5 text-[13px] text-red-500 hover:bg-red-50 transition-colors",
               onClick: () => {
-                w(!1), h?.();
+                x(!1), h?.();
               },
               children: [
                 /* @__PURE__ */ t(he, { size: 13, className: "text-red-400" }),
@@ -4069,7 +4069,7 @@ function Vr({
   onDelete: b,
   className: c
 }) {
-  const k = e === "position", d = e === "onboarding", C = r === "Configured" || k || d ? Gr : $r, w = k ? "Position" : d ? "Onboarding" : o && Object.prototype.hasOwnProperty.call(De, o) ? De[o] : "", x = _r(e, o, r, s, l);
+  const w = e === "position", d = e === "onboarding", C = r === "Configured" || w || d ? Gr : $r, x = w ? "Position" : d ? "Onboarding" : o && Object.prototype.hasOwnProperty.call(De, o) ? De[o] : "", v = _r(e, o, r, s, l);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -4081,12 +4081,12 @@ function Vr({
         boxShadow: C.boxShadow
       },
       children: [
-        k || d ? /* @__PURE__ */ t(
+        w || d ? /* @__PURE__ */ t(
           "div",
           {
             className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg",
-            style: { background: k ? "#e0e7ff" : "#dcfce7" },
-            children: /* @__PURE__ */ t(Rt, { size: 17, style: { color: k ? "#6366f1" : "#16a34a" } })
+            style: { background: w ? "#e0e7ff" : "#dcfce7" },
+            children: /* @__PURE__ */ t(Rt, { size: 17, style: { color: w ? "#6366f1" : "#16a34a" } })
           }
         ) : o ? a ? /* @__PURE__ */ t(
           "img",
@@ -4099,7 +4099,7 @@ function Vr({
         ) : /* @__PURE__ */ t(we, { product: o, size: "md", className: "flex-shrink-0" }) : null,
         /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ t("span", { className: "text-[13.5px] font-bold text-gray-900", children: w }),
+            /* @__PURE__ */ t("span", { className: "text-[13.5px] font-bold text-gray-900", children: x }),
             n && /* @__PURE__ */ t(
               "span",
               {
@@ -4138,7 +4138,7 @@ function Vr({
               }
             )
           ] }),
-          x && /* @__PURE__ */ t("p", { className: "mt-0.5 truncate text-[12px]", style: { color: "#6b7280" }, children: x })
+          v && /* @__PURE__ */ t("p", { className: "mt-0.5 truncate text-[12px]", style: { color: "#6b7280" }, children: v })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-0.5", children: [
           /* @__PURE__ */ t(
@@ -4151,7 +4151,7 @@ function Vr({
               children: /* @__PURE__ */ t(Mt, { size: 14 })
             }
           ),
-          !k && /* @__PURE__ */ t(
+          !w && /* @__PURE__ */ t(
             "button",
             {
               onClick: b,
@@ -4195,7 +4195,7 @@ function Hr({
   ] }) : /* @__PURE__ */ i(B, { children: [
     /* @__PURE__ */ t(Wt, { size: 12 }),
     "Condition Not Configured"
-  ] }), k = {
+  ] }), w = {
     display: "inline-flex",
     alignItems: "center",
     gap: 6,
@@ -4229,7 +4229,7 @@ function Hr({
       {
         onClick: s,
         style: {
-          ...k,
+          ...w,
           cursor: "pointer",
           transition: "all 0.15s"
         },
@@ -4241,7 +4241,7 @@ function Hr({
         },
         children: b
       }
-    ) : /* @__PURE__ */ t("div", { style: k, children: b }),
+    ) : /* @__PURE__ */ t("div", { style: w, children: b }),
     f && o.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-center gap-2", children: o.map((d) => /* @__PURE__ */ t(
       "span",
       {
@@ -4307,7 +4307,7 @@ function qr({
   const b = new Map(
     (s ?? []).filter((h) => h.subdomain).map((h) => [h.subdomain.toLowerCase(), h.icon])
   ), c = s && s.length > 0 ? $e.filter(({ product: h }) => b.has(h.toLowerCase())) : $e;
-  function k(h) {
+  function w(h) {
     a.includes(h) || (n?.(h), r?.({ kind: "product", product: h }), o());
   }
   function d() {
@@ -4320,18 +4320,18 @@ function qr({
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto bg-[#f5f6f8] p-2.5 flex flex-col gap-2", children: [
       c.map(({ product: h, description: C }) => {
-        const w = a.includes(h);
+        const x = a.includes(h);
         return /* @__PURE__ */ i(
           "button",
           {
-            draggable: !w,
-            onDragEnd: () => !w && k(h),
-            onClick: () => k(h),
-            disabled: w,
+            draggable: !x,
+            onDragEnd: () => !x && w(h),
+            onClick: () => w(h),
+            disabled: x,
             className: "flex w-full items-center gap-2.5 rounded-xl border border-gray-200 bg-white px-2.5 py-2.5 text-left transition-all",
             style: {
-              opacity: w ? 0.4 : 1,
-              cursor: w ? "not-allowed" : "grab"
+              opacity: x ? 0.4 : 1,
+              cursor: x ? "not-allowed" : "grab"
             },
             children: [
               /* @__PURE__ */ t(_e, {}),
@@ -4393,7 +4393,7 @@ function Jr({
   onCancel: n
 }) {
   const [r, s] = j("Automatic"), [l, a] = j(60), [f, b] = j("Qualified"), c = e === "incscreen";
-  function k() {
+  function w() {
     const d = {
       type: r,
       ...r === "Automatic" && !c && { threshold: l },
@@ -4516,7 +4516,7 @@ function Jr({
                   /* @__PURE__ */ t(
                     "button",
                     {
-                      onClick: k,
+                      onClick: w,
                       className: "rounded-lg px-5 py-2 text-[13px] font-semibold text-white transition-opacity hover:opacity-90",
                       style: { background: "#0f1f3d" },
                       children: "Save"
@@ -4546,38 +4546,38 @@ function ho({
   onPublish: s,
   onSaveDraft: l
 }) {
-  const [a, f] = j(e), [b, c] = j(n), [k, d] = j("designer"), [h, C] = j(!1), [w, x] = j(null);
-  function S(v) {
-    c((M) => M.filter((m) => m.id !== v));
+  const [a, f] = j(e), [b, c] = j(n), [w, d] = j("designer"), [h, C] = j(!1), [x, v] = j(null);
+  function S(k) {
+    c((M) => M.filter((m) => m.id !== k));
   }
   function A() {
     C(!0);
   }
-  function z(v) {
-    x(v);
+  function z(k) {
+    v(k);
   }
-  function O(v) {
-    if (!w) return;
-    const M = v.type === "Automatic" ? "automatic" : "manual-review", m = {
-      id: `${w}-${Date.now()}`,
+  function O(k) {
+    if (!x) return;
+    const M = k.type === "Automatic" ? "automatic" : "manual-review", m = {
+      id: `${x}-${Date.now()}`,
       type: "product",
-      product: w,
+      product: x,
       status: "Configuration Pending",
-      transitionCondition: v,
+      transitionCondition: k,
       connector: {
         type: M,
-        ...v.type === "Automatic" && v.threshold !== void 0 && {
+        ...k.type === "Automatic" && k.threshold !== void 0 && {
           branches: [
-            { label: `≥ ${v.threshold}%`, color: "green" },
-            { label: `< ${v.threshold}%`, color: "red" }
+            { label: `≥ ${k.threshold}%`, color: "green" },
+            { label: `< ${k.threshold}%`, color: "red" }
           ]
         }
       }
     };
-    c((u) => [...u, m]), x(null), C(!1);
+    c((u) => [...u, m]), v(null), C(!1);
   }
   function I() {
-    x(null);
+    v(null);
   }
   return /* @__PURE__ */ i("div", { className: "flex h-full flex-col overflow-hidden bg-gray-50", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-3 border-b border-gray-200 bg-white px-5 py-3.5", children: [
@@ -4594,7 +4594,7 @@ function ho({
         "input",
         {
           value: a,
-          onChange: (v) => f(v.target.value),
+          onChange: (k) => f(k.target.value),
           className: "rounded-md border-0 bg-transparent text-[14px] font-bold text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-400/40 px-2 py-1 max-w-xs"
         }
       ),
@@ -4612,8 +4612,8 @@ function ho({
             "button",
             {
               onClick: () => d("designer"),
-              className: `rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${k === "designer" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
-              style: k === "designer" ? { background: "#0f1f3d" } : {},
+              className: `rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${w === "designer" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+              style: w === "designer" ? { background: "#0f1f3d" } : {},
               children: "Designer"
             }
           ),
@@ -4621,8 +4621,8 @@ function ho({
             "button",
             {
               onClick: () => d("run"),
-              className: `flex items-center gap-1.5 rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${k === "run" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
-              style: k === "run" ? { background: "#0f1f3d" } : {},
+              className: `flex items-center gap-1.5 rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${w === "run" ? "text-white shadow-sm" : "text-gray-500 hover:text-gray-700"}`,
+              style: w === "run" ? { background: "#0f1f3d" } : {},
               children: [
                 /* @__PURE__ */ t(me, { size: 11 }),
                 "Run"
@@ -4665,34 +4665,34 @@ function ho({
             backgroundSize: "20px 20px"
           },
           onClick: () => {
-            w || C(!1);
+            x || C(!1);
           },
           children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-0 w-full max-w-lg mx-auto", children: [
-            b.map((v, M) => {
-              const m = M === b.length - 1, u = v.connector && v.connector.type !== "simple";
+            b.map((k, M) => {
+              const m = M === b.length - 1, u = k.connector && k.connector.type !== "simple";
               return /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-center", children: [
                 /* @__PURE__ */ t(
                   Vr,
                   {
-                    type: v.type,
-                    product: v.product,
-                    productTag: v.productTag,
-                    status: v.status,
-                    config: v.config,
-                    details: v.details,
-                    onDelete: () => S(v.id),
+                    type: k.type,
+                    product: k.product,
+                    productTag: k.productTag,
+                    status: k.status,
+                    config: k.config,
+                    details: k.details,
+                    onDelete: () => S(k.id),
                     onSettings: () => C(!0)
                   }
                 ),
                 !m && /* @__PURE__ */ i("div", { className: "flex flex-col items-center py-2", children: [
                   /* @__PURE__ */ t("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } }),
-                  u && v.connector ? /* @__PURE__ */ i(B, { children: [
+                  u && k.connector ? /* @__PURE__ */ i(B, { children: [
                     /* @__PURE__ */ t(
                       Hr,
                       {
-                        type: v.connector.type,
-                        branches: v.connector.branches,
-                        threshold: v.transitionCondition?.threshold
+                        type: k.connector.type,
+                        branches: k.connector.branches,
+                        threshold: k.transitionCondition?.threshold
                       }
                     ),
                     /* @__PURE__ */ t("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } })
@@ -4700,7 +4700,7 @@ function ho({
                   /* @__PURE__ */ t(Ge, { onClick: A }),
                   /* @__PURE__ */ t("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } })
                 ] })
-              ] }, v.id);
+              ] }, k.id);
             }),
             /* @__PURE__ */ i("div", { className: "flex flex-col items-center pt-2", children: [
               /* @__PURE__ */ t("div", { className: "h-4 w-px", style: { background: "#cbd5e1" } }),
@@ -4718,10 +4718,10 @@ function ho({
         }
       )
     ] }),
-    w && /* @__PURE__ */ t(
+    x && /* @__PURE__ */ t(
       Jr,
       {
-        product: w,
+        product: x,
         onSave: O,
         onCancel: I
       }
@@ -4733,13 +4733,13 @@ const H = "#12b6bc", Zr = "#f5fbf8", eo = "rgba(0,0,0,0.03)", ie = "rgba(0,0,0,0
   { label: "Accounts & Billing", Icon: Qe }
 ];
 function ge({ item: e, active: o, collapsed: n, expanded: r, onNavigate: s, onToggle: l }) {
-  const { label: a, href: f, link: b, Icon: c, badge: k, hasChevron: d, expandedContent: h, onClick: C } = e;
+  const { label: a, href: f, link: b, Icon: c, badge: w, hasChevron: d, expandedContent: h, collapsedExpandedContent: C, onClick: x } = e;
   return /* @__PURE__ */ i(B, { children: [
     /* @__PURE__ */ i(
       "button",
       {
         onClick: () => {
-          C ? C() : b ? window.open(b, "_blank", "noopener,noreferrer") : d && h && f ? l?.(f) : f && s?.(f);
+          x ? x() : b ? window.open(b, "_blank", "noopener,noreferrer") : d && h && f ? l?.(f) : f && s?.(f);
         },
         title: n ? a : void 0,
         style: {
@@ -4763,11 +4763,11 @@ function ge({ item: e, active: o, collapsed: n, expanded: r, onNavigate: s, onTo
           outline: "none",
           transition: "background 0.12s"
         },
-        onMouseEnter: (x) => {
-          !o && !r && (x.currentTarget.style.background = eo);
+        onMouseEnter: (S) => {
+          !o && !r && (S.currentTarget.style.background = eo);
         },
-        onMouseLeave: (x) => {
-          !o && !r && (x.currentTarget.style.background = "transparent");
+        onMouseLeave: (S) => {
+          !o && !r && (S.currentTarget.style.background = "transparent");
         },
         children: [
           /* @__PURE__ */ t(
@@ -4796,7 +4796,7 @@ function ge({ item: e, active: o, collapsed: n, expanded: r, onNavigate: s, onTo
                 children: a
               }
             ),
-            k !== void 0 && /* @__PURE__ */ t(
+            w !== void 0 && /* @__PURE__ */ t(
               "span",
               {
                 style: {
@@ -4813,7 +4813,7 @@ function ge({ item: e, active: o, collapsed: n, expanded: r, onNavigate: s, onTo
                   fontWeight: 600,
                   flexShrink: 0
                 },
-                children: k
+                children: w
               }
             ),
             d && h && /* @__PURE__ */ t(
@@ -4859,6 +4859,17 @@ function ge({ item: e, active: o, collapsed: n, expanded: r, onNavigate: s, onTo
         },
         children: h
       }
+    ),
+    n && r && C && /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          overflow: "hidden",
+          maxHeight: 320,
+          overflowY: "auto"
+        },
+        children: C
+      }
     )
   ] });
 }
@@ -4932,20 +4943,20 @@ function yo({
   collapsed: f,
   onToggleCollapse: b,
   defaultExpandedItem: c,
-  children: k
+  children: w
 }) {
   const d = s ?? to, h = d.some(
     (m) => m.href && l && (l === m.href || l.startsWith(m.href + "/"))
-  ), [C, w] = j(!1), x = f !== void 0 ? f : C, S = b ? (m) => {
-    const u = typeof m == "function" ? m(x) : m;
+  ), [C, x] = j(!1), v = f !== void 0 ? f : C, S = b ? (m) => {
+    const u = typeof m == "function" ? m(v) : m;
     b(u);
-  } : (m) => w(typeof m == "function" ? m(C) : m), [A, z] = j(h), [O, I] = j(c ?? null);
+  } : (m) => x(typeof m == "function" ? m(C) : m), [A, z] = j(h), [O, I] = j(c ?? null);
   ue(() => {
     h && z(!0);
   }, [h]), ue(() => {
-    x || I(c ?? null);
-  }, [x, c]);
-  const v = o.name ? o.name.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase() : "?", M = (m) => {
+    v || I(c ?? null);
+  }, [v, c]);
+  const k = o.name ? o.name.split(" ").map((m) => m[0]).join("").slice(0, 2).toUpperCase() : "?", M = (m) => {
     I((u) => u === m ? null : m);
   };
   return /* @__PURE__ */ i("div", { style: { display: "flex", height: "100%" }, children: [
@@ -4953,7 +4964,7 @@ function yo({
       "aside",
       {
         style: {
-          width: x ? 56 : 250,
+          width: v ? 56 : 250,
           flexShrink: 0,
           display: "flex",
           flexDirection: "column",
@@ -4973,12 +4984,12 @@ function yo({
                 flexShrink: 0,
                 display: "flex",
                 alignItems: "center",
-                justifyContent: x ? "center" : "space-between",
+                justifyContent: v ? "center" : "space-between",
                 padding: 10,
                 borderBottom: `1px solid ${ie}`
               },
               children: [
-                !x && e && /* @__PURE__ */ t(
+                !v && e && /* @__PURE__ */ t(
                   "img",
                   {
                     src: e,
@@ -4989,9 +5000,7 @@ function yo({
                 /* @__PURE__ */ t(
                   "button",
                   {
-                    onClick: () => {
-                      S((m) => !m), I(null);
-                    },
+                    onClick: () => S((m) => !m),
                     style: {
                       width: 28,
                       height: 28,
@@ -5020,7 +5029,7 @@ function yo({
               "button",
               {
                 onClick: () => {
-                  x ? (S(!1), z(!0)) : z((m) => !m);
+                  v ? (S(!1), z(!0)) : z((m) => !m);
                 },
                 style: {
                   display: "flex",
@@ -5028,7 +5037,7 @@ function yo({
                   alignItems: "center",
                   gap: 12,
                   padding: 12,
-                  justifyContent: x ? "center" : void 0,
+                  justifyContent: v ? "center" : void 0,
                   background: h ? "#f5fbf8" : "rgba(18,182,188,0.05)",
                   borderLeft: h ? "2px solid #12b6bc" : "2px solid transparent",
                   borderTop: "none",
@@ -5071,10 +5080,10 @@ function yo({
                         color: "#fff",
                         background: "linear-gradient(135deg, #3b82f6 0%, #12b6bc 100%)"
                       },
-                      children: v
+                      children: k
                     }
                   ),
-                  !x && /* @__PURE__ */ i(B, { children: [
+                  !v && /* @__PURE__ */ i(B, { children: [
                     /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 0, textAlign: "left" }, children: [
                       /* @__PURE__ */ t(
                         "p",
@@ -5117,19 +5126,19 @@ function yo({
                 ]
               }
             ),
-            (A || x && h) && /* @__PURE__ */ t(B, { children: d.map((m) => /* @__PURE__ */ t(
+            (A || v && h) && /* @__PURE__ */ t(B, { children: d.map((m) => /* @__PURE__ */ t(
               ge,
               {
                 item: {
                   ...m,
                   onClick: m.onClick ? () => {
-                    x || z(!1), m.onClick?.();
+                    v || z(!1), m.onClick?.();
                   } : m.link ? () => {
-                    x || z(!1), window.open(m.link, "_blank", "noopener,noreferrer");
+                    v || z(!1), window.open(m.link, "_blank", "noopener,noreferrer");
                   } : void 0
                 },
                 active: !!(m.href && l && (l === m.href || l.startsWith(m.href + "/"))),
-                collapsed: x,
+                collapsed: v,
                 onNavigate: a,
                 onToggle: M
               },
@@ -5137,7 +5146,7 @@ function yo({
             )) })
           ] }),
           /* @__PURE__ */ i("nav", { style: { flex: 1, overflowY: "auto" }, children: [
-            n.length > 0 && !x && /* @__PURE__ */ t(
+            n.length > 0 && !v && /* @__PURE__ */ t(
               "div",
               {
                 style: {
@@ -5160,7 +5169,7 @@ function yo({
                 item: m,
                 active: l === m.href,
                 expanded: O === m.href,
-                collapsed: x,
+                collapsed: v,
                 onNavigate: a,
                 onToggle: M
               },
@@ -5168,7 +5177,7 @@ function yo({
             ))
           ] }),
           r.length > 0 && /* @__PURE__ */ i("div", { style: { flexShrink: 0 }, children: [
-            !x && /* @__PURE__ */ t(
+            !v && /* @__PURE__ */ t(
               "div",
               {
                 style: {
@@ -5186,13 +5195,13 @@ function yo({
                 children: "OTHER"
               }
             ),
-            x && /* @__PURE__ */ t("div", { style: { height: 8, borderTop: `1px solid ${ie}` } }),
+            v && /* @__PURE__ */ t("div", { style: { height: 8, borderTop: `1px solid ${ie}` } }),
             r.map((m) => /* @__PURE__ */ t(
               ge,
               {
                 item: m,
                 active: l === m.href,
-                collapsed: x,
+                collapsed: v,
                 onNavigate: a,
                 onToggle: M
               },
@@ -5203,7 +5212,7 @@ function yo({
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: k })
+    /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: w })
   ] });
 }
 const ro = "rgba(0,0,0,0.07)", Ve = "#12b6bc";
@@ -5265,7 +5274,7 @@ function wo({
             },
             children: [
               f && /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", paddingRight: 8 }, children: f }),
-              a.map((c, k) => /* @__PURE__ */ t(
+              a.map((c, w) => /* @__PURE__ */ t(
                 "button",
                 {
                   onClick: c.onClick,
@@ -5293,7 +5302,7 @@ function wo({
                   },
                   children: c.label
                 },
-                k
+                w
               ))
             ]
           }