@loafmarkets/ui 0.1.406 → 0.1.407

package/dist/index.mjs

@@ -7551,6 +7551,7 @@ var LoginPopup = ({
       ] })
     ] });
     if (gate) {
+      const codeAccepted = codeStatus === "valid";
       const showSignIn = signInMode || signInRevealed;
       return /* @__PURE__ */ jsxs(GateShell, { children: [
         /* @__PURE__ */ jsx(GateTint, { $reveal: showSignIn ? 1 : 0 }),
@@ -7576,30 +7577,35 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(CodeInputWrapper, { $status: codeStatus, children: [
               /* @__PURE__ */ jsx(CodePrefix, { children: CODE_PREFIX }),
-              codeInput
+              codeInput,
+              /* @__PURE__ */ jsx(
+                GateSubmit,
+                {
+                  type: "button",
+                  "aria-label": "Submit access code",
+                  $status: codeStatus,
+                  disabled: codeStatus === "checking" || !codeComplete,
+                  onClick: () => void runCodeValidation(referralCode),
+                  children: codeAccepted ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) }) : codeStatus === "checking" ? /* @__PURE__ */ jsx(GateSpinner, {}) : /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
+                }
+              )
             ] }),
             (codeStatus === "invalid" || error && !signInRevealed) && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error || "That code isn't valid. Double-check and try again." }),
-            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(GateResendText, { children: [
-                "Already have an account?",
-                " ",
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      setError("");
-                      setIsSignUp(false);
-                      setSignInMode(true);
-                    },
-                    children: "Sign in"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs(GateEarlyAccess, { href: "https://loafmarkets.com/?waitlist=1", children: [
-                "Signup for early access",
-                /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
-              ] })
+            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(GateResendText, { children: [
+              "Already have an account?",
+              " ",
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setError("");
+                    setIsSignUp(false);
+                    setSignInMode(true);
+                  },
+                  children: "Sign in"
+                }
+              )
             ] })
           ] })
         ] })
@@ -8222,33 +8228,6 @@ var GateResendText = styled10.p`
     font-size: inherit;
   }
 `;
-var GateEarlyAccess = styled10.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  margin-top: 0.15rem;
-  color: var(--color-text-secondary, #848e9c);
-  font-size: 0.8rem;
-  font-weight: 500;
-  letter-spacing: 0.02em;
-  text-decoration: none;
-  cursor: pointer;
-  transition: color 0.15s ease;
-
-  svg {
-    width: 13px;
-    height: 13px;
-    transition: transform 0.15s ease;
-  }
-
-  &:hover {
-    color: var(--color-accent, #E6C87E);
-  }
-
-  &:hover svg {
-    transform: translateX(3px);
-  }
-`;
 var GateSubmit = styled10.button`
   display: flex;
   align-items: center;
@@ -15459,7 +15438,11 @@ function PortfolioActivityPanel({
                 /* @__PURE__ */ jsx(CChevronWrap, { $open: ordExpanded, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
               ] }),
               ordExpanded && /* @__PURE__ */ jsxs(CExpandedWrap, { children: [
-                /* @__PURE__ */ jsxs(CDetailGrid, { children: [
+                /* @__PURE__ */ jsxs(CDetailGrid3, { children: [
+                  /* @__PURE__ */ jsxs(CDetailItem, { children: [
+                    /* @__PURE__ */ jsx(CDLabel, { children: "Order ID" }),
+                    /* @__PURE__ */ jsx(CDValue, { children: order.id > 0 ? `#${order.id}` : "\u2014" })
+                  ] }),
                   /* @__PURE__ */ jsxs(CDetailItem, { children: [
                     /* @__PURE__ */ jsx(CDLabel, { children: "Type" }),
                     /* @__PURE__ */ jsx(CDValue, { children: prettyLabel(order.type) })
@@ -15488,7 +15471,8 @@ function PortfolioActivityPanel({
               ] })
             ] }, `open-${order.id}`);
           }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+            /* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+              /* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Type" }),
@@ -15504,7 +15488,8 @@ function PortfolioActivityPanel({
               const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
               const isCancelling = cancellingOrderId === order.id;
               const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
-              return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+              return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+                /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(order.tokenName) : void 0, children: order.tokenName }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: prettyLabel(order.type) }) }),