@loafmarkets/ui 0.1.342 → 0.1.344

package/dist/index.mjs

@@ -2488,6 +2488,11 @@ var PropertyTour = React5.forwardRef(
     ...props
   }, ref) => {
     const videoRef = React5.useRef(null);
+    React5.useEffect(() => {
+      if (videoRef.current && src) {
+        videoRef.current.load();
+      }
+    }, [src]);
     React5.useEffect(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -6752,62 +6757,68 @@ var LoginPopup = ({
     ] }) });
   }
   if (view === "otp") {
-    return /* @__PURE__ */ jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
-      /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
-      /* @__PURE__ */ jsxs(BackButton, { onClick: () => setView("email"), children: [
-        /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
-        "Back"
-      ] }),
-      /* @__PURE__ */ jsxs(Title, { children: [
-        /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
-        "Enter Verification Code"
-      ] }),
-      /* @__PURE__ */ jsxs(InfoText, { style: { marginBottom: "1.5rem" }, children: [
-        "We sent a code to ",
-        /* @__PURE__ */ jsx("strong", { style: { color: "#eaecef" }, children: email })
-      ] }),
-      /* @__PURE__ */ jsx("form", { onSubmit: handleVerifyCode, children: /* @__PURE__ */ jsxs(EmailFormContainer, { children: [
-        /* @__PURE__ */ jsx(OTPContainer, { children: otp.map((digit, index) => /* @__PURE__ */ jsx(
-          OTPInput,
-          {
-            id: `otp-${index}`,
-            type: "text",
-            inputMode: "numeric",
-            maxLength: 1,
-            value: digit,
-            onChange: (event) => handleOTPChange(index, event.target.value),
-            onKeyDown: (event) => handleOTPKeyDown(index, event),
-            onInput: (event) => handleOTPInput(index, event),
-            onPaste: handleOTPPaste,
-            autoComplete: index === 0 ? "one-time-code" : "off",
-            autoFocus: index === 0
-          },
-          index
-        )) }),
-        /* @__PURE__ */ jsx(SubmitButton, { type: "submit", disabled: loading || otp.join("").length !== OTP_INPUT_LENGTH, children: loading ? "Verifying..." : "Verify" }),
-        error && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error })
-      ] }) }),
-      /* @__PURE__ */ jsxs(InfoText, { children: [
-        "Didn't receive a code?",
-        " ",
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: (event) => {
-              event.preventDefault();
-              void handleSendCode(event);
-            },
-            style: {
-              background: "none",
-              border: "none",
-              color: "#f0b90b",
-              cursor: "pointer",
-              textDecoration: "underline"
+    return /* @__PURE__ */ jsx(Overlay2, { onClick: loading ? void 0 : onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
+      !loading && /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
+      loading ? /* @__PURE__ */ jsxs(AccountCreationLoader, { children: [
+        /* @__PURE__ */ jsx(SpinnerRing, {}),
+        /* @__PURE__ */ jsx(AccountCreationText, { children: isSignUp ? "Preparing your account\u2026" : "Signing you in\u2026" }),
+        /* @__PURE__ */ jsx(AccountCreationSubtext, { children: "This may take a few seconds" })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(BackButton, { onClick: () => setView("email"), children: [
+          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
+          "Back"
+        ] }),
+        /* @__PURE__ */ jsxs(Title, { children: [
+          /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
+          "Enter Verification Code"
+        ] }),
+        /* @__PURE__ */ jsxs(InfoText, { style: { marginBottom: "1.5rem" }, children: [
+          "We sent a code to ",
+          /* @__PURE__ */ jsx("strong", { style: { color: "#eaecef" }, children: email })
+        ] }),
+        /* @__PURE__ */ jsx("form", { onSubmit: handleVerifyCode, children: /* @__PURE__ */ jsxs(EmailFormContainer, { children: [
+          /* @__PURE__ */ jsx(OTPContainer, { children: otp.map((digit, index) => /* @__PURE__ */ jsx(
+            OTPInput,
+            {
+              id: `otp-${index}`,
+              type: "text",
+              inputMode: "numeric",
+              maxLength: 1,
+              value: digit,
+              onChange: (event) => handleOTPChange(index, event.target.value),
+              onKeyDown: (event) => handleOTPKeyDown(index, event),
+              onInput: (event) => handleOTPInput(index, event),
+              onPaste: handleOTPPaste,
+              autoComplete: index === 0 ? "one-time-code" : "off",
+              autoFocus: index === 0
             },
-            children: "Resend"
-          }
-        )
+            index
+          )) }),
+          /* @__PURE__ */ jsx(SubmitButton, { type: "submit", disabled: otp.join("").length !== OTP_INPUT_LENGTH, children: "Verify" }),
+          error && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error })
+        ] }) }),
+        /* @__PURE__ */ jsxs(InfoText, { children: [
+          "Didn't receive a code?",
+          " ",
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (event) => {
+                event.preventDefault();
+                void handleSendCode(event);
+              },
+              style: {
+                background: "none",
+                border: "none",
+                color: "#f0b90b",
+                cursor: "pointer",
+                textDecoration: "underline"
+              },
+              children: "Resend"
+            }
+          )
+        ] })
       ] })
     ] }) });
   }
