qt-ui-kit 1.0.90 → 1.0.91

package/dist/index.js

@@ -11178,6 +11178,7 @@ var require_lib7 = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   BaseIconName: () => BaseIconName,
+  BrandIcon: () => BrandIcon,
   ChatBody: () => ChatBody,
   ColorVariants: () => ColorVariants,
   EmailBody: () => EmailBody,
@@ -11208,6 +11209,7 @@ var IntegrationService = /* @__PURE__ */ ((IntegrationService5) => {
   IntegrationService5["MSCAL"] = "microsoft_calendar";
   IntegrationService5["AJIRA"] = "atlassian_jira";
   IntegrationService5["CLKUP"] = "clickup";
+  IntegrationService5["ASANA"] = "asana";
   return IntegrationService5;
 })(IntegrationService || {});
 var BaseIconName = /* @__PURE__ */ ((BaseIconName2) => {
@@ -13394,47 +13396,129 @@ function ClickupIcon({
   );
 }
 
-// src/components/atoms/icons/brand_icons/brand_icon.tsx
+// src/data/vector_icons/service_brands/AsanaIcon.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
+function AsanaIcon({
+  size = 24,
+  color = "#1D1D1F",
+  fillColor = "none"
+}) {
+  const getIconData = () => {
+    switch (size) {
+      case 16:
+        return {
+          viewBox: "0 0 16 16",
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("g", { clipPath: "url(#clip0_4601_190056)", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M11.4532 8.32553C9.98534 8.32553 8.79489 9.49575 8.79489 10.94C8.79489 12.3842 9.98478 13.5545 11.4532 13.5545C12.9216 13.5545 14.1114 12.3842 14.1114 10.94C14.1114 9.49575 12.9216 8.32553 11.4532 8.32553ZM4.54694 8.32553C3.07852 8.32608 1.88867 9.4963 1.88867 10.94C1.88867 12.3837 3.07852 13.5545 4.54694 13.5545C6.01537 13.5545 7.20523 12.3842 7.20523 10.94C7.20523 9.49575 6.0148 8.32553 4.54694 8.32553ZM10.6581 5.05728C10.6581 6.50151 9.46823 7.67175 7.99978 7.67175C6.53135 7.67175 5.34151 6.50095 5.34151 5.05728C5.34151 3.6136 6.53193 2.44336 7.99978 2.44336C9.46762 2.44336 10.6581 3.61416 10.6581 5.05784V5.05728Z",
+                fill: "#F06A6A"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("clipPath", { id: "clip0_4601_190056", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "rect",
+              {
+                width: "13.3333",
+                height: "13.3333",
+                fill: "white",
+                transform: "translate(1.33301 1.33337)"
+              }
+            ) }) })
+          ] })
+        };
+      case 24:
+        return {
+          viewBox: "0 0 24 24",
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M17.1798 12.4899C14.978 12.4899 13.1923 14.2452 13.1923 16.4115C13.1923 18.578 14.9772 20.3333 17.1798 20.3333C19.3824 20.3333 21.1672 18.578 21.1672 16.4115C21.1672 14.2452 19.3824 12.4899 17.1798 12.4899ZM6.82042 12.4899C4.61777 12.4907 2.83301 14.246 2.83301 16.4115C2.83301 18.5771 4.61777 20.3333 6.82042 20.3333C9.02306 20.3333 10.8078 18.578 10.8078 16.4115C10.8078 14.2452 9.0222 12.4899 6.82042 12.4899ZM15.9871 7.5875C15.9871 9.75385 14.2023 11.5092 11.9997 11.5092C9.79703 11.5092 8.01227 9.75301 8.01227 7.5875C8.01227 5.42199 9.79789 3.66663 11.9997 3.66663C14.2014 3.66663 15.9871 5.42283 15.9871 7.58834V7.5875Z",
+              fill: "#F06A6A"
+            }
+          ) })
+        };
+      case 36:
+        return {
+          viewBox: "0 0 36 36",
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M25.7701 18.7339C22.4675 18.7339 19.789 21.3669 19.789 24.6164C19.789 27.866 22.4662 30.499 25.7701 30.499C29.0741 30.499 31.7512 27.866 31.7512 24.6164C31.7512 21.3669 29.0741 18.7339 25.7701 18.7339ZM10.2311 18.7339C6.92715 18.7351 4.25 21.3681 4.25 24.6164C4.25 27.8648 6.92715 30.499 10.2311 30.499C13.5351 30.499 16.2122 27.866 16.2122 24.6164C16.2122 21.3669 13.5338 18.7339 10.2311 18.7339ZM23.9811 11.3803C23.9811 14.6299 21.304 17.2629 18 17.2629C14.696 17.2629 12.0189 14.6286 12.0189 11.3803C12.0189 8.13207 14.6973 5.49902 18 5.49902C21.3026 5.49902 23.9811 8.13334 23.9811 11.3816V11.3803Z",
+              fill: "#F06A6A"
+            }
+          ) })
+        };
+      case 20:
+        return {
+          viewBox: "0 0 20 20",
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {})
+        };
+    }
+  };
+  const { viewBox, path } = getIconData();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "svg",
+    {
+      width: "100%",
+      height: "100%",
+      viewBox,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: path
+    }
+  );
+}
+
+// src/components/atoms/icons/brand_icons/brand_icon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function BrandIcon({ size = 24, className, service }) {
   function getBrandIcon(service2, size2) {
     switch (service2) {
       case "slack" /* SLACK */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackIcon, { size: size2 });
       case "google_mail" /* GMAIL */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GoogleMailIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GoogleMailIcon, { size: size2 });
       case "google_calendar" /* GCAL */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GoogleCalendarIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GoogleCalendarIcon, { size: size2 });
       case "microsoft_teams" /* MSTEAMS */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MicrosoftTeamsIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MicrosoftTeamsIcon, { size: size2 });
       case "microsoft_mail" /* MSMAIL */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MicrosoftOutlookMailIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MicrosoftOutlookMailIcon, { size: size2 });
       case "microsoft_calendar" /* MSCAL */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MicrosoftOutlookMailIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MicrosoftOutlookMailIcon, { size: size2 });
       case "atlassian_jira" /* AJIRA */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AtlassianIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AtlassianIcon, { size: size2 });
       case "clickup" /* CLKUP */:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClickupIcon, { size: size2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ClickupIcon, { size: size2 });