@@ -7632,6 +7643,37 @@ var MiniLiveFeed = () => {
     }
   );
 };
+var AccountCreationLoader = styled9.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 0;
+  gap: 1rem;
+`;
+var AccountCreationText = styled9.p`
+  color: var(--color-text, #eaecef);
+  font-size: 1rem;
+  font-weight: 500;
+  margin: 0;
+`;
+var AccountCreationSubtext = styled9.p`
+  color: var(--color-text-secondary, #848e9c);
+  font-size: 0.8rem;
+  margin: 0;
+`;
+var SpinnerRing = styled9.div`
+  width: 40px;
+  height: 40px;
+  border: 3px solid rgba(230, 198, 86, 0.2);
+  border-top-color: var(--color-accent, #e6c656);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+
+  @keyframes spin {
+    to { transform: rotate(360deg); }
+  }
+`;
 LoginPopup.displayName = "LoginPopup";
 var PropertyCompareBar = React5.forwardRef(
   ({
@@ -8607,7 +8649,7 @@ function PropertyOverview({
   const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
   const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
   const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
-  const rawPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
+  const rawPropertyType = propertyTypeLabel ?? null;
   const resolvedPropertyType = rawPropertyType?.toLowerCase() === "house" ? "Residential" : rawPropertyType;
   const galleryImages = images ?? [];
   const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
@@ -8768,102 +8810,7 @@ function PropertyOverview({
               item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
               item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
               /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
-            ] }, i)) }),
-            /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
-              /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
-              /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
-                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
-                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
-                    e.target.style.display = "none";
-                  } }) }),
-                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
-                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
-                      "Boondabah ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
-                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$16.07M" }),
-                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
-                      e.target.style.display = "none";
-                    } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                      "Boondabah ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
-                        /* @__PURE__ */ jsx("span", { children: "$16.07M" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Land" }),
-                        /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Era" }),
-                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
-                      ] })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
-                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
-                    e.target.style.display = "none";
-                  } }) }),
-                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
-                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
-                      "Dobroyd ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
-                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$27.96M" }),
-                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
-                      e.target.style.display = "none";
-                    } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                      "Dobroyd ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
-                        /* @__PURE__ */ jsx("span", { children: "$27.96M" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Land" }),
-                        /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Era" }),
-                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
-                      ] })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            ] })
+            ] }, i)) })
           ] }),
           /* @__PURE__ */ jsxs(StatsColumn, { children: [
             /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -8983,47 +8930,6 @@ function PropertyOverview({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(MapCompRow, { children: [
-          /* @__PURE__ */ jsx(MapCompLeft, { children: /* @__PURE__ */ jsx(
-            GalleryMapSection,
-            {
-              images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-              categories: galleryCategories,
-              propertyLocation: location,
-              videoUrl,
-              tokenName,
-              onPhotoClick: onPhotosClick,
-              hideGallery: true,
-              hideSuburb: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(SuburbPanel, { children: [
-            /* @__PURE__ */ jsxs(SuburbPanelTitle, { children: [
-              "Suburb Profile (",
-              location.split(",")[0]?.trim() || location,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs(SuburbPanelGrid, { children: [
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "$5.5M" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "+42%" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "Top 1%" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "28" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(SuburbPanelDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
-          ] })
-        ] }),
         /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
           /* @__PURE__ */ jsxs(NarrativeCard, { children: [
             /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
@@ -9054,21 +8960,11 @@ function PropertyOverview({
           /* @__PURE__ */ jsx(THLabel, { children: "Hours (AEST)" }),
           /* @__PURE__ */ jsx(THLabel, { children: "Days" })
         ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
+        /* @__PURE__ */ jsxs(TradingHoursRow, { $last: true, children: [
           /* @__PURE__ */ jsx(THValue, { children: "Continuous Trading" }),
           /* @__PURE__ */ jsx(THValue, { children: "10:00 \u2013 16:00" }),
           /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
         ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
-          /* @__PURE__ */ jsx(THValue, { children: "After Hours" }),
-          /* @__PURE__ */ jsx(THValue, { children: "16:00 \u2013 20:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
-        ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { $last: true, children: [
-          /* @__PURE__ */ jsx(THValue, { children: "Pre-Market" }),
-          /* @__PURE__ */ jsx(THValue, { children: "07:00 \u2013 10:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
-        ] }),
         /* @__PURE__ */ jsx(TradingHoursNote, { children: "All times are Australian Eastern Standard Time (AEST/AEDT). Markets are closed on Australian public holidays." })
       ] })
     ] }),
@@ -9317,66 +9213,6 @@ var GallerySpecLeft = styled9.div`
   flex-direction: column;
   gap: 0.75rem;
 `;
-var MapCompRow = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 380px;
-  gap: 0.75rem;
-  margin-top: 0.75rem;
-  align-items: stretch;
-  @media (max-width: 900px) { grid-template-columns: 1fr; }
-`;
-var MapCompLeft = styled9.div`
-  min-width: 0;
-  overflow: hidden;
-`;
-var SuburbPanel = styled9.div`
-  background: #111111;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 12px;
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-`;
-var SuburbPanelTitle = styled9.div`
-  font-size: 0.65rem;
-  color: #D4AF37;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-  font-weight: 600;
-  padding-bottom: 0.75rem;
-  border-bottom: 1px solid rgba(255,255,255,0.06);
-`;
-var SuburbPanelGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.5rem;
-`;
-var SuburbPanelStat = styled9.div`
-  background: rgba(255,255,255,0.03);
-  border-radius: 6px;
-  padding: 0.5rem 0.65rem;
-  border: 1px solid rgba(255,255,255,0.04);
-`;
-var SuburbPanelStatLabel = styled9.div`
-  font-size: 0.6rem;
-  color: rgba(255,255,255,0.4);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  margin-bottom: 0.2rem;
-`;
-var SuburbPanelStatValue = styled9.div`
-  font-size: 0.9rem;
-  font-weight: 600;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-`;
-var SuburbPanelDesc = styled9.p`
-  margin: 0;
-  font-size: 0.75rem;
-  color: rgba(255,255,255,0.45);
-  line-height: 1.5;
-`;
 var AssetBentoNarratives = styled9.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -9751,182 +9587,6 @@ var TimelineHoldPeriod = styled9.span`
   color: rgba(255,255,255,0.25);
   font-weight: 400;
 `;
-var CompAssetsPanel = styled9.div`
-  background: #111111;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 12px;
-  padding: 0.75rem 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.35rem;
-`;
-var CompAssetsGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.5rem;
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-  }
-`;
-var CompAssetStrip = styled9.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  background: rgba(255,255,255,0.02);
-  border: 1px solid rgba(255,255,255,0.06);
-  border-radius: 10px;
-  padding: 0.6rem 1rem 0.6rem 0.6rem;
-  transition: border-color 0.2s, background 0.2s;
-  cursor: pointer;
-  &:hover {
-    border-color: rgba(212,175,55,0.3);
-    background: rgba(255,255,255,0.03);
-  }
-  &:hover > div:last-child {
-    display: block;
-  }
-`;
-var CompAssetStripImg = styled9.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
-  background: rgba(255,255,255,0.05);
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-`;
-var CompAssetStripInfo = styled9.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`;
-var CompAssetStripName = styled9.div`
-  font-size: 0.9rem;
-  font-weight: 600;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-`;
-var CompAssetStripAddr = styled9.div`
-  font-size: 0.72rem;
-  color: rgba(255,255,255,0.4);
-`;
-var CompAssetStripRight = styled9.div`
-  flex-shrink: 0;
-  text-align: right;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 2px;
-`;
-var CompAssetStripPrice = styled9.div`
-  font-size: 1rem;
-  font-weight: 700;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-`;
-var CompAssetStripGrowth = styled9.div`
-  font-size: 0.72rem;
-  font-weight: 500;
-  font-variant-numeric: tabular-nums;
-`;
-var CompAssetBadge = styled9.span`
-  font-size: 0.52rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #4ade80;
-  background: rgba(74,222,128,0.1);
-  border: 1px solid rgba(74,222,128,0.2);
-  padding: 1px 6px;
-  border-radius: 4px;
-  white-space: nowrap;
-`;
-var CompAssetTooltip = styled9.div`
-  display: none;
-  position: absolute;
-  bottom: calc(100% + 10px);
-  left: 50%;
-  transform: translateX(-50%);
-  width: 280px;
-  background: #1a1d24;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 8px;
-  padding: 0.75rem;
-  z-index: 100;
-  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
-  pointer-events: none;
-`;
-var CompAssetTooltipArrow = styled9.div`
-  position: absolute;
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
-  width: 8px;
-  height: 8px;
-  background: #1a1d24;
-  border-right: 1px solid rgba(255,255,255,0.1);
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-`;
-var CompAssetTooltipImg = styled9.div`
-  width: 100%;
-  height: 120px;
-  border-radius: 6px;
-  overflow: hidden;
-  margin-bottom: 0.6rem;
-  background: rgba(255,255,255,0.03);
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-`;
-var CompAssetTooltipTitle = styled9.div`
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  margin-bottom: 2px;
-`;
-var CompAssetTooltipAddr = styled9.div`
-  font-size: 0.65rem;
-  color: rgba(255,255,255,0.4);
-  margin-bottom: 0.5rem;
-`;
-var CompAssetTooltipStats = styled9.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-`;
-var CompAssetTooltipRow = styled9.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.3rem 0;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
-  &:last-child { border-bottom: none; }
-  span:first-child {
-    font-size: 0.7rem;
-    color: rgba(255,255,255,0.4);
-  }
-  span:last-child {
-    font-size: 0.75rem;
-    font-weight: 500;
-    color: #fff;
-    font-variant-numeric: tabular-nums;
-  }
-`;
 var FeaturesPanel = styled9.div`
   display: flex;
   flex-wrap: wrap;