+      case "asana" /* ASANA */:
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AsanaIcon, { size: size2 });
       default:
         return null;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     {
       className: (0, import_tailwind_merge.twMerge)((0, import_clsx.default)(`flex-none select-none`), className),
       style: { width: `${size}px`, height: `${size}px` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: service && getBrandIcon(service, size) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: service && getBrandIcon(service, size) })
     }
   );
 }
 
 // src/data/vector_icons/service_brands/vector_icons.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function AlertIcon({ variant }) {
   switch (variant) {
     case void 0:
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "svg",
         {
           width: "100%",
@@ -13442,7 +13526,7 @@ function AlertIcon({ variant }) {
           viewBox: "0 0 36 36",
           fill: "#FFC24D",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "path",
             {
               d: "M18.0003 15V18M18.0003 24H18.0153M7.60799 30H28.3926C30.702 30 32.1454 27.5 30.9907 25.5L20.5984 7.5C19.4437 5.5 16.5569 5.5 15.4022 7.5L5.00992 25.5C3.85521 27.5 5.29859 30 7.60799 30Z",
@@ -13455,7 +13539,7 @@ function AlertIcon({ variant }) {
         }
       );
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "svg",
         {
           width: "100%",
@@ -13463,7 +13547,7 @@ function AlertIcon({ variant }) {
           viewBox: "0 0 30 28",
           fill: variant,
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "path",
             {
               d: "M18.0003 15V18M18.0003 24H18.0153M7.60799 30H28.3926C30.702 30 32.1454 27.5 30.9907 25.5L20.5984 7.5C19.4437 5.5 16.5569 5.5 15.4022 7.5L5.00992 25.5C3.85521 27.5 5.29859 30 7.60799 30Z",
@@ -13478,7 +13562,7 @@ function AlertIcon({ variant }) {
   }
 }
 function FireIcon({ variant }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "svg",
     {
       width: "100%",
@@ -13487,7 +13571,7 @@ function FireIcon({ variant }) {
       fill: variant == void 0 ? "none" : variant,
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "path",
           {
             d: "M26.4853 27.9853C21.799 32.6716 14.201 32.6716 9.51472 27.9853C7.17158 25.6421 6 22.5711 6 19.5C6 16.4289 7.17157 13.3579 9.51472 11.0147C9.51472 11.0147 10.5001 13.4999 13.5001 14.9999C13.5001 11.9999 14.2501 7.49993 17.9788 4.5C21 7.5 24.1367 8.66617 26.4853 11.0147C28.8284 13.3579 30 16.4289 30 19.5C30 22.5711 28.8284 25.6421 26.4853 27.9853Z",
@@ -13498,7 +13582,7 @@ function FireIcon({ variant }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "path",
           {
             d: "M14.818 24.1819C16.5754 25.9393 19.4246 25.9393 21.182 24.1819C22.0606 23.3033 22.5 22.1516 22.5 21C22.5 19.8483 22.0607 18.6967 21.182 17.818C20.3089 16.9448 19.1662 16.5055 18.0218 16.5L16.4999 20.9999L13.5 21C13.5 22.1516 13.9394 23.3033 14.818 24.1819Z",
@@ -15084,18 +15168,18 @@ function cleanEscapedString(input) {
 }
 
 // src/util/common.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function getCategoryIcon(service, variant, size) {
   if (!size) {
     size = 24;
   }
   switch (service) {
     case "fire" /* FIRE */:
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FireIcon, { variant });
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FireIcon, { variant });
     case "alert" /* ALERT */:
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlertIcon, { variant });
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AlertIcon, { variant });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {});
   }
 }
 function formatCustomRelative(date) {
@@ -15104,27 +15188,27 @@ function formatCustomRelative(date) {
 }
 
 // src/components/molecules/text_content/sender_source_row/sender_source_row.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function SenderSourceRow({
   leftText,
   seperator,
   rightText,
   date
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex w-full place-content-between gap-6 text-qtneutral-900", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex gap-[4px] place-items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "body-small-bold break-all line-clamp-1", children: leftText }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "label-3 text-center", children: seperator }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "label-3 text-center", children: rightText })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full place-content-between gap-6 text-qtneutral-900", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-[4px] place-items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold break-all line-clamp-1", children: leftText }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 text-center", children: seperator }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 text-center", children: rightText })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "label-3 flex flex-nowrap flex-none", children: date && formatCustomRelative(date) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 flex flex-nowrap flex-none", children: date && formatCustomRelative(date) })
   ] });
 }
 
 // src/components/molecules/text_content/subject_line_row/subject_line_row.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SubjectLineRow({ text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-[17px]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-neutral-900 body-small line-clamp-1", children: text }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex h-[17px]", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-neutral-900 body-small line-clamp-1", children: text }) });
 }
 
 // src/components/organisms/preview_card/preview_card.tsx
@@ -15132,7 +15216,7 @@ var import_clsx4 = __toESM(require("clsx"));
 
 // src/components/molecules/dropdown/dropdown.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function DropDown({
   title,
   items,
@@ -15140,8 +15224,8 @@ function DropDown({
   direction = "left",
   onItemClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative inline-block", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative inline-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         className: (0, import_clsx2.default)(
@@ -15149,9 +15233,9 @@ function DropDown({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-white rounded-2xl shadow-lg w-48 py-3 px-4 relative z-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-xs font-bold text-gray-900 tracking-wide mb-2", children: title.toUpperCase() }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "text-sm text-gray-800 space-y-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "bg-white rounded-2xl shadow-lg w-48 py-3 px-4 relative z-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-xs font-bold text-gray-900 tracking-wide mb-2", children: title.toUpperCase() }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "text-sm text-gray-800 space-y-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "li",
         {
           onClick: (e) => {
@@ -15174,24 +15258,24 @@ function DropDown({
 var import_clsx3 = __toESM(require("clsx"));
 
 // src/components/atoms/icons/category_icons/category_icon.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function CategoryIcon({ size = 24, icon, variant }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       className: `flex-none`,
       style: { width: `${size}px`, height: `${size}px` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
     }
   );
 }
 
 // src/components/atoms/category_badge/category_badge.tsx
 var import_react = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CategoryBadge({ active }) {
   const [hovering, setHovering] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       onMouseEnter: () => setHovering(true),
@@ -15202,7 +15286,7 @@ function CategoryBadge({ active }) {
         active ? "border-qtred-400" : "border-qtneutral-700"
       ),
       children: [
-        !hovering && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        !hovering && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           CategoryIcon,
           {
             size: 16,
@@ -15210,7 +15294,7 @@ function CategoryBadge({ active }) {
             variant: active ? void 0 : "none" /* OUTLINED */
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "div",
           {
             className: (0, import_clsx3.default)(
@@ -15226,7 +15310,7 @@ function CategoryBadge({ active }) {
 }
 
 // src/components/atoms/icons/base_icons/ExternalLink.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ExternalLink({
   size = 24,
   color = "#1D1D1F",
@@ -15237,7 +15321,7 @@ function ExternalLink({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329",
@@ -15251,7 +15335,7 @@ function ExternalLink({
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667",
@@ -15265,7 +15349,7 @@ function ExternalLink({
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14",
@@ -15279,7 +15363,7 @@ function ExternalLink({
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21",
@@ -15293,7 +15377,7 @@ function ExternalLink({
     }
   };
   const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "svg",
     {
       width: size,
@@ -15307,7 +15391,7 @@ function ExternalLink({
 }
 
 // src/components/atoms/icons/base_icons/CheckBox.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CheckBox({ size = 24, fillColor }) {
   const getIconData = () => {
     let viewBox2 = "";
@@ -15331,16 +15415,16 @@ function CheckBox({ size = 24, fillColor }) {
         scale = 1;
         break;
     }
-    const path2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { transform: `scale(${scale})`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    const path2 = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { transform: `scale(${scale})`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "path",
         {
           d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z",
           fill: fillColor
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "path",
         {
           d: "M11.25 4.5V6.75H24.75V4.5V2.25H11.25V4.5ZM31.5 11.25H29.25V24.75H31.5H33.75V11.25H31.5ZM24.75 31.5V29.25H11.25V31.5V33.75H24.75V31.5ZM4.5 24.75H6.75V11.25H4.5H2.25V24.75H4.5ZM11.25 31.5V29.25C8.76472 29.25 6.75 27.2353 6.75 24.75H4.5H2.25C2.25 29.7206 6.27944 33.75 11.25 33.75V31.5ZM31.5 24.75H29.25C29.25 27.2353 27.2353 29.25 24.75 29.25V31.5V33.75C29.7206 33.75 33.75 29.7206 33.75 24.75H31.5ZM24.75 4.5V6.75C27.2353 6.75 29.25 8.76472 29.25 11.25H31.5H33.75C33.75 6.27944 29.7206 2.25 24.75 2.25V4.5ZM11.25 4.5V2.25C6.27944 2.25 2.25 6.27944 2.25 11.25H4.5H6.75C6.75 8.76472 8.76472 6.75 11.25 6.75V4.5Z",
@@ -15348,7 +15432,7 @@ function CheckBox({ size = 24, fillColor }) {
           mask: `url(#${maskId})`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "path",
         {
           d: "M13.9502 18L16.6502 20.7L22.0502 15.3",
@@ -15362,63 +15446,7 @@ function CheckBox({ size = 24, fillColor }) {
     return { viewBox: viewBox2, path: path2 };
   };
   const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox,
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: path
-    }
-  );
-}
-function CheckBoxEmpty({ size = 24, fillColor }) {
-  const getIconData = () => {
-    let viewBox2 = "";
-    let scale = 1;
-    let maskId = `checkbox-filled-empty-mask-${size}`;
-    switch (size) {
-      case 16:
-        viewBox2 = "0 0 16 16";
-        scale = 16 / 36;
-        break;
-      case 20:
-        viewBox2 = "0 0 20 20";
-        scale = 20 / 36;
-        break;
-      case 24:
-        viewBox2 = "0 0 24 24";
-        scale = 24 / 36;
-        break;
-      case 36:
-        viewBox2 = "0 0 36 36";
-        scale = 1;
-        break;
-    }
-    const path2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { transform: `scale(${scale})`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "path",
-        {
-          d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z",
-          fill: fillColor
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "path",
-        {
-          d: "M11.25 4.5V6.75H24.75V4.5V2.25H11.25V4.5ZM31.5 11.25H29.25V24.75H31.5H33.75V11.25H31.5ZM24.75 31.5V29.25H11.25V31.5V33.75H24.75V31.5ZM4.5 24.75H6.75V11.25H4.5H2.25V24.75H4.5ZM11.25 31.5V29.25C8.76472 29.25 6.75 27.2353 6.75 24.75H4.5H2.25C2.25 29.7206 6.27944 33.75 11.25 33.75V31.5ZM31.5 24.75H29.25C29.25 27.2353 27.2353 29.25 24.75 29.25V31.5V33.75C29.7206 33.75 33.75 29.7206 33.75 24.75H31.5ZM24.75 4.5V6.75C27.2353 6.75 29.25 8.76472 29.25 11.25H31.5H33.75C33.75 6.27944 29.7206 2.25 24.75 2.25V4.5ZM11.25 4.5V2.25C6.27944 2.25 2.25 6.27944 2.25 11.25H4.5H6.75C6.75 8.76472 8.76472 6.75 11.25 6.75V4.5Z",
-          fill: "#1D1D1F",
-          mask: `url(#${maskId})`
-        }
-      )
-    ] });
-    return { viewBox: viewBox2, path: path2 };
-  };
-  const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "svg",
     {
       width: size,
@@ -15432,7 +15460,7 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
 }
 
 // src/components/organisms/preview_card/preview_card.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function PreviewCard({
   eventID,
   onSelected,
@@ -15457,7 +15485,7 @@ function PreviewCard({
       onChecked(eventID);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: (0, import_clsx4.default)(
@@ -15470,10 +15498,10 @@ function PreviewCard({
         onSelected && onSelected(eventID);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-4 place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BrandIcon, { service, size: 16 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2 grow ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col grow gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col gap-4 place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BrandIcon, { service, size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2 grow ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col grow gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               SenderSourceRow,
               {
                 leftText: sender,
@@ -15482,21 +15510,21 @@ function PreviewCard({
                 date
               }
             ),
-            subjectLine && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SubjectLineRow, { text: subjectLine })
+            subjectLine && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SubjectLineRow, { text: subjectLine })
           ] }),
-          body && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col max-w-full w-full wrap-anywhere", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "line-clamp-2 body-small", children: body }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "w-full relative flex place-content-between place-items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          body && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col max-w-full w-full wrap-anywhere", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "line-clamp-2 body-small", children: body }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-full relative flex place-content-between place-items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "div",
               {
                 onClick: (e) => {
                   e.stopPropagation();
                   setoverrideMenuOpen(!overrideMenuOpen);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CategoryBadge, { active: eventCategory == "fire" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CategoryBadge, { active: eventCategory == "fire" })
               }
             ),
-            overrideMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute right-[56%] top-[140%]", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            overrideMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute right-[56%] top-[140%]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               DropDown,
               {
                 items: overrideItems ? overrideItems : [],
@@ -15507,24 +15535,24 @@ function PreviewCard({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "div",
                 {
                   onClick: (e) => {
                     e.stopPropagation();
                     toggleChecked();
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     CheckBox,
                     {
-                      size: 16,
+                      size: 20,
                       fillColor: checked ? "#E8FE99" : void 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { onClick: onClickGoToSource, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ExternalLink, { size: 16, color: "#82818E" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { onClick: onClickGoToSource, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExternalLink, { size: 20, color: "#82818E" }) })
             ] })
           ] }) })
         ] })
@@ -15534,7 +15562,7 @@ function PreviewCard({
 }
 
 // src/components/atoms/icons/base_icons/Gear.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Gear({
   size = 24,
   color = "#1D1D1F",
@@ -15545,8 +15573,8 @@ function Gear({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M6.88309 2.87821C7.16735 1.70726 8.83265 1.70726 9.11692 2.87821C9.30055 3.63462 10.1672 3.99358 10.8319 3.58857C11.8609 2.96159 13.0384 4.13914 12.4114 5.16812C12.0064 5.83284 12.3654 6.69945 13.1218 6.88308C14.2927 7.16735 14.2927 8.83265 13.1218 9.11692C12.3654 9.30055 12.0064 10.1672 12.4114 10.8319C13.0384 11.8609 11.8609 13.0384 10.8319 12.4114C10.1672 12.0064 9.30055 12.3654 9.11692 13.1218C8.83265 14.2927 7.16735 14.2927 6.88309 13.1218C6.69945 12.3654 5.83284 12.0064 5.16812 12.4114C4.13914 13.0384 2.96159 11.8609 3.58857 10.8319C3.99358 10.1672 3.63462 9.30055 2.87821 9.11692C1.70726 8.83265 1.70726 7.16735 2.87821 6.88308C3.63462 6.69945 3.99358 5.83284 3.58857 5.16812C2.96159 4.13914 4.13914 2.96159 5.16812 3.58857C5.83284 3.99358 6.69945 3.63462 6.88309 2.87821Z",
@@ -15556,7 +15584,7 @@ function Gear({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z",
@@ -15571,8 +15599,8 @@ function Gear({
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M8.60386 3.59776C8.95919 2.13408 11.0408 2.13408 11.3961 3.59776C11.6257 4.54327 12.709 4.99198 13.5398 4.48571C14.8261 3.70199 16.298 5.17392 15.5143 6.46015C15.008 7.29105 15.4567 8.37431 16.4022 8.60386C17.8659 8.95919 17.8659 11.0408 16.4022 11.3961C15.4567 11.6257 15.008 12.709 15.5143 13.5398C16.298 14.8261 14.8261 16.298 13.5398 15.5143C12.709 15.008 11.6257 15.4567 11.3961 16.4022C11.0408 17.8659 8.95919 17.8659 8.60386 16.4022C8.37431 15.4567 7.29105 15.008 6.46016 15.5143C5.17392 16.298 3.70199 14.8261 4.48571 13.5398C4.99198 12.709 4.54327 11.6257 3.59776 11.3961C2.13408 11.0408 2.13408 8.95919 3.59776 8.60386C4.54327 8.37431 4.99198 7.29105 4.48571 6.46015C3.70199 5.17392 5.17392 3.70199 6.46015 4.48571C7.29105 4.99198 8.37431 4.54327 8.60386 3.59776Z",
@@ -15582,7 +15610,7 @@ function Gear({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M12.5 10C12.5 11.3807 11.3807 12.5 10 12.5C8.61929 12.5 7.5 11.3807 7.5 10C7.5 8.61929 8.61929 7.5 10 7.5C11.3807 7.5 12.5 8.61929 12.5 10Z",
@@ -15597,8 +15625,8 @@ function Gear({
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M10.3246 4.31731C10.751 2.5609 13.249 2.5609 13.6754 4.31731C13.9508 5.45193 15.2507 5.99038 16.2478 5.38285C17.7913 4.44239 19.5576 6.2087 18.6172 7.75218C18.0096 8.74925 18.5481 10.0492 19.6827 10.3246C21.4391 10.751 21.4391 13.249 19.6827 13.6754C18.5481 13.9508 18.0096 15.2507 18.6172 16.2478C19.5576 17.7913 17.7913 19.5576 16.2478 18.6172C15.2507 18.0096 13.9508 18.5481 13.6754 19.6827C13.249 21.4391 10.751 21.4391 10.3246 19.6827C10.0492 18.5481 8.74926 18.0096 7.75219 18.6172C6.2087 19.5576 4.44239 17.7913 5.38285 16.2478C5.99038 15.2507 5.45193 13.9508 4.31731 13.6754C2.5609 13.249 2.5609 10.751 4.31731 10.3246C5.45193 10.0492 5.99037 8.74926 5.38285 7.75218C4.44239 6.2087 6.2087 4.44239 7.75219 5.38285C8.74926 5.99037 10.0492 5.45193 10.3246 4.31731Z",
@@ -15608,7 +15636,7 @@ function Gear({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z",
@@ -15623,8 +15651,8 @@ function Gear({
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M15.4869 6.47596C16.1265 3.84134 19.8735 3.84135 20.5131 6.47596C20.9262 8.17789 22.8761 8.98556 24.3717 8.07427C26.6869 6.66359 29.3364 9.31305 27.9257 11.6283C27.0144 13.1239 27.8221 15.0738 29.524 15.4869C32.1587 16.1265 32.1587 19.8735 29.524 20.5131C27.8221 20.9262 27.0144 22.8761 27.9257 24.3717C29.3364 26.6869 26.6869 29.3364 24.3717 27.9257C22.8761 27.0144 20.9262 27.8221 20.5131 29.524C19.8735 32.1587 16.1265 32.1587 15.4869 29.524C15.0738 27.8221 13.1239 27.0144 11.6283 27.9257C9.31306 29.3364 6.66359 26.6869 8.07428 24.3717C8.98556 22.8761 8.17789 20.9262 6.47596 20.5131C3.84135 19.8735 3.84134 16.1265 6.47596 15.4869C8.17789 15.0738 8.98556 13.1239 8.07427 11.6283C6.66358 9.31305 9.31305 6.66358 11.6283 8.07427C13.1239 8.98556 15.0738 8.17789 15.4869 6.47596Z",
@@ -15634,7 +15662,7 @@ function Gear({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
                 d: "M22.5 18C22.5 20.4853 20.4853 22.5 18 22.5C15.5147 22.5 13.5 20.4853 13.5 18C13.5 15.5147 15.5147 13.5 18 13.5C20.4853 13.5 22.5 15.5147 22.5 18Z",
@@ -15649,7 +15677,7 @@ function Gear({
     }
   };
   const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "svg",
     {
       width: size,
@@ -15663,7 +15691,7 @@ function Gear({
 }
 
 // src/components/atoms/icons/base_icons/Logout.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Logout({
   size = 24,
   color = "#1D1D1F",
@@ -15674,7 +15702,7 @@ function Logout({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               d: "M11.3333 10.6666L14 7.99996M14 7.99996L11.3333 5.33329M14 7.99996L4.66667 7.99996M8.66667 10.6666V11.3333C8.66667 12.4379 7.77124 13.3333 6.66667 13.3333H4C2.89543 13.3333 2 12.4379 2 11.3333V4.66663C2 3.56206 2.89543 2.66663 4 2.66663H6.66667C7.77124 2.66663 8.66667 3.56206 8.66667 4.66663V5.33329",
@@ -15688,7 +15716,7 @@ function Logout({
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               d: "M14.1667 13.3334L17.5 10M17.5 10L14.1667 6.66671M17.5 10L5.83333 10M10.8333 13.3334V14.1667C10.8333 15.5474 9.71405 16.6667 8.33333 16.6667H5C3.61929 16.6667 2.5 15.5474 2.5 14.1667V5.83337C2.5 4.45266 3.61929 3.33337 5 3.33337H8.33333C9.71405 3.33337 10.8333 4.45266 10.8333 5.83337V6.66671",
@@ -15702,7 +15730,7 @@ function Logout({
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               d: "M17 16L21 12M21 12L17 8M21 12L7 12M13 16V17C13 18.6569 11.6569 20 10 20H6C4.34315 20 3 18.6569 3 17V7C3 5.34315 4.34315 4 6 4H10C11.6569 4 13 5.34315 13 7V8",
@@ -15716,7 +15744,7 @@ function Logout({
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               d: "M25.5 24L31.5 18M31.5 18L25.5 12M31.5 18L10.5 18M19.5 24V25.5C19.5 27.9853 17.4853 30 15 30H9C6.51472 30 4.5 27.9853 4.5 25.5V10.5C4.5 8.01472 6.51472 6 9 6H15C17.4853 6 19.5 8.01472 19.5 10.5V12",
@@ -15730,7 +15758,7 @@ function Logout({
     }
   };
   const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "svg",
     {
       width: size,
@@ -15744,7 +15772,7 @@ function Logout({
 }
 
 // src/components/atoms/icons/base_icons/Queue.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Queue({
   size = 24,
   color = "#1D1D1F",
@@ -15755,8 +15783,8 @@ function Queue({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M6.86628 11.4002H5.73294C5.10702 11.4002 4.59961 10.8928 4.59961 10.2669V5.73355C4.59961 5.10763 5.10702 4.60022 5.73294 4.60022H10.2663C10.8922 4.60022 11.3996 5.10763 11.3996 5.73355V6.86689M7.99961 13.6669H12.5329C13.1589 13.6669 13.6663 13.1595 13.6663 12.5336V8.00022C13.6663 7.3743 13.1589 6.86689 12.5329 6.86689H7.99961C7.37369 6.86689 6.86628 7.3743 6.86628 8.00022V12.5336C6.86628 13.1595 7.37369 13.6669 7.99961 13.6669Z",
@@ -15766,7 +15794,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M4.59967 9.13325H3.46634C2.84042 9.13325 2.33301 8.62584 2.33301 7.99992V3.46659C2.33301 2.84066 2.84042 2.33325 3.46634 2.33325H7.99967C8.6256 2.33325 9.13301 2.84066 9.13301 3.46659V4.59992M11.4626 6.74066L11.3997 5.73325C11.3997 5.10733 10.8923 4.59992 10.2663 4.59992H5.73301C5.10709 4.59992 4.59967 5.10733 4.59967 5.73325V10.2666C4.59967 10.8925 5.10709 11.3999 5.73301 11.3999H6.74042",
@@ -15776,7 +15804,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M6.86621 7.99918C6.86621 7.37326 7.37362 6.86584 7.99954 6.86584H12.5329C13.1588 6.86584 13.6662 7.37326 13.6662 7.99918V12.5325C13.6662 13.1584 13.1588 13.6658 12.5329 13.6658H7.99954C7.37362 13.6658 6.86621 13.1584 6.86621 12.5325V7.99918Z",
@@ -15791,8 +15819,8 @@ function Queue({
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M8.58333 14.2501H7.16667C6.38426 14.2501 5.75 13.6159 5.75 12.8335V7.16679C5.75 6.38439 6.38426 5.75012 7.16667 5.75012H12.8333C13.6157 5.75012 14.25 6.38439 14.25 7.16679V8.58346M10 17.0835H15.6667C16.4491 17.0835 17.0833 16.4492 17.0833 15.6668V10.0001C17.0833 9.21772 16.4491 8.58346 15.6667 8.58346H10C9.2176 8.58346 8.58333 9.21772 8.58333 10.0001V15.6668C8.58333 16.4492 9.2176 17.0835 10 17.0835Z",
@@ -15802,7 +15830,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M5.75033 11.4165H4.33366C3.55126 11.4165 2.91699 10.7822 2.91699 9.99984V4.33317C2.91699 3.55077 3.55126 2.9165 4.33366 2.9165H10.0003C10.7827 2.9165 11.417 3.55077 11.417 4.33317V5.74984M14.329 8.42576L14.2503 7.1665C14.2503 6.3841 13.6161 5.74984 12.8337 5.74984H7.16699C6.38459 5.74984 5.75033 6.3841 5.75033 7.1665V12.8332C5.75033 13.6156 6.38459 14.2498 7.16699 14.2498H8.42625",
@@ -15812,7 +15840,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M8.58398 9.99882C8.58398 9.21642 9.21825 8.58215 10.0007 8.58215H15.6673C16.4497 8.58215 17.084 9.21642 17.084 9.99882V15.6655C17.084 16.4479 16.4497 17.0822 15.6673 17.0822H10.0007C9.21825 17.0822 8.58398 16.4479 8.58398 15.6655V9.99882Z",
@@ -15827,8 +15855,8 @@ function Queue({
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M10.2994 17.0997H8.59941C7.66053 17.0997 6.89941 16.3385 6.89941 15.3997V8.59966C6.89941 7.66077 7.66053 6.89966 8.59941 6.89966H15.3994C16.3383 6.89966 17.0994 7.66077 17.0994 8.59966V10.2997M11.9994 20.4997H18.7994C19.7383 20.4997 20.4994 19.7385 20.4994 18.7997V11.9997C20.4994 11.0608 19.7383 10.2997 18.7994 10.2997H11.9994C11.0605 10.2997 10.2994 11.0608 10.2994 11.9997V18.7997C10.2994 19.7385 11.0605 20.4997 11.9994 20.4997Z",
@@ -15838,7 +15866,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M6.9 13.7H5.2C4.26112 13.7 3.5 12.9389 3.5 12V5.2C3.5 4.26112 4.26112 3.5 5.2 3.5H12C12.9389 3.5 13.7 4.26112 13.7 5.2V6.9M17.1944 10.1111L17.1 8.6C17.1 7.66112 16.3389 6.9 15.4 6.9H8.6C7.66112 6.9 6.9 7.66112 6.9 8.6V15.4C6.9 16.3389 7.66112 17.1 8.6 17.1H10.1111",
@@ -15848,7 +15876,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M10.2998 11.9993C10.2998 11.0604 11.0609 10.2993 11.9998 10.2993H18.7998C19.7387 10.2993 20.4998 11.0604 20.4998 11.9993V18.7993C20.4998 19.7382 19.7387 20.4993 18.7998 20.4993H11.9998C11.0609 20.4993 10.2998 19.7382 10.2998 18.7993V11.9993Z",
@@ -15863,8 +15891,8 @@ function Queue({
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          path: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M15.4496 25.6511H12.8996C11.4913 25.6511 10.3496 24.5094 10.3496 23.1011V12.9011C10.3496 11.4927 11.4913 10.3511 12.8996 10.3511H23.0996C24.5079 10.3511 25.6496 11.4927 25.6496 12.9011V15.4511M17.9996 30.7511H28.1996C29.6079 30.7511 30.7496 29.6094 30.7496 28.2011V18.0011C30.7496 16.5927 29.6079 15.4511 28.1996 15.4511H17.9996C16.5913 15.4511 15.4496 16.5927 15.4496 18.0011V28.2011C15.4496 29.6094 16.5913 30.7511 17.9996 30.7511Z",
@@ -15874,7 +15902,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M10.35 20.549H7.8C6.39167 20.549 5.25 19.4073 5.25 17.999V7.79902C5.25 6.3907 6.39167 5.24902 7.8 5.24902H18C19.4083 5.24902 20.55 6.3907 20.55 7.79902V10.349M25.7917 15.1657L25.65 12.899C25.65 11.4907 24.5083 10.349 23.1 10.349H12.9C11.4917 10.349 10.35 11.4907 10.35 12.899V23.099C10.35 24.5073 11.4917 25.649 12.9 25.649H15.1667",
@@ -15884,7 +15912,7 @@ function Queue({
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "path",
               {
                 d: "M15.4492 17.9987C15.4492 16.5904 16.5909 15.4487 17.9992 15.4487H28.1992C29.6075 15.4487 30.7492 16.5904 30.7492 17.9987V28.1987C30.7492 29.6071 29.6075 30.7487 28.1992 30.7487H17.9992C16.5909 30.7487 15.4492 29.6071 15.4492 28.1987V17.9987Z",
@@ -15899,7 +15927,7 @@ function Queue({
     }
   };
   const { viewBox, path } = getIconData();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "svg",
     {
       width: size,
@@ -15913,17 +15941,17 @@ function Queue({
 }
 
 // src/components/atoms/qtalo_logo/qtalo_logo.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function QTLogo({ variant }) {
   if (variant == "monogram") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         width: "40",
         height: "40",
         viewBox: "0 0 40 40",
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "image",
           {
             href: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABApJREFUWEfNWV1SGkEQ/npXTcUnvAGeIHKCyAnUEwguIsmLeILgCcSXhL9VPIF6ArmBeoJwg1CpPEV2O9ULu7WsuzOzSCWZKl5gpvubnu6vfyAsuRoNLk5/Y98mfGDGLhMKBBREHAMTAsby8Rn39gZGnQ6Nl1FFeQ41m1z49RMVm7DHwG6eswCemHHZv6JhnnPGAE8cPvWBVmilPEoSe8fMODcFqgUoT8kvuF7CYro7jK11lHVPrwT4yeHDKdBegdWywIpfnvVcusvakAlQnpSBts4Mq/jdBirfXLpJk5UK8G+CC0FlgXwF8PiYd8jHo6lliDBiH/dsY2TbmATnpij6PnbIwp5QkKmsNQulr316iu9fACgB4b/gAUBRJ5SAy/ceWu0hzUBlrEaFi76NFoBDnUwA400PpbjMBYAnDku0VlSCAgImVDsDGhkojLbUHd4n4IJ1lye0ewM6Cw9GAOfW+64F56HcGS6XFcSabONBBzL+1BFAE+tZHraXBRde3MTHCbjrunQgZwKAJtYD4bw3IPGlN696jVtgfFEJ2vSwJb4YADw+4goRrhVkOe66tP1mZHMBlQoX3tl4VD414aw3IEkSwInD4heZdGAxqp2cSV53GZ0VCRh1XSoHAOsOs0rgKnwvKV+suGHjh0LvpOfSFn0+5p2pgpiFiLsDKusssszv9Ro/grGTdVaimYSfANwq/O+y61JzGQC6M3WHpTbMJHC2UCVdgKwyepOAdX4YADTZ1O/nq4J1los4UcMeYpx/CrBe4yYYF5kXEoD//xPrg2TYdalq+mx59p04fMuABGnqsghlmpdDqiJh3MuZRcLuT7SubeAuq+8wopk5UQthBj1t2rLWsa1rbsJzkte9FzzG+5i0atkg/8+Iep7qlKbOQzVZVkmC1FVPBNx3XZIaUl8sAJhsetjWVc+6tBmCNKncw/wfAJznRfHDzGdGotLNcoe6wyp3maxZKHs+pGNUVe6RQaKCVUfYAkjVHoaAdanTJMoJiJgjAmhkRQRdW1XVaAuAxhFXfEV9qQE5sTyUwsp9oWmqH3ETpGD2UDKj1buic5UiY1lJIYnK/VVfrCteY/K0QyATt4njI8JTd0Clhe+SFzDtvOJApfr1GM80cwGZDxZkbugDQhPZgRcTErSzKR1j6uhj3nlJA28k3MTxDfYcpPl25vBIQFo+hMC1UwYD5SZbAgpSjj5W8NwmQFR7XuV97QAzyDQOS/t3+lbtJueTAyQjgAG3zcYWMlvJLI9MAEgT5s8CKvXCUmLF5z7GAEPl4bSKgI85/FMmBDdEuAuVp72KRHJyQJAbYNxKjRrvBnNAQhGEDxGPU/A3xIQ9PMvcsJ+Y+UVpscYtYhwKLQkH0hTV5OznD06t70w92gcAAAAAAElFTkSuQmCC",
@@ -15936,14 +15964,14 @@ function QTLogo({ variant }) {
       }
     );
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         width: "140",
         height: "40",
         viewBox: "0 0 140 40",
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "image",
           {
             href: "data:image/png;base64,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",
@@ -15960,15 +15988,15 @@ function QTLogo({ variant }) {
 
 // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
 var import_clsx5 = __toESM(require("clsx"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function MainNavButton({ icon, label, active, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             className: (0, import_clsx5.default)(
@@ -15978,44 +16006,44 @@ function MainNavButton({ icon, label, active, onClick }) {
             children: icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
       ]
     }
   );
 }
 
 // src/components/organisms/nav_bar/nav_bar.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function NavBar({ buttons = {} }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(QTLogo, { variant: "monogram" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(QTLogo, { variant: "monogram" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         MainNavButton,
         {
           active: buttons.queue?.active,
           label: "Queue",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Queue, { color: "#6558FD" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Queue, { color: "#6558FD" }),
           onClick: buttons.queue?.onClick
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         MainNavButton,
         {
           active: buttons.account?.active,
           label: "Account",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Gear, { color: "#6558FD" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Gear, { color: "#6558FD" }),
           onClick: buttons.account?.onClick
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         MainNavButton,
         {
           active: buttons.logout?.active,
           label: "Logout",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Logout, { color: "#6558FD" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Logout, { color: "#6558FD" }),
           onClick: buttons.logout?.onClick
         }
       )
@@ -16023,30 +16051,11 @@ function NavBar({ buttons = {} }) {
   ] });
 }
 
-// src/components/molecules/checkboxes/main_checkbox/secondary_checkbox.tsx
-var import_clsx6 = __toESM(require("clsx"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function SecondaryCheckBox({ active, onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      className: (0, import_clsx6.default)(
-        "flex flex-none  w-min h-min place-items-center place-content-center p-0"
-      ),
-      onClick: (e) => {
-        e.stopPropagation();
-        onClick && onClick();
-      },
-      children: active ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CheckBox, { size: 36, fillColor: "#E8FE99" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CheckBoxEmpty, { size: 36, fillColor: "#FFFFFF" })
-    }
-  );
-}
-
 // src/components/organisms/emails/single_event.tsx
 var import_react3 = require("react");
 
 // src/components/organisms/intel_card/intel_card.tsx
-var import_clsx7 = __toESM(require("clsx"));
+var import_clsx6 = __toESM(require("clsx"));
 
 // src/components/molecules/text_content/intel_row/intel_row.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -16086,7 +16095,7 @@ function IntelCard({
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
-      className: (0, import_clsx7.default)(
+      className: (0, import_clsx6.default)(
         "flex flex-none gap-2 h-min w-full py-4 px-2",
         urgency == void 0 && "border-qtneutral-400",
         urgency == "low" && "bg-qtgreen-50 border-qtgreen-300",
@@ -16138,13 +16147,6 @@ function SingleEvent({
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            SecondaryCheckBox,
-            {
-              active: selected,
-              onClick: () => setSelected(!selected)
-            }
-          ),
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             CategoryIcon,
             {
@@ -16158,10 +16160,8 @@ function SingleEvent({
               SenderSourceRow,
               {
                 leftText: sender,
-                seperator: "via",
-                rightText: source,
-                shrunk: true,
-                onClick: onExternal
+                seperator: source ? "via" : "",
+                rightText: source
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubjectLineRow, { text: subjectLine })
@@ -16187,7 +16187,7 @@ function SingleEvent({
 }
 
 // src/components/organisms/event_card/event_card.tsx
-var import_clsx8 = __toESM(require("clsx"));
+var import_clsx7 = __toESM(require("clsx"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function EventCard({
   eventType,
@@ -16240,7 +16240,7 @@ function EventCard({
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     {
-      className: (0, import_clsx8.default)(
+      className: (0, import_clsx7.default)(
         "flex flex-col rounded-2xl max-w-[765px] w-full max-h-full border-qtneutral-500 border-[2px] gap-8",
         eventType == "message" /* MESSAGE */ ? "bg-qtneutral-200" : "bg-white py-4 pl-4 pr-2"
       ),
@@ -16248,7 +16248,7 @@ function EventCard({
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "div",
           {
-            className: (0, import_clsx8.default)(
+            className: (0, import_clsx7.default)(
               eventType == "message" /* MESSAGE */ ? "flex-col-reverse" : "flex-col",
               "overflow-y-auto flex gap-4 w-full h-full"
             ),
@@ -16310,17 +16310,32 @@ function EmailBody({
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "body-small break-all whitespace-pre-line flex", children: body && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "iframe",
       {
-        srcDoc: `<div style="font-family: sans-serif; padding: 0px; margin: 0px;">${safeText}</div>`,
+        srcDoc: `<!DOCTYPE html>
+    <html>
+      <head>
+        <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
+        <style>
+          body {
+            font-family: 'Inter', sans-serif;
+            padding: 0;
+            margin: 0;
+            font-size: 14px;
+            word-break: break-all;
+          }
+        </style>
+      </head>
+      <body>${safeText}</body>
+    </html>`,
         sandbox: "allow-popups",
         style: { border: 0, width: "100%", height: "500px" },
-        title: "Plain Text Email"
+        title: "Email Content"
       }
     ) })
   ] });
 }
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
-var import_clsx10 = __toESM(require("clsx"));
+var import_clsx9 = __toESM(require("clsx"));
 var import_react4 = require("react");
 
 // src/components/atoms/emoji_pill/emoji_pill.tsx
@@ -16334,7 +16349,7 @@ function EmojiPill({ emoji, count }) {
 }
 
 // src/util/utilcomponents.tsx
-var import_clsx9 = __toESM(require("clsx"));
+var import_clsx8 = __toESM(require("clsx"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -16342,7 +16357,7 @@ function MarkdownRenderer({ content, truncated }) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
-      className: (0, import_clsx9.default)(
+      className: (0, import_clsx8.default)(
         "flex flex-col markdown break-all",
         truncated && "line-clamp-3"
       ),
@@ -16382,10 +16397,10 @@ function ChatBubble({
       setUniqueEmojis(ue);
     }
   }, [emojis]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: (0, import_clsx10.default)(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: (0, import_clsx9.default)(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
-      className: (0, import_clsx10.default)(
+      className: (0, import_clsx9.default)(
         "w-full p-4 bg-white rounded-t-3xl flex flex-col gap-2",
         outbound ? "border-2 border-qtpurple-300" : "",
         outbound ? "rounded-bl-3xl" : "rounded-br-3xl"
@@ -16398,7 +16413,7 @@ function ChatBubble({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { onClick: onExternal, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ExternalLink, { size: 16 }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: (0, import_clsx10.default)("flex flex-col gap-2", !expanded && " "), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: (0, import_clsx9.default)("flex flex-col gap-2", !expanded && " "), children: [
           summary && truncatedText && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "body-small mb-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { className: "body-small-bold", children: "Summary:" }),
@@ -16410,7 +16425,7 @@ function ChatBubble({
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
-              className: (0, import_clsx10.default)(
+              className: (0, import_clsx9.default)(
                 "flex flex-none text-qtneutral-900 body-medium w-full"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
@@ -16436,7 +16451,7 @@ function ChatBubble({
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
-              className: (0, import_clsx10.default)(
+              className: (0, import_clsx9.default)(
                 "h-[24px] w-[24px] rounded-t-md bg-qtneutral-500 text-qtneutral-200 flex place-items-center place-content-center font-bold text-xs",
                 outbound ? "rounded-bl-md" : "rounded-br-md"
               ),
@@ -16472,7 +16487,7 @@ function ChatBody({ messages }) {
 }
 
 // src/components/organisms/message_body/ticket_body.tsx
-var import_clsx11 = __toESM(require("clsx"));
+var import_clsx10 = __toESM(require("clsx"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function TicketBody({
   issueNumber,
@@ -16538,7 +16553,7 @@ function TicketBody({
             /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "div",
               {
-                className: (0, import_clsx11.default)(
+                className: (0, import_clsx10.default)(
                   "h-[24px] w-[24px] rounded-t-md rounded-br-md bg-qtneutral-500 text-qtneutral-200 flex place-items-center place-content-center font-bold text-xs"
                 ),
                 children: c.name ? c.name[0].toUpperCase() : ""
@@ -17062,7 +17077,7 @@ function PlusLarge({
 }
 
 // src/components/molecules/buttons/nav_button/filter_nav_button/filter_nav_button.tsx
-var import_clsx12 = __toESM(require("clsx"));
+var import_clsx11 = __toESM(require("clsx"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function FilterNavButton({ icon, label, active, onClick }) {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -17074,7 +17089,7 @@ function FilterNavButton({ icon, label, active, onClick }) {
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "div",
           {
-            className: (0, import_clsx12.default)(
+            className: (0, import_clsx11.default)(
               "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl hover:bg-qtneutral-200 hover:border-2 hover:border-qtneutral-500"
             ),
             children: icon
@@ -17205,6 +17220,22 @@ function FilterBar({ buttons }) {
         onClick: buttons?.clickup?.onClick
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      FilterNavButton,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          "div",
+          {
+            className: buttons?.asana?.active || buttons?.asana?.active ? "" : "grayscale",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AsanaIcon, {}),
+              " "
+            ]
+          }
+        ),
+        onClick: buttons?.asana?.onClick
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PlusLarge, { size: 36 }) }) })
   ] });
@@ -17321,6 +17352,7 @@ This is a *markdown* **example**.
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BaseIconName,
+  BrandIcon,
   ChatBody,
   ColorVariants,
   EmailBody,