@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.0

package/dist/investments/index.es.js

@@ -1,77 +1,87 @@
-import { J as ee, Pt as We, T as O, X as Fe, w as Ne } from "../core-BexP5oiV.mjs";
-import { An as Ee, Gn as Ge, i as ge, lr as Me, mr as M, sr as H, vr as Ue } from "../accounts-DkyAiLpg.mjs";
-import { n as je } from "../Analytics-BKzTPees.mjs";
-import { d as pe, h as J, n as ae, p as G, t as xe, v as U } from "../Loader-BlVzRtUd.mjs";
-import T, { useState as z } from "react";
-import { observer as R } from "mobx-react-lite";
-import f from "@mui/material/Stack";
-import { InstitutionLogo as te, P as Q, Text as o } from "@mxenabled/mxui";
-import He from "@mui/material/Button";
-import ne from "@mui/material/Paper";
-import { Icon as k } from "@mxenabled/mx-icons";
-import { Fragment as se, jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useTheme as X } from "@mui/material/styles";
-import ze from "@mui/material/Box";
-import Oe from "@mui/material/Tab";
-import Ve from "@mui/material/Tabs";
+import { jsxs as i, jsx as e, Fragment as le } from "react/jsx-runtime";
+import T, { useState as O } from "react";
+import { observer as $ } from "mobx-react-lite";
+import _ from "@mui/material/Stack";
+import Fe from "@mui/material/Tab";
+import Ee from "@mui/material/Tabs";
+import { C as pe } from "../ConnectionsDrawer-CZU9ku-k.mjs";
+import xe from "@mui/material/useMediaQuery";
+import Ne from "@mui/material/Box";
+import Me from "@mui/material/Collapse";
+import Y from "@mui/material/Divider";
+import ne from "@mui/material/List";
+import ie from "@mui/material/ListItem";
+import Ge from "@mui/material/ListItemButton";
 import ye from "@mui/material/ToggleButton";
-import ve from "@mui/material/ToggleButtonGroup";
-import fe from "@mui/material/useMediaQuery";
-import le from "@mui/material/IconButton";
-import { Stack as Re } from "@mui/material";
-import K from "@mui/material/Divider";
-import $e from "@mui/material/Tooltip";
-import ie from "@mui/material/List";
-import oe from "@mui/material/ListItem";
-import Pe from "@mui/material/ListItemButton";
-import qe from "@mui/material/ListItemText";
-import be from "@mui/material/TextField";
+import fe from "@mui/material/ToggleButtonGroup";
+import { Text as o, P as X, InstitutionLogo as oe } from "@mxenabled/mxui";
+import Ue from "@mui/material/Button";
+import { u as N, f as ve, v as U, a as J, c as ce } from "../hooks-97sNJ_lf.mjs";
+import { A as z } from "../Analytics-WeZYytR0.mjs";
+import { f as re, a as je } from "../NumberFormatting--XMeeBfr.mjs";
+import { u as j } from "../useScreenSize-mWpmnh5w.mjs";
+import { useTheme as Z } from "@mui/material/styles";
+import { Icon as B } from "@mxenabled/mx-icons";
+import { D as He } from "../Donut-SzzfZDHF.mjs";
+import { f as ze, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
+import Oe from "@mui/material/ListItemText";
+import de from "@mui/material/IconButton";
+import Ve from "@mui/material/Tooltip";
+import be from "@mui/material/Accordion";
+import _e from "@mui/material/AccordionDetails";
+import we from "@mui/material/AccordionSummary";
+import se from "@mui/material/Paper";
 import p from "@mui/system/Stack";
-import { DataGridPro as Ke } from "@mui/x-data-grid-pro";
-import Ye from "@mui/material/Collapse";
-import _e from "@mui/material/Accordion";
-import we from "@mui/material/AccordionDetails";
-import Ce from "@mui/material/AccordionSummary";
-var ce = ({ sx: n = {} }) => {
-  const { investments: g } = G(), { onEvent: c } = pe(), { setShowConnectionsWidget: m } = U();
-  return /* @__PURE__ */ i(f, {
-    sx: {
-      alignItems: "center",
-      gap: 24,
-      height: 164,
-      p: 24,
-      width: "100%",
-      ...n
-    },
-    children: [/* @__PURE__ */ i(f, {
-      className: "inner-container",
-      sx: {
-        alignItems: "center",
-        gap: 8,
-        width: "100%",
-        textAlign: "center"
-      },
-      children: [/* @__PURE__ */ e(o, {
-        sx: { fontWeight: 600 },
-        variant: "body1",
-        children: g.overview.investment_accounts_footer
-      }), /* @__PURE__ */ e(o, {
+import Ce from "@mui/material/TextField";
+import { D as Re } from "../Drawer-DsnW2o0v.mjs";
+import { DataGridPro as $e } from "@mui/x-data-grid-pro";
+import { Stack as Pe } from "@mui/material";
+import { L as De } from "../Loader-CxeBwuPG.mjs";
+import { u as qe } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { W as Ke } from "../WidgetContainer-DJnp6t6c.mjs";
+import { c as Ye } from "../Account-DR7Plrqy.mjs";
+import { E as Qe } from "../EmptyState-CJUDc3kD.mjs";
+const me = ({ sx: t = {} }) => {
+  const { investments: u } = N(), { onEvent: c } = ve(), { setShowConnectionsWidget: m } = U();
+  return /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 24, height: 164, p: 24, width: "100%", ...t }, children: [
+    /* @__PURE__ */ i(
+      _,
+      {
+        className: "inner-container",
         sx: {
-          color: "text.secondary",
-          fontWeight: 400
+          alignItems: "center",
+          gap: 8,
+          width: "100%",
+          textAlign: "center"
         },
-        variant: "subtitle2",
-        children: g.overview.connect_more_accounts_description
-      })]
-    }), /* @__PURE__ */ e(He, {
-      onClick: () => {
-        m(!0), c(H.ACCOUNTS_CLICK_CONNECT);
-      },
-      sx: { fontWeight: 600 },
-      variant: "outlined",
-      children: g.overview.connect_accounts
-    })]
-  });
+        children: [
+          /* @__PURE__ */ e(o, { sx: { fontWeight: 600 }, variant: "body1", children: u.overview.investment_accounts_footer }),
+          /* @__PURE__ */ e(
+            o,
+            {
+              sx: {
+                color: "text.secondary",
+                fontWeight: 400
+              },
+              variant: "subtitle2",
+              children: u.overview.connect_more_accounts_description
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ue,
+      {
+        onClick: () => {
+          m(!0), c(z.ACCOUNTS_CLICK_CONNECT);
+        },
+        sx: { fontWeight: 600 },
+        variant: "outlined",
+        children: u.overview.connect_accounts
+      }
+    )
+  ] });
 }, Je = {
   allocations_cash: "#AEDCCC",
   allocations_convertible: "#80CAD0",
@@ -82,943 +92,917 @@ var ce = ({ sx: n = {} }) => {
   allocations_unknown: "#161D6A",
   allocations_us_bond: "#254995",
   allocations_us_stock: "#1E2D84"
-}, Qe = [
-  { name: "allocations_cash" },
-  { name: "allocations_convertible" },
-  { name: "allocations_foreign_bond" },
-  { name: "allocations_foreign_stock" },
-  { name: "allocations_other" },
-  { name: "allocations_preferred" },
-  { name: "allocations_us_bond" },
-  { name: "allocations_us_stock" },
-  { name: "allocations_unknown" }
-], Xe = (n, g, c) => {
-  const m = c === void 0 ? 0 : g, v = c === void 0 ? g : c;
-  return n >= Math.min(m, v) && n < Math.max(m, v);
-}, Ze = (n, g, c) => {
-  const m = [...new Set(n.map((y) => y.name.toLowerCase()))];
-  let v;
-  return m.map((y) => {
-    const u = n.reduce((l, h) => {
-      const x = h.name;
-      return x.toLowerCase() === y ? (v = x, Y(h) * h[g] / 100 + l) : l;
+}, Xe = [
+  {
+    name: "allocations_cash"
+  },
+  {
+    name: "allocations_convertible"
+  },
+  {
+    name: "allocations_foreign_bond"
+  },
+  {
+    name: "allocations_foreign_stock"
+  },
+  {
+    name: "allocations_other"
+  },
+  {
+    name: "allocations_preferred"
+  },
+  {
+    name: "allocations_us_bond"
+  },
+  {
+    name: "allocations_us_stock"
+  },
+  {
+    name: "allocations_unknown"
+  }
+], Ze = (t, u, c) => {
+  const m = u, f = c;
+  return t >= Math.min(m, f) && t < Math.max(m, f);
+}, et = (t, u, c) => {
+  const m = [
+    ...new Set(t.map((d) => d.name.toLowerCase()))
+  ];
+  let f;
+  return m.map((d) => {
+    const l = t.reduce((x, h) => {
+      const b = h.name;
+      return b.toLowerCase() === d ? (f = b, Q(h) * h[u] / 100 + x) : x;
     }, 0);
     return {
-      displayName: v,
-      name: v,
-      value: u,
-      percentage: u / c
+      displayName: f,
+      name: f,
+      value: l,
+      percentage: l / c
     };
   });
-}, Y = (n) => n.calculated_market_value ? n.calculated_market_value : n.market_value, et = (n, g, c) => {
-  const m = Object.values(g.allocations_list), v = [];
-  let y = 0;
-  const u = n.map(({ guid: t }) => t), l = c.filter(({ account_guid: t }) => u.includes(t)).map((t) => ({
-    ...t,
-    name: t.symbol || t.description,
-    gainLoss: t.cost_basis || t.cost_basis === 0 ? Y(t) - t.cost_basis : 0
-  })), { cashBalance: h, totalAccountBalance: x } = n.reduce((t, d) => ({
-    cashBalance: t.cashBalance + (d.cash_balance || 0),
-    totalAccountBalance: t.totalAccountBalance + (d.balance || 0)
-  }), {
-    cashBalance: 0,
-    totalAccountBalance: 0
-  }), { marketValue: _, totalGainLoss: a } = l.reduce((t, d) => ({
-    marketValue: t.marketValue + Y(d),
-    totalGainLoss: t.totalGainLoss + d.gainLoss
-  }), {
-    marketValue: 0,
-    totalGainLoss: 0
-  }), r = _ + h;
-  return Qe.forEach((t, d) => {
-    const D = l.filter((I) => !!I[t.name]);
-    let w = D.reduce((I, B) => I + Y(B) * B[t.name] / 100, 0);
-    const L = Ze(D, t.name, w);
-    if (t.name === "allocations_cash" && h > 0) {
-      w += h;
-      const I = {
-        displayName: g.cash_balance_display_name,
+}, Q = (t) => t.calculated_market_value ? t.calculated_market_value : t.market_value, tt = (t, u, c) => {
+  const m = Object.values(u.allocations_list), f = [];
+  let v = 0;
+  const d = t.map(({ guid: n }) => n), l = c.filter(({ account_guid: n }) => d.includes(n)).map((n) => ({
+    ...n,
+    name: n.symbol || n.description,
+    gainLoss: n.cost_basis || n.cost_basis === 0 ? Q(n) - n.cost_basis : 0
+  })), { cashBalance: x, totalAccountBalance: h } = t.reduce(
+    (n, g) => ({
+      cashBalance: n.cashBalance + (g.cash_balance || 0),
+      totalAccountBalance: n.totalAccountBalance + (g.balance || 0)
+    }),
+    { cashBalance: 0, totalAccountBalance: 0 }
+  ), { marketValue: b, totalGainLoss: s } = l.reduce(
+    (n, g) => ({
+      marketValue: n.marketValue + Q(g),
+      totalGainLoss: n.totalGainLoss + g.gainLoss
+    }),
+    { marketValue: 0, totalGainLoss: 0 }
+  ), y = b + x;
+  Xe.forEach((n, g) => {
+    const C = l.filter(
+      (W) => !!W[n.name]
+    );
+    let D = C.reduce(
+      (W, A) => W + Q(A) * A[n.name] / 100,
+      0
+    );
+    const k = et(
+      C,
+      n.name,
+      D
+    );
+    if (n.name === "allocations_cash" && x > 0) {
+      D += x;
+      const W = {
+        displayName: u.cash_balance_display_name,
         name: "allocations_name",
-        value: h,
-        percentage: h / r
+        value: x,
+        percentage: x / y
       };
-      L.push(I);
+      k.push(W);
     }
-    w > 0 && (v.push({
-      name: t.name,
-      displayName: m[d],
-      guid: `${t.name}-${d}`,
-      holdings: L,
-      percentage: w / r,
-      value: w,
-      color: Je[t.name]
-    }), y += w);
-  }), {
-    investmentsData: v,
-    donutData: v.map(({ displayName: t, guid: d, color: D, value: w }) => ({
-      id: d,
-      color: D,
-      label: t,
-      value: w / y * 100
-    })),
-    totalAmount: y,
-    totalGainLoss: a,
-    totalMarketValue: r,
-    totalGainLossPercentage: a / x
+    D > 0 && (f.push({
+      name: n.name,
+      displayName: m[g],
+      guid: `${n.name}-${g}`,
+      holdings: k,
+      percentage: D / y,
+      value: D,
+      color: Je[n.name]
+    }), v += D);
+  });
+  const r = f.map(
+    ({ displayName: n, guid: g, color: C, value: D }) => ({
+      id: g,
+      color: C,
+      label: n,
+      value: D / v * 100
+    })
+  );
+  return {
+    investmentsData: f,
+    donutData: r,
+    totalAmount: v,
+    totalGainLoss: s,
+    totalMarketValue: y,
+    totalGainLossPercentage: s / h
   };
-}, re = (n) => n < 1e-3 ? "< 0.1%" : Fe(n), V = (n) => n === 0 ? ee(n, "0,0.00") : Xe(n, -0.01, 0.01) ? "< $0.01" : ee(n, "0,0.00"), tt = ({ data: n, onSelected: g, selectedId: c, selectedTabs: m, setSelectedTabs: v }) => {
-  const y = (a, r) => {
-    r !== null && v(r);
-  }, { isMobile: u } = M(), { investments: { allocation: l } } = G(), h = [{
-    label: l.tabs_label_dollar,
-    value: 0
-  }, {
-    label: l.tabs_label_percent,
-    value: 1
-  }], x = !n?.investmentsData.length, { isSmallMobile: _ } = M();
-  return /* @__PURE__ */ i(f, {
-    sx: {
-      mt: 15,
-      gap: 12,
-      width: u ? 250 : 412
-    },
-    children: [
-      /* @__PURE__ */ e(ve, {
+}, ae = (t) => t < 1e-3 ? "< 0.1%" : je(t), R = (t) => t === 0 ? re(t, "0,0.00") : Ze(t, -0.01, 0.01) ? "< $0.01" : re(t, "0,0.00"), nt = ({
+  data: t,
+  onSelected: u,
+  selectedId: c,
+  selectedTabs: m,
+  setSelectedTabs: f
+}) => {
+  const v = (s, y) => {
+    y !== null && f(y);
+  }, { isMobile: d } = j(), {
+    investments: { allocation: l }
+  } = N(), x = [
+    { label: l.tabs_label_dollar, value: 0 },
+    { label: l.tabs_label_percent, value: 1 }
+  ], h = !t?.investmentsData.length, { isSmallMobile: b } = j();
+  return /* @__PURE__ */ i(_, { sx: { mt: 15, gap: 12, width: d ? 250 : 412 }, children: [
+    /* @__PURE__ */ e(
+      fe,
+      {
         exclusive: !0,
         fullWidth: !0,
-        onChange: y,
-        value: x ? -1 : m,
-        children: h.map(({ label: a, value: r }) => /* @__PURE__ */ e(ye, {
-          color: "primary",
-          value: r,
-          children: /* @__PURE__ */ e(o, {
-            bold: !0,
-            textTransform: "capitalize",
-            variant: "body1",
-            children: a
-          })
-        }, a))
-      }),
-      /* @__PURE__ */ e(ie, {
-        sx: { px: 12 },
-        children: n.investmentsData.map((a) => /* @__PURE__ */ i(T.Fragment, { children: [
-          /* @__PURE__ */ e(oe, {
-            disableGutters: !0,
-            disablePadding: !0,
-            sx: { minHeight: 44 },
-            children: /* @__PURE__ */ i(Pe, {
-              "aria-expanded": c === a.guid,
-              onClick: () => g(a.guid),
-              sx: {
-                minHeight: 44,
-                px: 12,
-                py: 0
-              },
-              children: [/* @__PURE__ */ e(ze, {
-                borderRadius: 4,
-                flexShrink: 0,
-                height: 8,
-                sx: {
-                  backgroundColor: a.color,
-                  mr: 8
-                },
-                width: 8
-              }), /* @__PURE__ */ i(f, {
-                alignItems: "center",
-                direction: "row",
-                justifyContent: "space-between",
-                width: "100%",
-                children: [/* @__PURE__ */ e(o, {
-                  bold: c === a.guid,
-                  children: a.displayName
-                }), /* @__PURE__ */ e(o, {
-                  bold: c === a.guid,
-                  variant: "body1",
-                  children: m === 0 ? V(a.value) : re(a.percentage)
-                })]
-              })]
-            })
-          }),
-          /* @__PURE__ */ e(K, {}),
-          a.holdings && a.holdings.length > 0 && /* @__PURE__ */ e(Ye, {
-            in: c === a.guid,
-            unmountOnExit: !0,
-            children: /* @__PURE__ */ i(ie, { children: [a?.holdings?.map((r) => /* @__PURE__ */ e(oe, {
-              sx: {
-                pl: 24,
-                pr: 8,
-                py: 0
-              },
-              children: /* @__PURE__ */ i(f, {
-                direction: "row",
-                justifyContent: "space-between",
-                width: "100%",
-                children: [/* @__PURE__ */ i(o, { children: [r.displayName, " "] }), /* @__PURE__ */ e(o, { children: m === 0 ? V(r.value) : re(r.percentage) })]
-              })
-            }, r.displayName)), /* @__PURE__ */ e(K, {})] })
-          })
-        ] }, a.guid))
-      }),
-      x ? /* @__PURE__ */ i(se, { children: [
-        /* @__PURE__ */ e(o, {
+        onChange: v,
+        value: h ? -1 : m,
+        children: x.map(({ label: s, value: y }) => /* @__PURE__ */ e(ye, { color: "primary", value: y, children: /* @__PURE__ */ e(o, { bold: !0, textTransform: "capitalize", variant: "body1", children: s }) }, s))
+      }
+    ),
+    /* @__PURE__ */ e(ne, { sx: { px: 12 }, children: t.investmentsData.map((s) => /* @__PURE__ */ i(T.Fragment, { children: [
+      /* @__PURE__ */ e(
+        ie,
+        {
+          disableGutters: !0,
+          disablePadding: !0,
           sx: {
-            color: "secondary.main",
-            p: 8,
-            textAlign: "center"
+            minHeight: 44
           },
-          children: l.empty_data
-        }),
-        /* @__PURE__ */ e(K, {}),
-        /* @__PURE__ */ e(ce, { sx: { ".inner-container": { width: _ ? "100%" : 364 } } })
-      ] }) : m === 0 && /* @__PURE__ */ e(o, {
-        bold: !0,
-        sx: {
-          textAlign: "right",
-          pr: 24
-        },
-        children: `${l.total_label_text} ${V(n.totalAmount)}`
-      })
-    ]
-  });
-}, nt = ({ data: n, hoveredId: g, isPercentage: c, onMouseEnter: m, onMouseLeave: v, onSelected: y, selectedId: u, size: l = 150, totalLabel: h }) => {
-  const x = X(), _ = x.palette.mode === "dark", a = T.useMemo(() => u ? n.investmentsData.find(({ guid: I }) => I === u) : void 0, [u]), { investments: { allocation: r } } = G(), t = T.useMemo(() => n.donutData.length > 0 ? n.donutData : [{
-    id: "0",
-    color: x.palette.neutral.light,
-    value: 100
-  }], [n, x]), d = _ ? "#0AC295" : "#09A57F", D = _ ? "grey.300" : "grey.700", w = () => a ? r.pie_chart_centered_click_for_details : c ? re(n.totalGainLossPercentage) : V(n.totalGainLoss), L = n.totalGainLoss >= 0 ? d : D;
-  return /* @__PURE__ */ e(Ue, {
-    data: t,
-    hoveredId: g,
-    onClick: y,
-    onMouseEnter: m,
-    onMouseLeave: v,
-    selectedId: u,
-    size: l,
-    children: /* @__PURE__ */ e(f, {
-      alignItems: "center",
-      height: "100%",
-      justifyContent: "center",
-      width: "100%",
-      children: /* @__PURE__ */ e(f, {
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: l,
-        minWidth: l,
-        children: /* @__PURE__ */ i(f, {
-          alignItems: "center",
-          sx: {
-            gap: {
-              xs: 4,
-              xl: 8
-            },
-            mb: {
-              xs: 4,
-              xl: 8
+          children: /* @__PURE__ */ i(
+            Ge,
+            {
+              "aria-expanded": c === s.guid,
+              onClick: () => u(s.guid),
+              sx: { minHeight: 44, px: 12, py: 0 },
+              children: [
+                /* @__PURE__ */ e(
+                  Ne,
+                  {
+                    borderRadius: 4,
+                    flexShrink: 0,
+                    height: 8,
+                    sx: { backgroundColor: s.color, mr: 8 },
+                    width: 8
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  _,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "space-between",
+                    width: "100%",
+                    children: [
+                      /* @__PURE__ */ e(o, { bold: c === s.guid, children: s.displayName }),
+                      /* @__PURE__ */ e(o, { bold: c === s.guid, variant: "body1", children: m === 0 ? R(s.value) : ae(s.percentage) })
+                    ]
+                  }
+                )
+              ]
             }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(Y, {}),
+      s.holdings && s.holdings.length > 0 && /* @__PURE__ */ e(Me, { in: c === s.guid, unmountOnExit: !0, children: /* @__PURE__ */ i(ne, { children: [
+        s?.holdings?.map((y) => /* @__PURE__ */ e(
+          ie,
+          {
+            sx: {
+              pl: 24,
+              pr: 8,
+              py: 0
+            },
+            children: /* @__PURE__ */ i(_, { direction: "row", justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ i(o, { children: [
+                y.displayName,
+                " "
+              ] }),
+              /* @__PURE__ */ e(o, { children: m === 0 ? R(y.value) : ae(y.percentage) })
+            ] })
           },
-          children: [
-            /* @__PURE__ */ e(o, {
-              color: "text.secondary",
-              noWrap: !0,
-              children: a?.displayName ?? h
-            }),
-            /* @__PURE__ */ e(Q, {
-              color: "text.primary",
-              variant: "h1",
-              children: V(a?.value ?? n.totalMarketValue)
-            }),
-            /* @__PURE__ */ i(f, {
+          y.displayName
+        )),
+        /* @__PURE__ */ e(Y, {})
+      ] }) })
+    ] }, s.guid)) }),
+    h ? /* @__PURE__ */ i(le, { children: [
+      /* @__PURE__ */ e(o, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: l.empty_data }),
+      /* @__PURE__ */ e(Y, {}),
+      /* @__PURE__ */ e(
+        me,
+        {
+          sx: {
+            ".inner-container": { width: b ? "100%" : 364 }
+          }
+        }
+      )
+    ] }) : m === 0 && /* @__PURE__ */ e(o, { bold: !0, sx: { textAlign: "right", pr: 24 }, children: `${l.total_label_text} ${R(t.totalAmount)}` })
+  ] });
+}, it = ({
+  data: t,
+  hoveredId: u,
+  isPercentage: c,
+  onMouseEnter: m,
+  onMouseLeave: f,
+  onSelected: v,
+  selectedId: d,
+  size: l = 150,
+  totalLabel: x
+}) => {
+  const h = Z(), b = h.palette.mode === "dark", s = T.useMemo(
+    () => d ? t.investmentsData.find(({ guid: k }) => k === d) : void 0,
+    [d]
+  ), {
+    investments: { allocation: y }
+  } = N(), r = T.useMemo(() => t.donutData.length > 0 ? t.donutData : [{ id: "0", color: h.palette.neutral.light, value: 100 }], [t, h]), n = b ? "#0AC295" : "#09A57F", g = b ? "grey.300" : "grey.700", C = () => s ? y.pie_chart_centered_click_for_details : c ? ae(t.totalGainLossPercentage) : R(t.totalGainLoss), D = t.totalGainLoss >= 0 ? n : g;
+  return /* @__PURE__ */ e(
+    He,
+    {
+      data: r,
+      hoveredId: u,
+      onClick: v,
+      onMouseEnter: m,
+      onMouseLeave: f,
+      selectedId: d,
+      size: l,
+      children: /* @__PURE__ */ e(_, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ e(_, { alignItems: "center", justifyContent: "center", minHeight: l, minWidth: l, children: /* @__PURE__ */ i(_, { alignItems: "center", sx: { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }, children: [
+        /* @__PURE__ */ e(o, { color: "text.secondary", noWrap: !0, children: s?.displayName ?? x }),
+        /* @__PURE__ */ e(X, { color: "text.primary", variant: "h1", children: R(s?.value ?? t.totalMarketValue) }),
+        /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+          !s && /* @__PURE__ */ e(
+            B,
+            {
+              name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
+              size: 20,
+              sx: { color: D }
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
               sx: {
-                alignItems: "center",
-                flexDirection: "row",
-                gap: 4
+                color: D,
+                fontWeight: 700
               },
-              children: [!a && /* @__PURE__ */ e(k, {
-                name: n.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-                size: 20,
-                sx: { color: L }
-              }), /* @__PURE__ */ e(o, {
-                sx: {
-                  color: L,
-                  fontWeight: 700
-                },
-                variant: "body2",
-                children: w()
-              })]
-            })
-          ]
-        })
-      })
-    })
-  });
-}, it = () => {
-  const [n, g] = T.useState(0), [c, m] = T.useState(""), [v, y] = T.useState(""), u = (d) => {
-    c !== d ? m(d) : (m(""), y(""));
-  }, { selectedAccountGuids: l } = J(), { visibleHoldings: h } = U(), { visibleInvestmentAccounts: x } = ae(), { investments: { allocation: _ } } = G(), a = et(x.filter(({ guid: d }) => l.includes(d)), _, h), { isMobile: r } = M(), t = fe("(max-width:768px)");
-  return /* @__PURE__ */ i(f, {
-    alignItems: t ? "center" : "flex-start",
-    direction: t ? "column" : "row",
-    gap: {
-      xs: 16,
-      md: 64,
-      xl: 100
-    },
-    sx: {
-      justifyContent: "center",
-      mt: 50,
-      width: "100%"
-    },
-    children: [/* @__PURE__ */ e(nt, {
-      data: a,
-      hoveredId: v,
-      isPercentage: n === 1,
-      onMouseEnter: (d) => {
-        c === d ? y("") : c || y(d);
-      },
-      onMouseLeave: () => {
-        y("");
-      },
-      onSelected: u,
-      selectedId: c,
-      size: r ? 280 : 400,
-      totalLabel: _.pie_chart_centered_text
-    }), /* @__PURE__ */ e(tt, {
-      data: a,
-      onSelected: u,
-      selectedId: c,
-      selectedTabs: n,
-      setSelectedTabs: g
-    })]
-  });
-}, ot = R(it), rt = ({ analysisDetails: n, analysisType: g, copy: c, setAnalysisType: m }) => {
-  const { isSmallMobile: v } = M(), y = T.useMemo(() => Object.keys(n).filter((l) => n[l] >= 1).map((l) => ({
-    key: l,
-    value: ee(n[l], "0,0"),
-    formattedKey: Ne(l)
-  })), [n]), u = [{
-    label: c.equities,
-    value: O.Stocks
-  }, {
-    label: c.bonds,
-    value: O.Bonds
-  }];
-  return /* @__PURE__ */ i(f, {
-    sx: {
-      gap: 12,
-      width: { md: 412 }
-    },
-    children: [/* @__PURE__ */ e(ve, {
-      color: "primary",
-      exclusive: !0,
-      onChange: (l, h) => h && m(h),
-      sx: {
-        width: "100%",
-        "& .MuiToggleButton-root": {
-          color: "secondary.main",
-          fontWeight: 600,
-          textTransform: "capitalize"
-        }
-      },
-      value: y.length ? g : -1,
-      children: u.map(({ label: l, value: h }) => /* @__PURE__ */ e(ye, {
-        sx: { width: "100%" },
-        value: h,
-        children: l
-      }, h))
-    }), y.length ? /* @__PURE__ */ e(ie, {
+              variant: "body2",
+              children: C()
+            }
+          )
+        ] })
+      ] }) }) })
+    }
+  );
+}, ot = () => {
+  const [t, u] = T.useState(0), [c, m] = T.useState(""), [f, v] = T.useState(""), d = (n) => {
+    c !== n ? m(n) : (m(""), v(""));
+  }, { selectedAccountGuids: l } = J(), { visibleHoldings: x } = U(), { visibleInvestmentAccounts: h } = ce(), {
+    investments: { allocation: b }
+  } = N(), s = tt(
+    h.filter(({ guid: n }) => l.includes(n)),
+    b,
+    x
+  ), { isMobile: y } = j(), r = xe("(max-width:768px)");
+  return /* @__PURE__ */ i(
+    _,
+    {
+      alignItems: r ? "center" : "flex-start",
+      direction: r ? "column" : "row",
+      gap: { xs: 16, md: 64, xl: 100 },
       sx: {
-        "& .MuiListItemSecondaryAction-root": { pr: 12 },
-        "& .MuiListItem-divider": { borderColor: "neutral.light" },
-        "& .MuiListItem-root": {
-          minHeight: 44,
-          px: 12
-        }
+        justifyContent: "center",
+        mt: 50,
+        width: "100%"
       },
-      children: y.map(({ value: l, formattedKey: h }) => /* @__PURE__ */ e(oe, {
-        divider: !0,
-        secondaryAction: /* @__PURE__ */ e(o, { children: l }),
-        children: /* @__PURE__ */ e(qe, {
-          primary: h,
-          slotProps: { primary: { fontStyle: "normal" } }
-        })
-      }, h))
-    }) : /* @__PURE__ */ i(se, { children: [
-      /* @__PURE__ */ e(o, {
+      children: [
+        /* @__PURE__ */ e(
+          it,
+          {
+            data: s,
+            hoveredId: f,
+            isPercentage: t === 1,
+            onMouseEnter: (n) => {
+              c === n ? v("") : c || v(n);
+            },
+            onMouseLeave: () => {
+              v("");
+            },
+            onSelected: d,
+            selectedId: c,
+            size: y ? 280 : 400,
+            totalLabel: b.pie_chart_centered_text
+          }
+        ),
+        /* @__PURE__ */ e(
+          nt,
+          {
+            data: s,
+            onSelected: d,
+            selectedId: c,
+            selectedTabs: t,
+            setSelectedTabs: u
+          }
+        )
+      ]
+    }
+  );
+}, rt = $(ot), st = ({
+  analysisDetails: t,
+  analysisType: u,
+  copy: c,
+  setAnalysisType: m
+}) => {
+  const { isSmallMobile: f } = j(), v = T.useMemo(() => Object.keys(t).filter((l) => t[l] >= 1).map((l) => ({
+    key: l,
+    value: re(t[l], "0,0"),
+    formattedKey: ze(l)
+  })), [t]), d = [
+    { label: c.equities, value: V.Stocks },
+    { label: c.bonds, value: V.Bonds }
+  ];
+  return /* @__PURE__ */ i(_, { sx: { gap: 12, width: { md: 412 } }, children: [
+    /* @__PURE__ */ e(
+      fe,
+      {
+        color: "primary",
+        exclusive: !0,
+        onChange: (l, x) => x && m(x),
         sx: {
-          color: "secondary.main",
-          p: 8,
-          textAlign: "center"
+          width: "100%",
+          "& .MuiToggleButton-root": {
+            color: "secondary.main",
+            fontWeight: 600,
+            textTransform: "capitalize"
+          }
         },
-        children: c.empty_data
-      }),
-      /* @__PURE__ */ e(K, { sx: { borderColor: "neutral.light" } }),
-      /* @__PURE__ */ e(ce, { sx: { ".inner-container": { width: v ? "100%" : 364 } } })
-    ] })]
-  });
-}, at = ({ body: n, title: g }) => /* @__PURE__ */ i(f, {
-  sx: {
-    gap: 4,
-    p: 12
-  },
-  children: [/* @__PURE__ */ e(o, {
-    bold: !0,
-    variant: "body1",
-    children: g
-  }), /* @__PURE__ */ e(Q, {
-    variant: "subtitle2",
-    children: n
-  })]
-}), st = ({ placement: n = "bottom", tooltip_info_body: g, tooltip_info_title: c }) => /* @__PURE__ */ e($e, {
-  enterTouchDelay: 500,
-  placement: n,
-  title: /* @__PURE__ */ e(at, {
-    body: g,
-    title: c
-  }),
-  children: /* @__PURE__ */ e(le, {
-    "aria-label": c,
-    sx: {
-      minHeight: 0,
-      minWidth: 0,
-      p: 0
-    },
-    children: /* @__PURE__ */ e(k, {
-      name: "info",
-      sx: { color: "info.main" }
-    })
-  })
-}), lt = () => {
-  const { investments: { analysis: n } } = G(), { analysisChartData: g, analysisDetails: c, analysisType: m, setAnalysisType: v } = U(), y = fe("(min-width:320px) and (max-width:375px)"), { isMobile: u } = M(), l = X().palette.mode === "dark", { cellDimension: h, columns: x, rows: _, textVariant: a } = T.useMemo(() => {
-    const r = m === O.Stocks, t = Object.values(r ? n.stock_column_labels : n.bond_column_labels), d = Object.values(r ? n.stock_row_labels : n.bond_row_labels);
-    return {
-      cellDimension: u ? 72 : 100,
-      columns: t,
-      rows: d,
-      textVariant: u ? "caption" : "body1"
-    };
-  }, [
-    n,
-    u,
-    m
-  ]);
-  return /* @__PURE__ */ i(f, {
-    sx: {
-      flexDirection: { md: "row" },
-      gap: u ? 48 : 64,
-      justifyContent: "center",
-      pt: 48,
-      px: 16
-    },
-    children: [/* @__PURE__ */ i(f, {
-      sx: {
-        alignItems: "center",
-        flexDirection: "row",
-        justifyContent: "center",
-        pr: { lg: 72 }
-      },
-      children: [/* @__PURE__ */ i(f, {
+        value: v.length ? u : -1,
+        children: d.map(({ label: l, value: x }) => /* @__PURE__ */ e(ye, { sx: { width: "100%" }, value: x, children: l }, x))
+      }
+    ),
+    v.length ? /* @__PURE__ */ e(
+      ne,
+      {
         sx: {
-          alignItems: "center",
-          bottom: u ? 10 : 24,
-          gap: u ? 0 : 24,
-          position: "relative",
-          transform: "rotate(-180deg)",
-          writingMode: "vertical-rl"
+          "& .MuiListItemSecondaryAction-root": { pr: 12 },
+          "& .MuiListItem-divider": { borderColor: "neutral.light" },
+          "& .MuiListItem-root": { minHeight: 44, px: 12 }
         },
-        children: [/* @__PURE__ */ e(Q, {
-          bold: !0,
-          color: "secondary.main",
-          variant: a,
-          children: m === O.Stocks ? n.market_capitalization : n.credit_quality
-        }), /* @__PURE__ */ e(f, {
+        children: v.map(({ value: l, formattedKey: x }) => /* @__PURE__ */ e(ie, { divider: !0, secondaryAction: /* @__PURE__ */ e(o, { children: l }), children: /* @__PURE__ */ e(
+          Oe,
+          {
+            primary: x,
+            slotProps: { primary: { fontStyle: "normal" } }
+          }
+        ) }, x))
+      }
+    ) : /* @__PURE__ */ i(le, { children: [
+      /* @__PURE__ */ e(o, { sx: { color: "secondary.main", p: 8, textAlign: "center" }, children: c.empty_data }),
+      /* @__PURE__ */ e(Y, { sx: { borderColor: "neutral.light" } }),
+      /* @__PURE__ */ e(
+        me,
+        {
           sx: {
-            flexDirection: "row",
-            height: u ? 224 : 308,
-            justifyContent: "space-around"
-          },
-          children: x.map((r) => /* @__PURE__ */ e(o, {
-            sx: {
-              color: "secondary.main",
-              pl: 12,
-              pr: u ? 4 : 0
-            },
-            variant: a,
-            children: r
-          }, r))
-        })]
-      }), /* @__PURE__ */ i(f, {
-        sx: { gap: 4 },
-        children: [
-          /* @__PURE__ */ i(f, {
-            sx: {
-              alignSelf: y ? "start" : "center",
-              flexDirection: "row",
-              gap: 8,
-              pb: 12
-            },
-            children: [/* @__PURE__ */ e(o, {
-              bold: !0,
-              children: n.invest_analysis
-            }), /* @__PURE__ */ e(st, {
-              tooltip_info_body: n.tooltip_info_body,
-              tooltip_info_title: n.tooltip_info_title
-            })]
-          }),
-          g.map((r, t, d) => /* @__PURE__ */ e(f, {
+            ".inner-container": { width: f ? "100%" : 364 }
+          }
+        }
+      )
+    ] })
+  ] });
+}, at = ({ body: t, title: u }) => /* @__PURE__ */ i(_, { sx: { gap: 4, p: 12 }, children: [
+  /* @__PURE__ */ e(o, { bold: !0, variant: "body1", children: u }),
+  /* @__PURE__ */ e(X, { variant: "subtitle2", children: t })
+] }), lt = ({
+  placement: t = "bottom",
+  tooltip_info_body: u,
+  tooltip_info_title: c
+}) => /* @__PURE__ */ e(
+  Ve,
+  {
+    enterTouchDelay: 500,
+    placement: t,
+    title: /* @__PURE__ */ e(at, { body: u, title: c }),
+    children: /* @__PURE__ */ e(de, { "aria-label": c, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ e(B, { name: "info", sx: { color: "info.main" } }) })
+  }
+), ct = () => {
+  const {
+    investments: { analysis: t }
+  } = N(), { analysisChartData: u, analysisDetails: c, analysisType: m, setAnalysisType: f } = U(), v = xe("(min-width:320px) and (max-width:375px)"), { isMobile: d } = j(), x = Z().palette.mode === "dark", { cellDimension: h, columns: b, rows: s, textVariant: y } = T.useMemo(() => {
+    const r = m === V.Stocks, n = Object.values(r ? t.stock_column_labels : t.bond_column_labels), g = Object.values(r ? t.stock_row_labels : t.bond_row_labels);
+    return { cellDimension: d ? 72 : 100, columns: n, rows: g, textVariant: d ? "caption" : "body1" };
+  }, [t, d, m]);
+  return /* @__PURE__ */ i(
+    _,
+    {
+      sx: {
+        flexDirection: { md: "row" },
+        gap: d ? 48 : 64,
+        justifyContent: "center",
+        pt: 48,
+        px: 16
+      },
+      children: [
+        /* @__PURE__ */ i(
+          _,
+          {
             sx: {
+              alignItems: "center",
               flexDirection: "row",
-              gap: 4
+              justifyContent: "center",
+              pr: { lg: 72 }
             },
-            children: r.map((D, w) => {
-              const L = t === 0, I = t === d.length - 1, B = w === 0, F = w === r.length - 1, N = Number(D.replace("%", "")) >= 25;
-              let S = "grey.200", E = "grey.900";
-              return l ? (S = N ? "grey.200" : "grey.700", E = N ? "grey.900" : "common.white") : (S = N ? "grey.700" : "grey.200", E = N ? "common.white" : "grey.900"), /* @__PURE__ */ e(f, {
-                sx: {
-                  borderBottomLeftRadius: I && B ? 4 : 0,
-                  borderBottomRightRadius: I && F ? 4 : 0,
-                  borderTopLeftRadius: L && B ? 4 : 0,
-                  borderTopRightRadius: L && F ? 4 : 0,
-                  alignItems: "center",
-                  bgcolor: S,
-                  height: h,
-                  justifyContent: "center",
-                  width: h
-                },
-                children: /* @__PURE__ */ e(o, {
+            children: [
+              /* @__PURE__ */ i(
+                _,
+                {
                   sx: {
-                    color: E,
-                    fontWeight: u ? 600 : 700
+                    alignItems: "center",
+                    bottom: d ? 10 : 24,
+                    gap: d ? 0 : 24,
+                    position: "relative",
+                    transform: "rotate(-180deg)",
+                    writingMode: "vertical-rl"
                   },
-                  variant: u ? "body1" : "h3",
-                  children: D
-                })
-              }, w);
-            })
-          }, t)),
-          /* @__PURE__ */ e(f, {
-            sx: {
-              alignSelf: "center",
-              flexDirection: "row",
-              pt: 12
-            },
-            children: _.map((r) => /* @__PURE__ */ e(f, {
-              sx: {
-                alignItems: "center",
-                width: h
-              },
-              children: /* @__PURE__ */ e(o, {
-                color: "secondary.main",
-                variant: a,
-                children: r
-              })
-            }, r))
-          }),
-          /* @__PURE__ */ e(o, {
-            bold: !0,
-            sx: {
-              color: "secondary.main",
-              pt: u ? 4 : 24,
-              textAlign: "center"
+                  children: [
+                    /* @__PURE__ */ e(X, { bold: !0, color: "secondary.main", variant: y, children: m === V.Stocks ? t.market_capitalization : t.credit_quality }),
+                    /* @__PURE__ */ e(
+                      _,
+                      {
+                        sx: {
+                          flexDirection: "row",
+                          height: d ? 224 : 308,
+                          justifyContent: "space-around"
+                        },
+                        children: b.map((r) => /* @__PURE__ */ e(
+                          o,
+                          {
+                            sx: {
+                              color: "secondary.main",
+                              pl: 12,
+                              pr: d ? 4 : 0
+                            },
+                            variant: y,
+                            children: r
+                          },
+                          r
+                        ))
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
+                /* @__PURE__ */ i(
+                  _,
+                  {
+                    sx: {
+                      alignSelf: v ? "start" : "center",
+                      flexDirection: "row",
+                      gap: 8,
+                      pb: 12
+                    },
+                    children: [
+                      /* @__PURE__ */ e(o, { bold: !0, children: t.invest_analysis }),
+                      /* @__PURE__ */ e(
+                        lt,
+                        {
+                          tooltip_info_body: t.tooltip_info_body,
+                          tooltip_info_title: t.tooltip_info_title
+                        }
+                      )
+                    ]
+                  }
+                ),
+                u.map((r, n, g) => /* @__PURE__ */ e(_, { sx: { flexDirection: "row", gap: 4 }, children: r.map((C, D) => {
+                  const k = n === 0, W = n === g.length - 1, A = D === 0, G = D === r.length - 1, F = Number(C.replace("%", "")) >= 25;
+                  let L = "grey.200", H = "grey.900";
+                  return x ? (L = F ? "grey.200" : "grey.700", H = F ? "grey.900" : "common.white") : (L = F ? "grey.700" : "grey.200", H = F ? "common.white" : "grey.900"), /* @__PURE__ */ e(
+                    _,
+                    {
+                      sx: {
+                        ...{
+                          borderBottomLeftRadius: W && A ? 4 : 0,
+                          borderBottomRightRadius: W && G ? 4 : 0,
+                          borderTopLeftRadius: k && A ? 4 : 0,
+                          borderTopRightRadius: k && G ? 4 : 0
+                        },
+                        alignItems: "center",
+                        bgcolor: L,
+                        height: h,
+                        justifyContent: "center",
+                        width: h
+                      },
+                      children: /* @__PURE__ */ e(
+                        o,
+                        {
+                          sx: {
+                            color: H,
+                            fontWeight: d ? 600 : 700
+                          },
+                          variant: d ? "body1" : "h3",
+                          children: C
+                        }
+                      )
+                    },
+                    D
+                  );
+                }) }, n)),
+                /* @__PURE__ */ e(_, { sx: { alignSelf: "center", flexDirection: "row", pt: 12 }, children: s.map((r) => /* @__PURE__ */ e(_, { sx: { alignItems: "center", width: h }, children: /* @__PURE__ */ e(o, { color: "secondary.main", variant: y, children: r }) }, r)) }),
+                /* @__PURE__ */ e(
+                  o,
+                  {
+                    bold: !0,
+                    sx: { color: "secondary.main", pt: d ? 4 : 24, textAlign: "center" },
+                    variant: y,
+                    children: m === V.Stocks ? t.valuation : t.duration
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          st,
+          {
+            analysisDetails: c,
+            analysisType: m,
+            copy: {
+              empty_data: t.empty_data,
+              equities: t.equities,
+              bonds: t.bonds
             },
-            variant: a,
-            children: m === O.Stocks ? n.valuation : n.duration
-          })
-        ]
-      })]
-    }), /* @__PURE__ */ e(rt, {
-      analysisDetails: c,
-      analysisType: m,
-      copy: {
-        empty_data: n.empty_data,
-        equities: n.equities,
-        bonds: n.bonds
-      },
-      setAnalysisType: v
-    })]
-  });
-}, ct = R(lt), dt = ({ accountHoldingsData: n, currentEditedCostBasis: g, editingHoldingId: c, handleCostBasisBlur: m, handleCostBasisClick: v, handleCostBasisChange: y, handleCostBasisKeyDown: u, isOpen: l, onClose: h }) => {
-  const { investments: x } = G(), [_, a] = T.useState({}), r = (t) => (d, D) => {
-    a((w) => ({
-      ...w,
-      [t]: D
+            setAnalysisType: f
+          }
+        )
+      ]
+    }
+  );
+}, dt = $(ct), mt = ({
+  accountHoldingsData: t,
+  currentEditedCostBasis: u,
+  editingHoldingId: c,
+  handleCostBasisBlur: m,
+  handleCostBasisClick: f,
+  handleCostBasisChange: v,
+  handleCostBasisKeyDown: d,
+  isOpen: l,
+  onClose: x
+}) => {
+  const { investments: h } = N(), [b, s] = T.useState({}), y = (r) => (n, g) => {
+    s((C) => ({
+      ...C,
+      [r]: g
     }));
   };
-  return /* @__PURE__ */ i(Me, {
-    ariaLabelClose: x.overview.close_investment_drawer,
-    isOpen: l,
-    onClose: h,
-    title: x.overview.investment_details,
-    children: [
-      /* @__PURE__ */ i(p, {
-        sx: {
-          gap: 8,
-          p: 24
-        },
-        children: [
-          /* @__PURE__ */ e(te, {
-            alt: n.accounts.institutionName || "",
-            institutionGuid: n.accounts.institution_guid || "",
-            size: 64
-          }),
-          /* @__PURE__ */ e(o, {
-            sx: { color: "text.primary" },
-            variant: "body2",
-            children: n.accounts.memberName
-          }),
-          /* @__PURE__ */ e(o, {
-            sx: { color: "text.primary" },
-            variant: "h2",
-            children: n.accounts.user_name || n.accounts.name
-          }),
-          /* @__PURE__ */ i(p, {
+  return /* @__PURE__ */ i(
+    Re,
+    {
+      ariaLabelClose: h.overview.close_investment_drawer,
+      isOpen: l,
+      onClose: x,
+      title: h.overview.investment_details,
+      children: [
+        /* @__PURE__ */ i(p, { sx: { gap: 8, p: 24 }, children: [
+          /* @__PURE__ */ e(
+            oe,
+            {
+              alt: t.accounts.institutionName || "",
+              institutionGuid: t.accounts.institution_guid || "",
+              size: 64
+            }
+          ),
+          /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body2", children: t.accounts.memberName }),
+          /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "h2", children: t.accounts.user_name || t.accounts.name }),
+          /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: h.overview.current_balance }),
+            /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: t.accounts.balance?.toLocaleString("en-US", {
+              currency: "USD",
+              maximumFractionDigits: 2,
+              minimumFractionDigits: 2,
+              style: "currency"
+            }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          p,
+          {
             sx: {
-              alignItems: "center",
+              bgcolor: "background.default",
               flexDirection: "row",
-              justifyContent: "space-between"
+              justifyContent: "space-between",
+              px: 24,
+              py: 10
             },
-            children: [/* @__PURE__ */ e(o, {
-              sx: {
-                color: "text.primary",
-                fontWeight: 600
+            children: [
+              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.holding }),
+              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 700 }, variant: "caption", children: h.overview.market_value })
+            ]
+          }
+        ),
+        t.holdings?.map((r, n) => {
+          const g = c === r.id;
+          return /* @__PURE__ */ i(
+            be,
+            {
+              disableGutters: !0,
+              expanded: b[r.id] === !0,
+              onChange: r ? y(r?.id) : () => {
               },
-              variant: "body1",
-              children: x.overview.current_balance
-            }), /* @__PURE__ */ e(o, {
-              sx: {
-                color: "text.primary",
-                fontWeight: 600
-              },
-              variant: "body1",
-              children: n.accounts.balance?.toLocaleString("en-US", {
-                currency: "USD",
-                maximumFractionDigits: 2,
-                minimumFractionDigits: 2,
-                style: "currency"
-              })
-            })]
-          })
-        ]
-      }),
-      /* @__PURE__ */ i(p, {
-        sx: {
-          bgcolor: "background.default",
-          flexDirection: "row",
-          justifyContent: "space-between",
-          px: 24,
-          py: 10
-        },
-        children: [/* @__PURE__ */ e(o, {
-          sx: {
-            color: "text.primary",
-            fontWeight: 700
-          },
-          variant: "caption",
-          children: x.overview.holding
-        }), /* @__PURE__ */ e(o, {
-          sx: {
-            color: "text.primary",
-            fontWeight: 700
-          },
-          variant: "caption",
-          children: x.overview.market_value
-        })]
-      }),
-      n.holdings?.map((t, d) => {
-        const D = c === t.id;
-        return /* @__PURE__ */ i(_e, {
-          disableGutters: !0,
-          expanded: _[t.id] === !0,
-          onChange: t ? r(t?.id) : () => {
-          },
-          sx: {
-            ":before": d === 0 ? { opacity: 0 } : {},
-            ".MuiAccordionDetails-root": { p: 0 }
-          },
-          children: [/* @__PURE__ */ e(Ce, {
-            "aria-controls": "panel1a-content",
-            id: "panel1a-header",
-            sx: [{ height: 64 }, _[t.id] && d > 0 && {
-              borderTop: 1,
-              borderColor: "divider"
-            }],
-            children: /* @__PURE__ */ i(p, {
               sx: {
-                flexDirection: "row",
-                width: "100%"
+                ":before": n === 0 ? { opacity: 0 } : {},
+                ".MuiAccordionDetails-root": { p: 0 }
               },
-              children: [/* @__PURE__ */ e("div", { style: { width: 24 } }), /* @__PURE__ */ i(p, {
-                sx: [{
-                  alignItems: "center",
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  pr: 24,
-                  py: 14,
-                  width: "100%"
-                }, _[t.id] && {
-                  borderBottom: 1,
-                  borderColor: "divider"
-                }],
-                children: [/* @__PURE__ */ e(p, {
-                  sx: {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    gap: 12
-                  },
-                  children: /* @__PURE__ */ i(p, {
-                    sx: {
-                      overflow: "hidden",
-                      width: 98
-                    },
-                    children: [/* @__PURE__ */ e(o, {
-                      sx: { fontWeight: 600 },
-                      variant: "body1",
-                      children: t.holding
-                    }), /* @__PURE__ */ e(o, {
-                      variant: "caption",
-                      children: t.description
-                    })]
-                  })
-                }), /* @__PURE__ */ i(p, {
-                  sx: {
-                    alignItems: "center",
-                    flex: 1,
-                    flexDirection: "row",
-                    gap: 12,
-                    justifyContent: "flex-end"
-                  },
-                  children: [/* @__PURE__ */ i(p, { children: [/* @__PURE__ */ e(o, {
-                    sx: {
-                      fontWeight: 600,
-                      textAlign: "right"
-                    },
-                    variant: "body1",
-                    children: t.marketValue?.toLocaleString("en-US", {
-                      currency: "USD",
-                      maximumFractionDigits: 2,
-                      minimumFractionDigits: 2,
-                      style: "currency"
-                    })
-                  }), /* @__PURE__ */ i(p, {
+              children: [
+                /* @__PURE__ */ e(
+                  we,
+                  {
+                    "aria-controls": "panel1a-content",
+                    id: "panel1a-header",
+                    sx: [
+                      { height: 64 },
+                      b[r.id] && n > 0 && {
+                        borderTop: 1,
+                        borderColor: "divider"
+                      }
+                    ],
+                    children: /* @__PURE__ */ i(p, { sx: { flexDirection: "row", width: "100%" }, children: [
+                      /* @__PURE__ */ e("div", { style: { width: 24 } }),
+                      /* @__PURE__ */ i(
+                        p,
+                        {
+                          sx: [
+                            {
+                              alignItems: "center",
+                              flexDirection: "row",
+                              justifyContent: "space-between",
+                              pr: 24,
+                              py: 14,
+                              width: "100%"
+                            },
+                            b[r.id] && {
+                              borderBottom: 1,
+                              borderColor: "divider"
+                            }
+                          ],
+                          children: [
+                            /* @__PURE__ */ e(
+                              p,
+                              {
+                                sx: {
+                                  alignItems: "center",
+                                  flexDirection: "row",
+                                  gap: 12
+                                },
+                                children: /* @__PURE__ */ i(p, { sx: { overflow: "hidden", width: 98 }, children: [
+                                  /* @__PURE__ */ e(o, { sx: { fontWeight: 600 }, variant: "body1", children: r.holding }),
+                                  /* @__PURE__ */ e(o, { variant: "caption", children: r.description })
+                                ] })
+                              }
+                            ),
+                            /* @__PURE__ */ i(
+                              p,
+                              {
+                                sx: {
+                                  alignItems: "center",
+                                  flex: 1,
+                                  flexDirection: "row",
+                                  gap: 12,
+                                  justifyContent: "flex-end"
+                                },
+                                children: [
+                                  /* @__PURE__ */ i(p, { children: [
+                                    /* @__PURE__ */ e(o, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: r.marketValue?.toLocaleString("en-US", {
+                                      currency: "USD",
+                                      maximumFractionDigits: 2,
+                                      minimumFractionDigits: 2,
+                                      style: "currency"
+                                    }) }),
+                                    /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 2, flexDirection: "row" }, children: [
+                                      r.totalGainLoss !== 0 && /* @__PURE__ */ e(
+                                        B,
+                                        {
+                                          name: r.totalGainLoss >= 0 ? "trending_up" : "trending_down",
+                                          size: 12,
+                                          sx: {
+                                            verticalAlign: "middle",
+                                            mr: 1,
+                                            color: r.totalGainLoss >= 0 ? "success.main" : "grey.700"
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ e(
+                                        o,
+                                        {
+                                          sx: {
+                                            color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
+                                            fontWeight: r.totalGainLoss <= 0 ? 400 : 700
+                                          },
+                                          variant: "caption",
+                                          children: r.costBasis ? `${(r.totalGainLoss / r.costBasis * 100).toFixed(2)}%` : "0.00%"
+                                        }
+                                      ),
+                                      /* @__PURE__ */ e(o, { sx: { color: "grey.700" }, variant: "caption", children: "|" }),
+                                      /* @__PURE__ */ e(
+                                        o,
+                                        {
+                                          sx: {
+                                            color: r.totalGainLoss <= 0 ? "grey.700" : "success.main",
+                                            fontWeight: r.totalGainLoss <= 0 ? 400 : 700
+                                          },
+                                          variant: "caption",
+                                          children: Math.abs(r.totalGainLoss).toLocaleString("en-US", {
+                                            currency: "USD",
+                                            maximumFractionDigits: 2,
+                                            minimumFractionDigits: 2,
+                                            style: "currency"
+                                          })
+                                        }
+                                      )
+                                    ] })
+                                  ] }),
+                                  /* @__PURE__ */ e(
+                                    B,
+                                    {
+                                      name: b[r.id] ? "expand_less" : "expand_more",
+                                      size: 20
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ i(
+                  p,
+                  {
                     sx: {
                       alignItems: "center",
-                      gap: 2,
-                      flexDirection: "row"
+                      bgcolor: "background.default",
+                      flexDirection: "row",
+                      pl: 24
                     },
                     children: [
-                      t.totalGainLoss !== 0 && /* @__PURE__ */ e(k, {
-                        name: t.totalGainLoss >= 0 ? "trending_up" : "trending_down",
-                        size: 12,
-                        sx: {
-                          verticalAlign: "middle",
-                          mr: 1,
-                          color: t.totalGainLoss >= 0 ? "success.main" : "grey.700"
-                        }
-                      }),
-                      /* @__PURE__ */ e(o, {
-                        sx: {
-                          color: t.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                          fontWeight: t.totalGainLoss <= 0 ? 400 : 700
-                        },
-                        variant: "caption",
-                        children: t.costBasis ? `${(t.totalGainLoss / t.costBasis * 100).toFixed(2)}%` : "0.00%"
-                      }),
-                      /* @__PURE__ */ e(o, {
-                        sx: { color: "grey.700" },
-                        variant: "caption",
-                        children: "|"
-                      }),
-                      /* @__PURE__ */ e(o, {
-                        sx: {
-                          color: t.totalGainLoss <= 0 ? "grey.700" : "success.main",
-                          fontWeight: t.totalGainLoss <= 0 ? 400 : 700
-                        },
-                        variant: "caption",
-                        children: Math.abs(t.totalGainLoss).toLocaleString("en-US", {
-                          currency: "USD",
-                          maximumFractionDigits: 2,
-                          minimumFractionDigits: 2,
-                          style: "currency"
-                        })
-                      })
+                      /* @__PURE__ */ e(p, { sx: { width: 32 } }),
+                      /* @__PURE__ */ i(p, { sx: { flex: 1 }, children: [
+                        /* @__PURE__ */ i(
+                          p,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              borderBottom: 1,
+                              borderColor: "divider",
+                              flexDirection: "row",
+                              height: 48,
+                              justifyContent: "space-between",
+                              pr: 24
+                            },
+                            children: [
+                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.quantity }),
+                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body2", children: r.qty })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          p,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              flexDirection: "row",
+                              height: 48,
+                              justifyContent: "space-between",
+                              pr: 24
+                            },
+                            children: [
+                              /* @__PURE__ */ e(o, { sx: { color: "text.primary" }, variant: "body1", children: h.overview.cost_basis_header }),
+                              /* @__PURE__ */ i(
+                                p,
+                                {
+                                  direction: "row",
+                                  sx: {
+                                    alignItems: "center",
+                                    gap: 4
+                                  },
+                                  children: [
+                                    g ? /* @__PURE__ */ e(
+                                      Ce,
+                                      {
+                                        autoFocus: !0,
+                                        onBlur: () => m(r.id),
+                                        onChange: v,
+                                        onKeyDown: (C) => d(C, r.id),
+                                        size: "small",
+                                        sx: {
+                                          fontSize: 14,
+                                          width: 58,
+                                          "& .MuiInputBase-input": {
+                                            padding: "4px 0",
+                                            textAlign: "center",
+                                            fontWeight: 600,
+                                            color: "text.primary"
+                                          },
+                                          "& .MuiOutlinedInput-notchedOutline": {
+                                            border: "none"
+                                          }
+                                        },
+                                        value: u
+                                      }
+                                    ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 58 }, variant: "body2", children: r.costBasis?.toLocaleString("en-US", {
+                                      currency: "USD",
+                                      maximumFractionDigits: 2,
+                                      minimumFractionDigits: 2,
+                                      style: "currency"
+                                    }) }),
+                                    /* @__PURE__ */ e(
+                                      de,
+                                      {
+                                        onClick: () => f(r.id, r.costBasis),
+                                        sx: { minWidth: 16, minHeight: 16 },
+                                        children: /* @__PURE__ */ e(B, { name: "stylus", size: 16, sx: { color: "grey.700" } })
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ] })
                     ]
-                  })] }), /* @__PURE__ */ e(k, {
-                    name: _[t.id] ? "expand_less" : "expand_more",
-                    size: 20
-                  })]
-                })]
-              })]
-            })
-          }), /* @__PURE__ */ e(we, { children: /* @__PURE__ */ i(p, {
-            sx: {
-              alignItems: "center",
-              bgcolor: "background.default",
-              flexDirection: "row",
-              pl: 24
+                  }
+                ) })
+              ]
             },
-            children: [/* @__PURE__ */ e(p, { sx: { width: 32 } }), /* @__PURE__ */ i(p, {
-              sx: { flex: 1 },
-              children: [/* @__PURE__ */ i(p, {
-                sx: {
-                  alignItems: "center",
-                  borderBottom: 1,
-                  borderColor: "divider",
-                  flexDirection: "row",
-                  height: 48,
-                  justifyContent: "space-between",
-                  pr: 24
-                },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: { color: "text.primary" },
-                  variant: "body1",
-                  children: x.overview.quantity
-                }), /* @__PURE__ */ e(o, {
-                  sx: { color: "text.primary" },
-                  variant: "body2",
-                  children: t.qty
-                })]
-              }), /* @__PURE__ */ i(p, {
-                sx: {
-                  alignItems: "center",
-                  flexDirection: "row",
-                  height: 48,
-                  justifyContent: "space-between",
-                  pr: 24
-                },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: { color: "text.primary" },
-                  variant: "body1",
-                  children: x.overview.cost_basis_header
-                }), /* @__PURE__ */ i(p, {
-                  direction: "row",
-                  sx: {
-                    alignItems: "center",
-                    gap: 4
-                  },
-                  children: [D ? /* @__PURE__ */ e(be, {
-                    autoFocus: !0,
-                    onBlur: () => m(t.id),
-                    onChange: y,
-                    onKeyDown: (w) => u(w, t.id),
-                    size: "small",
-                    sx: {
-                      fontSize: 14,
-                      width: 58,
-                      "& .MuiInputBase-input": {
-                        padding: "4px 0",
-                        textAlign: "center",
-                        fontWeight: 600,
-                        color: "text.primary"
-                      },
-                      "& .MuiOutlinedInput-notchedOutline": { border: "none" }
-                    },
-                    value: g
-                  }) : /* @__PURE__ */ e(o, {
-                    sx: {
-                      fontSize: 14,
-                      width: 58
-                    },
-                    variant: "body2",
-                    children: t.costBasis?.toLocaleString("en-US", {
-                      currency: "USD",
-                      maximumFractionDigits: 2,
-                      minimumFractionDigits: 2,
-                      style: "currency"
-                    })
-                  }), /* @__PURE__ */ e(le, {
-                    onClick: () => v(t.id, t.costBasis),
-                    sx: {
-                      minWidth: 16,
-                      minHeight: 16
-                    },
-                    children: /* @__PURE__ */ e(k, {
-                      name: "stylus",
-                      size: 16,
-                      sx: { color: "grey.700" }
-                    })
-                  })]
-                })]
-              })]
-            })]
-          }) })]
-        }, t.id);
-      })
-    ]
-  });
-}, mt = R(dt), q = (n) => /* @__PURE__ */ i(Re, {
-  sx: {
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 4
-  },
-  children: [/* @__PURE__ */ e(o, {
-    sx: {
-      color: "text.primary",
-      fontWeight: 600,
-      fontSize: 14
+            r.id
+          );
+        })
+      ]
+    }
+  );
+}, ut = $(mt), K = (t) => /* @__PURE__ */ i(Pe, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+  /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600, fontSize: 14 }, variant: "body2", children: t.colDef.headerName }),
+  /* @__PURE__ */ e(B, { name: "expand_all", size: 12 })
+] }), ht = ({
+  data: t,
+  editingHoldingId: u,
+  currentEditedCostBasis: c,
+  handleCostBasisClick: m,
+  handleCostBasisChange: f,
+  handleCostBasisKeyDown: v,
+  handleCostBasisBlur: d
+}) => {
+  const { investments: l } = N(), h = Z().palette.mode === "dark", b = "success.main", s = h ? "grey.300" : "grey.700", y = (n, g = "lesserThan") => g === "greaterThan" ? n >= 0 ? b : s : n <= 0 ? s : b, r = [
+    {
+      field: "qty",
+      headerName: l.overview.qty_header,
+      sortable: !1,
+      width: 48,
+      align: "center",
+      headerAlign: "center"
     },
-    variant: "body2",
-    children: n.colDef.headerName
-  }), /* @__PURE__ */ e(k, {
-    name: "expand_all",
-    size: 12
-  })]
-}), ut = ({ data: n, editingHoldingId: g, currentEditedCostBasis: c, handleCostBasisClick: m, handleCostBasisChange: v, handleCostBasisKeyDown: y, handleCostBasisBlur: u }) => {
-  const { investments: l } = G(), h = X().palette.mode === "dark", x = "success.main", _ = h ? "grey.300" : "grey.700", a = (r, t = "lesserThan") => t === "greaterThan" ? r >= 0 ? x : _ : r <= 0 ? _ : x;
-  return /* @__PURE__ */ e(ne, {
-    sx: {
-      boxShadow: "none",
-      width: "100%"
+    {
+      field: "holding",
+      headerName: l.overview.holding_header,
+      flex: 1,
+      renderHeader: K,
+      renderCell: (n) => /* @__PURE__ */ e(_, { sx: { alignItems: "center", gap: 16, flexDirection: "row" }, children: /* @__PURE__ */ i(_, { children: [
+        /* @__PURE__ */ e(o, { sx: { fontWeight: 700 }, children: n.row.holding }),
+        /* @__PURE__ */ e(o, { sx: { color: "text.secondary", fontWeight: 400 }, variant: "tiny", children: n.row.description })
+      ] }) })
     },
-    children: /* @__PURE__ */ e(Ke, {
-      columns: [
-        {
-          field: "qty",
-          headerName: l.overview.qty_header,
-          sortable: !1,
-          width: 48,
-          align: "center",
-          headerAlign: "center"
-        },
-        {
-          field: "holding",
-          headerName: l.overview.holding_header,
-          flex: 1,
-          renderHeader: q,
-          renderCell: (r) => /* @__PURE__ */ e(f, {
-            sx: {
-              alignItems: "center",
-              gap: 16,
-              flexDirection: "row"
-            },
-            children: /* @__PURE__ */ i(f, { children: [/* @__PURE__ */ e(o, {
-              sx: { fontWeight: 700 },
-              children: r.row.holding
-            }), /* @__PURE__ */ e(o, {
-              sx: {
-                color: "text.secondary",
-                fontWeight: 400
-              },
-              variant: "tiny",
-              children: r.row.description
-            })] })
-          })
-        },
-        {
-          field: "costBasis",
-          headerName: l.overview.cost_basis_header,
-          width: 132,
-          renderHeader: q,
-          renderCell: (r) => /* @__PURE__ */ i(f, {
-            sx: {
-              alignItems: "center",
-              flexDirection: "row",
-              gap: 4
-            },
-            children: [g === r.row.id ? /* @__PURE__ */ e(be, {
+    {
+      field: "costBasis",
+      headerName: l.overview.cost_basis_header,
+      width: 132,
+      renderHeader: K,
+      renderCell: (n) => {
+        const g = u === n.row.id;
+        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+          g ? /* @__PURE__ */ e(
+            Ce,
+            {
               autoFocus: !0,
-              onBlur: () => u(r.row.id),
-              onChange: v,
-              onKeyDown: (t) => y(t, r.row.id),
+              onBlur: () => d(n.row.id),
+              onChange: f,
+              onKeyDown: (C) => v(C, n.row.id),
               size: "small",
               sx: {
                 fontSize: 14,
@@ -1029,374 +1013,382 @@ var ce = ({ sx: n = {} }) => {
                   fontWeight: 600,
                   color: "text.primary"
                 },
-                "& .MuiOutlinedInput-notchedOutline": { border: "none" }
+                "& .MuiOutlinedInput-notchedOutline": {
+                  border: "none"
+                }
               },
               value: c
-            }) : /* @__PURE__ */ e(o, {
+            }
+          ) : /* @__PURE__ */ e(o, { sx: { fontSize: 14, width: 57 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
+            currency: "USD",
+            maximumFractionDigits: 2,
+            minimumFractionDigits: 2,
+            style: "currency"
+          }) }),
+          /* @__PURE__ */ e(
+            de,
+            {
+              onClick: () => m(n.row.id, n.row.costBasis),
+              sx: { minWidth: 12, minHeight: 12 },
+              children: /* @__PURE__ */ e(B, { name: "stylus", size: 12, sx: { color: "grey.700" } })
+            }
+          )
+        ] });
+      },
+      align: "center",
+      headerAlign: "center"
+    },
+    {
+      field: "totalGainLoss",
+      headerName: l.overview.total_gain_loss_header,
+      width: 196,
+      renderHeader: K,
+      renderCell: (n) => {
+        const g = n.row.costBasis, C = g ? n.row.totalGainLoss / g * 100 : 0;
+        return /* @__PURE__ */ i(_, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
+          n.value !== 0 && /* @__PURE__ */ e(
+            B,
+            {
+              name: n.value > 0 ? "trending_up" : "trending_down",
+              size: 16,
               sx: {
-                fontSize: 14,
-                width: 57
+                color: y(n.value),
+                mr: 1,
+                verticalAlign: "middle"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              sx: {
+                color: y(n.value),
+                fontWeight: n.value > 0 ? 700 : 400
+              },
+              variant: "body2",
+              children: g ? `${C.toFixed(2)}%` : "0.00%"
+            }
+          ),
+          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+          /* @__PURE__ */ e(
+            o,
+            {
+              sx: {
+                color: y(n.value),
+                fontWeight: n.value > 0 ? 700 : 400
               },
               variant: "body2",
-              children: r.value?.toLocaleString("en-US", {
+              children: Math.abs(n.value).toLocaleString("en-US", {
                 currency: "USD",
                 maximumFractionDigits: 2,
                 minimumFractionDigits: 2,
                 style: "currency"
               })
-            }), /* @__PURE__ */ e(le, {
-              onClick: () => m(r.row.id, r.row.costBasis),
-              sx: {
-                minWidth: 12,
-                minHeight: 12
-              },
-              children: /* @__PURE__ */ e(k, {
-                name: "stylus",
-                size: 12,
-                sx: { color: "grey.700" }
-              })
-            })]
-          }),
-          align: "center",
-          headerAlign: "center"
-        },
-        {
-          field: "totalGainLoss",
-          headerName: l.overview.total_gain_loss_header,
-          width: 196,
-          renderHeader: q,
-          renderCell: (r) => {
-            const t = r.row.costBasis, d = t ? r.row.totalGainLoss / t * 100 : 0;
-            return /* @__PURE__ */ i(f, {
-              sx: {
-                alignItems: "center",
-                flexDirection: "row",
-                gap: 2
-              },
-              children: [
-                r.value !== 0 && /* @__PURE__ */ e(k, {
-                  name: r.value > 0 ? "trending_up" : "trending_down",
-                  size: 16,
-                  sx: {
-                    color: a(r.value),
-                    mr: 1,
-                    verticalAlign: "middle"
-                  }
-                }),
-                /* @__PURE__ */ e(o, {
-                  sx: {
-                    color: a(r.value),
-                    fontWeight: r.value > 0 ? 700 : 400
-                  },
-                  variant: "body2",
-                  children: t ? `${d.toFixed(2)}%` : "0.00%"
-                }),
-                /* @__PURE__ */ e(o, {
-                  sx: { color: "text.secondary" },
-                  variant: "caption",
-                  children: "|"
-                }),
-                /* @__PURE__ */ e(o, {
-                  sx: {
-                    color: a(r.value),
-                    fontWeight: r.value > 0 ? 700 : 400
-                  },
-                  variant: "body2",
-                  children: Math.abs(r.value).toLocaleString("en-US", {
-                    currency: "USD",
-                    maximumFractionDigits: 2,
-                    minimumFractionDigits: 2,
-                    style: "currency"
-                  })
-                })
-              ]
-            });
-          },
-          align: "right",
-          headerAlign: "right",
-          sortable: !1
-        },
+            }
+          )
+        ] });
+      },
+      align: "right",
+      headerAlign: "right",
+      sortable: !1
+    },
+    {
+      field: "marketValue",
+      headerName: l.overview.market_value_header,
+      width: 132,
+      renderHeader: K,
+      renderCell: (n) => /* @__PURE__ */ e(o, { sx: { fontWeight: 700 }, variant: "body2", children: n.value?.toLocaleString("en-US", {
+        currency: "USD",
+        maximumFractionDigits: 2,
+        minimumFractionDigits: 2,
+        style: "currency"
+      }) }),
+      align: "right",
+      headerAlign: "right"
+    }
+  ];
+  return /* @__PURE__ */ e(
+    se,
+    {
+      sx: {
+        boxShadow: "none",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ e(
+        $e,
         {
-          field: "marketValue",
-          headerName: l.overview.market_value_header,
-          width: 132,
-          renderHeader: q,
-          renderCell: (r) => /* @__PURE__ */ e(o, {
-            sx: { fontWeight: 700 },
-            variant: "body2",
-            children: r.value?.toLocaleString("en-US", {
-              currency: "USD",
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 2,
-              style: "currency"
-            })
-          }),
-          align: "right",
-          headerAlign: "right"
+          columns: r,
+          disableColumnFilter: !0,
+          disableColumnMenu: !0,
+          disableRowSelectionOnClick: !0,
+          hideFooter: !0,
+          rows: t,
+          slotProps: { baseIconButton: { sx: { display: "none" } } }
         }
-      ],
-      disableColumnFilter: !0,
-      disableColumnMenu: !0,
-      disableRowSelectionOnClick: !0,
-      hideFooter: !0,
-      rows: n,
-      slotProps: { baseIconButton: { sx: { display: "none" } } }
-    })
-  });
-}, ht = () => {
-  const { isMobile: n } = M(), [g, c] = z({}), [m, v] = z(!1), { selectedAccountGuids: y } = J(), { visibleHoldings: u, updateHoldings: l } = U(), [h, x] = T.useState(!1), [_, a] = z({
+      )
+    }
+  );
+}, gt = () => {
+  const { isMobile: t } = j(), [u, c] = O({}), [m, f] = O(!1), { selectedAccountGuids: v } = J(), { visibleHoldings: d, updateHoldings: l } = U(), [x, h] = T.useState(!1), [b, s] = O({
     accounts: [],
     holdings: []
-  }), { accounts: r, investments: t } = G(), { isCopyLoaded: d } = J(), [D, w] = z(null), [L, I] = z(""), B = X().palette.mode === "dark", F = B ? "#0AC295" : "#09A57F", N = B ? "grey.300" : "grey.700", S = (s, b = "lesserThan") => b === "greaterThan" ? s >= 0 ? F : N : s <= 0 ? N : F, E = (s, b) => {
-    w(s), I(b.toFixed(2));
-  }, de = (s) => {
-    const b = s.target.value;
-    /^\d*\.?\d*$/.test(b) && I(b);
-  }, me = (s, b) => {
-    s.key === "Enter" ? Z(b) : s.key === "Escape" && w(null);
-  }, Z = (s) => {
-    const b = u.find(({ guid: W }) => W === s);
-    if (!b) return;
-    const j = Number(L);
-    if (l({
-      ...b,
-      cost_basis: j
-    }), n) {
-      const W = _.holdings.map((C) => C.id === s ? {
-        ...C,
-        costBasis: j
-      } : C);
-      a((C) => ({
-        ...C,
-        holdings: W
+  }), { accounts: y, investments: r } = N(), { isCopyLoaded: n } = J(), [g, C] = O(null), [D, k] = O(""), A = Z().palette.mode === "dark", G = A ? "#0AC295" : "#09A57F", F = A ? "grey.300" : "grey.700", L = (a, w = "lesserThan") => w === "greaterThan" ? a >= 0 ? G : F : a <= 0 ? F : G, H = (a, w) => {
+    C(a), k(w.toFixed(2));
+  }, ee = (a) => {
+    const w = a.target.value;
+    /^\d*\.?\d*$/.test(w) && k(w);
+  }, ue = (a, w) => {
+    a.key === "Enter" ? te(w) : a.key === "Escape" && C(null);
+  }, te = (a) => {
+    const w = d.find(({ guid: E }) => E === a);
+    if (!w) return;
+    const M = Number(D);
+    if (l({ ...w, cost_basis: M }), t) {
+      const E = b.holdings.map(
+        (S) => S.id === a ? { ...S, costBasis: M } : S
+      );
+      s((S) => ({
+        ...S,
+        holdings: E
       }));
     }
-    w(null);
-  }, De = (s) => (b, j) => {
-    c((W) => ({
-      ...W,
-      [s]: j
+    C(null);
+  }, Se = (a) => (w, M) => {
+    c((E) => ({
+      ...E,
+      [a]: M
     }));
-  }, { visibleHoldings: ue } = U(), { visibleInvestmentAccounts: Se } = ae(), $ = Se.filter(({ guid: s }) => y.includes(s)), Le = $.reduce((s, b) => s + (b.balance || 0), 0), Ie = $.map(({ guid: s }) => s), P = ue.filter(({ account_guid: s }) => Ie.includes(s)).reduce((s, b) => s + (b.market_value ? b.market_value - (b.cost_basis || 0) : 0), 0), Ae = () => {
-    v(!1);
+  }, { visibleHoldings: he } = U(), { visibleInvestmentAccounts: Le } = ce(), P = Le.filter(
+    ({ guid: a }) => v.includes(a)
+  ), Ie = P.reduce((a, w) => a + (w.balance || 0), 0), Ae = P.map(({ guid: a }) => a), q = he.filter(
+    ({ account_guid: a }) => Ae.includes(a)
+  ).reduce((a, w) => {
+    const M = w.market_value ? w.market_value - (w.cost_basis || 0) : 0;
+    return a + M;
+  }, 0), Te = () => {
+    f(!1);
   };
-  return d ? /* @__PURE__ */ i(p, {
-    sx: {
-      alignItems: "center",
-      gap: 48,
-      pt: 48,
-      width: "100%"
-    },
-    children: [
-      !!$.length && /* @__PURE__ */ i(p, {
-        sx: { alignItems: "center" },
-        children: [
-          /* @__PURE__ */ e(o, {
-            sx: { color: "text.secondary" },
-            children: t.overview.total_portfolio
-          }),
-          /* @__PURE__ */ e(Q, {
-            variant: "h1",
-            children: Le.toLocaleString("en-US", {
+  return n ? /* @__PURE__ */ i(p, { sx: { alignItems: "center", gap: 48, pt: 48, width: "100%" }, children: [
+    !!P.length && /* @__PURE__ */ i(p, { sx: { alignItems: "center" }, children: [
+      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, children: r.overview.total_portfolio }),
+      /* @__PURE__ */ e(X, { variant: "h1", children: Ie.toLocaleString("en-US", {
+        currency: "USD",
+        maximumFractionDigits: 2,
+        minimumFractionDigits: 2,
+        style: "currency"
+      }) }),
+      /* @__PURE__ */ i(p, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+        /* @__PURE__ */ e(
+          B,
+          {
+            name: q >= 0 ? "trending_up" : "trending_down",
+            size: 20,
+            sx: { color: L(q, "greaterThan") }
+          }
+        ),
+        /* @__PURE__ */ e(
+          o,
+          {
+            sx: { color: L(q, "greaterThan"), fontWeight: 700 },
+            variant: "body2",
+            children: q.toLocaleString("en-US", {
               currency: "USD",
               maximumFractionDigits: 2,
               minimumFractionDigits: 2,
               style: "currency"
             })
-          }),
-          /* @__PURE__ */ i(p, {
-            sx: {
-              alignItems: "center",
-              flexDirection: "row",
-              gap: 8
-            },
-            children: [/* @__PURE__ */ e(k, {
-              name: P >= 0 ? "trending_up" : "trending_down",
-              size: 20,
-              sx: { color: S(P, "greaterThan") }
-            }), /* @__PURE__ */ e(o, {
-              sx: {
-                color: S(P, "greaterThan"),
-                fontWeight: 700
-              },
-              variant: "body2",
-              children: P.toLocaleString("en-US", {
-                currency: "USD",
-                maximumFractionDigits: 2,
-                minimumFractionDigits: 2,
-                style: "currency"
-              })
-            })]
-          })
-        ]
-      }),
-      $.map((s) => {
-        const b = ue.filter((A) => A.account_guid === s.guid).map((A) => ({
-          id: A.guid,
-          qty: A.shares || 0,
-          holding: A.symbol || A.description || "Unknown",
-          costBasis: A.cost_basis || 0,
-          totalGainLoss: A.market_value ? A.market_value - (A.cost_basis || 0) : 0,
-          marketValue: A.market_value || 0,
-          description: A.description || ""
-        })), j = b.length > 0, W = s.balance, C = b.reduce((A, Be) => Be.totalGainLoss + A, 0), he = W ? C / W * 100 : 0;
-        if (n) return /* @__PURE__ */ e(ne, {
-          onClick: b.length ? () => {
-            v(!0), a({
-              holdings: b,
-              accounts: s
-            });
-          } : void 0,
-          sx: {
-            width: "100%",
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ i(p, {
+          }
+        )
+      ] })
+    ] }),
+    P.map((a) => {
+      const w = he.filter((I) => I.account_guid === a.guid).map((I) => ({
+        id: I.guid,
+        qty: I.shares || 0,
+        holding: I.symbol || I.description || "Unknown",
+        costBasis: I.cost_basis || 0,
+        totalGainLoss: I.market_value ? I.market_value - (I.cost_basis || 0) : 0,
+        marketValue: I.market_value || 0,
+        description: I.description || ""
+      })), M = w.length > 0, E = a.balance, S = w.reduce(
+        (I, We) => We.totalGainLoss + I,
+        0
+      ), ge = E ? S / E * 100 : 0;
+      if (t)
+        return /* @__PURE__ */ e(
+          se,
+          {
+            onClick: w.length ? () => {
+              f(!0), s({
+                holdings: w,
+                accounts: a
+              });
+            } : void 0,
             sx: {
-              border: 1,
-              borderColor: "divider",
-              borderRadius: "8px",
-              ml: 16,
-              mr: 16,
-              overflow: "hidden",
-              pt: 14
+              width: "100%",
+              overflow: "hidden"
             },
-            children: [/* @__PURE__ */ i(p, {
-              sx: {
-                alignItems: "center",
-                borderBottom: 1,
-                borderColor: "divider",
-                flexDirection: "row",
-                pb: 14,
-                pl: 14,
-                pr: 14
-              },
-              children: [/* @__PURE__ */ e(te, {
-                alt: s.institutionName || "",
-                institutionGuid: s.institution_guid || "",
-                size: 32
-              }), /* @__PURE__ */ i(p, {
-                sx: {
-                  overflow: "hidden",
-                  pl: 13,
-                  pr: 13
-                },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: { color: "text.secondary" },
-                  variant: "caption",
-                  children: s.memberName
-                }), /* @__PURE__ */ e(o, {
-                  sx: {
-                    color: "text.primary",
-                    fontWeight: 600
-                  },
-                  variant: "body1",
-                  children: s.user_name || s.name
-                })]
-              })]
-            }), /* @__PURE__ */ i(p, {
-              sx: {
-                alignItems: "center",
-                flexDirection: "row",
-                justifyContent: "space-between",
-                pb: 8,
-                pt: 8
-              },
-              children: [/* @__PURE__ */ i(p, {
+            children: /* @__PURE__ */ i(
+              p,
+              {
                 sx: {
-                  alignItems: "center",
-                  borderRight: 1,
+                  border: 1,
                   borderColor: "divider",
-                  flex: 1,
-                  justifyContent: "center",
-                  pb: 14,
-                  pl: 7,
-                  pr: 7,
+                  borderRadius: "8px",
+                  ml: 16,
+                  mr: 16,
+                  overflow: "hidden",
                   pt: 14
                 },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: {
-                    color: "text.secondary",
-                    fontSize: 11
-                  },
-                  variant: "body2",
-                  children: t.overview.total_gain_Loss
-                }), /* @__PURE__ */ i(p, {
-                  sx: {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    gap: 2,
-                    justifyContent: "flex-end"
-                  },
-                  children: [
-                    C !== 0 && /* @__PURE__ */ e(k, {
-                      name: C > 0 ? "trending_up" : "trending_down",
-                      size: 20,
-                      sx: { color: S(C) }
-                    }),
-                    /* @__PURE__ */ i(o, {
+                children: [
+                  /* @__PURE__ */ i(
+                    p,
+                    {
                       sx: {
-                        color: S(C),
-                        fontWeight: 600
+                        alignItems: "center",
+                        borderBottom: 1,
+                        borderColor: "divider",
+                        flexDirection: "row",
+                        pb: 14,
+                        pl: 14,
+                        pr: 14
                       },
-                      variant: "body1",
-                      children: [he.toFixed(2), "%"]
-                    }),
-                    /* @__PURE__ */ e(o, {
-                      sx: { color: "text.secondary" },
-                      variant: "caption",
-                      children: "|"
-                    }),
-                    /* @__PURE__ */ e(o, {
+                      children: [
+                        /* @__PURE__ */ e(
+                          oe,
+                          {
+                            alt: a.institutionName || "",
+                            institutionGuid: a.institution_guid || "",
+                            size: 32
+                          }
+                        ),
+                        /* @__PURE__ */ i(p, { sx: { overflow: "hidden", pl: 13, pr: 13 }, children: [
+                          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
+                          /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    p,
+                    {
                       sx: {
-                        color: S(C),
-                        fontWeight: 600
+                        alignItems: "center",
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                        pb: 8,
+                        pt: 8
                       },
-                      variant: "body1",
-                      children: Math.abs(C).toLocaleString("en-US", {
-                        currency: "USD",
-                        maximumFractionDigits: 2,
-                        minimumFractionDigits: 2,
-                        style: "currency"
-                      })
-                    })
-                  ]
-                })]
-              }), /* @__PURE__ */ i(p, {
-                sx: {
-                  alignItems: "center",
-                  flex: 1,
-                  justifyContent: "center",
-                  pb: 14,
-                  pl: 7,
-                  pr: 7,
-                  pt: 14
-                },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: { color: "text.secondary" },
-                  variant: "caption",
-                  children: t.overview.total_value
-                }), /* @__PURE__ */ e(o, {
-                  sx: {
-                    color: "text.primary",
-                    fontWeight: 600
-                  },
-                  variant: "body1",
-                  children: W?.toLocaleString("en-US", {
-                    currency: "USD",
-                    maximumFractionDigits: 2,
-                    minimumFractionDigits: 2,
-                    style: "currency"
-                  })
-                })]
-              })]
-            })]
-          })
-        }, s.guid);
-        const Te = B ? "grey.700" : "grey.400", ke = b.length ? "text.primary" : Te;
-        return /* @__PURE__ */ i(_e, {
-          expanded: g[s.guid] === !0,
-          onChange: j ? De(s.guid) : () => {
+                      children: [
+                        /* @__PURE__ */ i(
+                          p,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              borderRight: 1,
+                              borderColor: "divider",
+                              flex: 1,
+                              justifyContent: "center",
+                              pb: 14,
+                              pl: 7,
+                              pr: 7,
+                              pt: 14
+                            },
+                            children: [
+                              /* @__PURE__ */ e(o, { sx: { color: "text.secondary", fontSize: 11 }, variant: "body2", children: r.overview.total_gain_Loss }),
+                              /* @__PURE__ */ i(
+                                p,
+                                {
+                                  sx: {
+                                    alignItems: "center",
+                                    flexDirection: "row",
+                                    gap: 2,
+                                    justifyContent: "flex-end"
+                                  },
+                                  children: [
+                                    S !== 0 && /* @__PURE__ */ e(
+                                      B,
+                                      {
+                                        name: S > 0 ? "trending_up" : "trending_down",
+                                        size: 20,
+                                        sx: { color: L(S) }
+                                      }
+                                    ),
+                                    /* @__PURE__ */ i(
+                                      o,
+                                      {
+                                        sx: {
+                                          color: L(S),
+                                          fontWeight: 600
+                                        },
+                                        variant: "body1",
+                                        children: [
+                                          ge.toFixed(2),
+                                          "%"
+                                        ]
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+                                    /* @__PURE__ */ e(
+                                      o,
+                                      {
+                                        sx: {
+                                          color: L(S),
+                                          fontWeight: 600
+                                        },
+                                        variant: "body1",
+                                        children: Math.abs(S).toLocaleString("en-US", {
+                                          currency: "USD",
+                                          maximumFractionDigits: 2,
+                                          minimumFractionDigits: 2,
+                                          style: "currency"
+                                        })
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ i(
+                          p,
+                          {
+                            sx: {
+                              alignItems: "center",
+                              flex: 1,
+                              justifyContent: "center",
+                              pb: 14,
+                              pl: 7,
+                              pr: 7,
+                              pt: 14
+                            },
+                            children: [
+                              /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
+                              /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
+                                currency: "USD",
+                                maximumFractionDigits: 2,
+                                minimumFractionDigits: 2,
+                                style: "currency"
+                              }) })
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          },
+          a.guid
+        );
+      const ke = A ? "grey.700" : "grey.400", Be = w.length ? "text.primary" : ke;
+      return /* @__PURE__ */ i(
+        be,
+        {
+          expanded: u[a.guid] === !0,
+          onChange: M ? Se(a.guid) : () => {
           },
           sx: {
             border: 1,
@@ -1404,255 +1396,253 @@ var ce = ({ sx: n = {} }) => {
             borderRadius: "4px",
             width: "100%"
           },
-          children: [/* @__PURE__ */ i(Ce, {
-            "aria-controls": "panel1a-content",
-            id: "panel1a-header",
-            sx: [g[s.guid] && {
-              borderBottom: 1,
-              borderColor: "divider",
-              maxHeight: 88
-            }],
-            children: [/* @__PURE__ */ i(p, {
-              sx: {
-                alignItems: "center",
-                flexDirection: "row",
-                gap: 13,
-                p: 14,
-                width: "100%"
-              },
-              children: [
-                /* @__PURE__ */ e(k, {
-                  name: "expand_more",
-                  size: 20,
-                  sx: { color: ke }
-                }),
-                /* @__PURE__ */ e(te, {
-                  alt: s.institutionName || "",
-                  institutionGuid: s.institution_guid || "",
-                  size: 32
-                }),
-                /* @__PURE__ */ i(p, {
-                  sx: { alignItems: "flex-start" },
-                  children: [/* @__PURE__ */ e(o, {
-                    sx: { color: "text.secondary" },
-                    variant: "caption",
-                    children: s.memberName
-                  }), /* @__PURE__ */ e(o, {
-                    sx: {
-                      color: "text.primary",
-                      fontWeight: 600
-                    },
-                    variant: "body1",
-                    children: s.user_name || s.name
-                  })]
-                })
-              ]
-            }), /* @__PURE__ */ i(p, {
-              sx: { flexDirection: "row" },
-              children: [/* @__PURE__ */ i(p, {
-                sx: {
-                  alignItems: "flex-end",
-                  pb: 14,
-                  pl: 24,
-                  pr: 24,
-                  pt: 14
-                },
-                children: [/* @__PURE__ */ e(o, {
-                  sx: { color: "text.secondary" },
-                  variant: "caption",
-                  children: t.overview.total_gain_Loss
-                }), /* @__PURE__ */ i(p, {
-                  sx: {
-                    alignItems: "center",
-                    flexDirection: "row",
-                    gap: 2,
-                    justifyContent: "flex-end"
-                  },
-                  children: [
-                    C !== 0 && /* @__PURE__ */ e(k, {
-                      name: C >= 0 ? "trending_up" : "trending_down",
-                      size: 20,
-                      sx: { color: S(C) }
-                    }),
-                    /* @__PURE__ */ i(o, {
-                      sx: {
-                        color: S(C),
-                        fontWeight: 600
-                      },
-                      variant: "body1",
-                      children: [he.toFixed(2), "%"]
-                    }),
-                    /* @__PURE__ */ e(o, {
-                      sx: { color: "text.secondary" },
-                      variant: "caption",
-                      children: "|"
-                    }),
-                    /* @__PURE__ */ e(o, {
+          children: [
+            /* @__PURE__ */ i(
+              we,
+              {
+                "aria-controls": "panel1a-content",
+                id: "panel1a-header",
+                sx: [
+                  u[a.guid] && {
+                    borderBottom: 1,
+                    borderColor: "divider",
+                    maxHeight: 88
+                  }
+                ],
+                children: [
+                  /* @__PURE__ */ i(
+                    p,
+                    {
                       sx: {
-                        color: S(C),
-                        fontWeight: 600
+                        alignItems: "center",
+                        flexDirection: "row",
+                        gap: 13,
+                        p: 14,
+                        width: "100%"
                       },
-                      variant: "body1",
-                      children: Math.abs(C).toLocaleString("en-US", {
+                      children: [
+                        /* @__PURE__ */ e(B, { name: "expand_more", size: 20, sx: { color: Be } }),
+                        /* @__PURE__ */ e(
+                          oe,
+                          {
+                            alt: a.institutionName || "",
+                            institutionGuid: a.institution_guid || "",
+                            size: 32
+                          }
+                        ),
+                        /* @__PURE__ */ i(p, { sx: { alignItems: "flex-start" }, children: [
+                          /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: a.memberName }),
+                          /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: a.user_name || a.name })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(p, { sx: { flexDirection: "row" }, children: [
+                    /* @__PURE__ */ i(p, { sx: { alignItems: "flex-end", pb: 14, pl: 24, pr: 24, pt: 14 }, children: [
+                      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_gain_Loss }),
+                      /* @__PURE__ */ i(
+                        p,
+                        {
+                          sx: {
+                            alignItems: "center",
+                            flexDirection: "row",
+                            gap: 2,
+                            justifyContent: "flex-end"
+                          },
+                          children: [
+                            S !== 0 && /* @__PURE__ */ e(
+                              B,
+                              {
+                                name: S >= 0 ? "trending_up" : "trending_down",
+                                size: 20,
+                                sx: { color: L(S) }
+                              }
+                            ),
+                            /* @__PURE__ */ i(
+                              o,
+                              {
+                                sx: {
+                                  color: L(S),
+                                  fontWeight: 600
+                                },
+                                variant: "body1",
+                                children: [
+                                  ge.toFixed(2),
+                                  "%"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: "|" }),
+                            /* @__PURE__ */ e(
+                              o,
+                              {
+                                sx: {
+                                  color: L(S),
+                                  fontWeight: 600
+                                },
+                                variant: "body1",
+                                children: Math.abs(S).toLocaleString("en-US", {
+                                  currency: "USD",
+                                  maximumFractionDigits: 2,
+                                  minimumFractionDigits: 2,
+                                  style: "currency"
+                                })
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e(p, { sx: { alignItems: "flex-end", gap: 12, pb: 14, pl: 16, pr: 16, pt: 14 }, children: /* @__PURE__ */ i(p, { sx: { alignItems: "flex-end" }, children: [
+                      /* @__PURE__ */ e(o, { sx: { color: "text.secondary" }, variant: "caption", children: r.overview.total_value }),
+                      /* @__PURE__ */ e(o, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: E?.toLocaleString("en-US", {
                         currency: "USD",
                         maximumFractionDigits: 2,
                         minimumFractionDigits: 2,
                         style: "currency"
-                      })
-                    })
-                  ]
-                })]
-              }), /* @__PURE__ */ e(p, {
-                sx: {
-                  alignItems: "flex-end",
-                  gap: 12,
-                  pb: 14,
-                  pl: 16,
-                  pr: 16,
-                  pt: 14
-                },
-                children: /* @__PURE__ */ i(p, {
-                  sx: { alignItems: "flex-end" },
-                  children: [/* @__PURE__ */ e(o, {
-                    sx: { color: "text.secondary" },
-                    variant: "caption",
-                    children: t.overview.total_value
-                  }), /* @__PURE__ */ e(o, {
-                    sx: {
-                      color: "text.primary",
-                      fontWeight: 600
-                    },
-                    variant: "body1",
-                    children: W?.toLocaleString("en-US", {
-                      currency: "USD",
-                      maximumFractionDigits: 2,
-                      minimumFractionDigits: 2,
-                      style: "currency"
-                    })
-                  })]
-                })
-              })]
-            })]
-          }), /* @__PURE__ */ e(we, {
-            sx: {
-              bgcolor: "background.default",
-              p: 12
-            },
-            children: /* @__PURE__ */ e(ne, {
-              sx: {
-                border: 1,
-                borderColor: "neutral.light"
-              },
-              children: /* @__PURE__ */ e(ut, {
-                currentEditedCostBasis: L,
-                data: b,
-                editingHoldingId: D,
-                handleCostBasisBlur: Z,
-                handleCostBasisChange: de,
-                handleCostBasisClick: E,
-                handleCostBasisKeyDown: me
-              })
-            })
-          })]
-        }, s.guid);
-      }),
-      /* @__PURE__ */ e(ce, {}),
-      /* @__PURE__ */ e(mt, {
-        accountHoldingsData: _,
-        currentEditedCostBasis: L,
-        editingHoldingId: D,
-        handleCostBasisBlur: Z,
-        handleCostBasisChange: de,
-        handleCostBasisClick: E,
-        handleCostBasisKeyDown: me,
+                      }) })
+                    ] }) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(_e, { sx: { bgcolor: "background.default", p: 12 }, children: /* @__PURE__ */ e(se, { sx: { border: 1, borderColor: "neutral.light" }, children: /* @__PURE__ */ e(
+              ht,
+              {
+                currentEditedCostBasis: D,
+                data: w,
+                editingHoldingId: g,
+                handleCostBasisBlur: te,
+                handleCostBasisChange: ee,
+                handleCostBasisClick: H,
+                handleCostBasisKeyDown: ue
+              }
+            ) }) })
+          ]
+        },
+        a.guid
+      );
+    }),
+    /* @__PURE__ */ e(me, {}),
+    /* @__PURE__ */ e(
+      ut,
+      {
+        accountHoldingsData: b,
+        currentEditedCostBasis: D,
+        editingHoldingId: g,
+        handleCostBasisBlur: te,
+        handleCostBasisChange: ee,
+        handleCostBasisClick: H,
+        handleCostBasisKeyDown: ue,
         isOpen: m,
-        onClose: Ae
-      }),
-      /* @__PURE__ */ e(ge, {
-        onClose: () => x(!1),
-        showConnectionsWidget: h,
-        title: r.manage_connections
-      })
-    ]
-  }) : /* @__PURE__ */ e(xe, {});
-}, gt = R(ht), pt = ({ title: n }) => /* @__PURE__ */ e(o, {
-  bold: !0,
-  variant: "body1",
-  children: n
-}), Jt = R(({ onBackClick: n, onMenuClick: g, sx: c }) => {
-  const { onEvent: m } = pe(), { isMobile: v } = M(), { isAccountDataLoaded: y, loadAccountData: u, visibleInvestmentAccounts: l } = ae(), { visibleHoldings: h, setShowConnectionsWidget: x, showConnectionsWidget: _ } = U(), { investments: a, accounts: r } = G(), { isInitialized: t } = J(), [d, D] = T.useState(0), { loadHoldings: w, holdingsLoaded: L } = U();
-  je({
+        onClose: Te
+      }
+    ),
+    /* @__PURE__ */ e(
+      pe,
+      {
+        onClose: () => h(!1),
+        showConnectionsWidget: x,
+        title: y.manage_connections
+      }
+    )
+  ] }) : /* @__PURE__ */ e(De, {});
+}, pt = $(gt), xt = ({ title: t }) => /* @__PURE__ */ e(o, { bold: !0, variant: "body1", children: t }), ln = $(({ onBackClick: t, onMenuClick: u, sx: c }) => {
+  const { onEvent: m } = ve(), { isMobile: f } = j(), {
+    isAccountDataLoaded: v,
+    loadAccountData: d,
+    visibleInvestmentAccounts: l
+  } = ce(), {
+    visibleHoldings: x,
+    setShowConnectionsWidget: h,
+    showConnectionsWidget: b
+  } = U(), { investments: s, accounts: y } = N(), { isInitialized: r } = J(), [n, g] = T.useState(0), { loadHoldings: C, holdingsLoaded: D } = U();
+  qe({
     widgetName: "InvestmentsWidget",
-    isLoaded: L
+    isLoaded: D
   }), T.useEffect(() => {
-    y || u().finally();
+    v || d().finally();
   }, []), T.useEffect(() => {
-    t && w().finally();
-  }, [t]);
-  const I = () => {
-    m(H.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
+    r && C().finally();
+  }, [r]);
+  const k = () => {
+    m(z.INVESTMENT_WIDGET_ACCOUNT_FILTER_CLICK);
   };
-  if (!t || !L) return /* @__PURE__ */ e(xe, {});
-  const B = [
-    H.INVESTMENT_WIDGET_DETAILS_CLICK,
-    H.INVESTMENT_WIDGET_ALLOCATION_CLICK,
-    H.INVESTMENT_WIDGET_ANALYSIS_CLICK
-  ], F = l.length === 0 && h.length === 0, N = [
-    a.tab_overview_title,
-    a.tab_allocation_title,
-    a.tab_analysis_title
+  if (!r || !D) return /* @__PURE__ */ e(De, {});
+  const W = [
+    z.INVESTMENT_WIDGET_DETAILS_CLICK,
+    z.INVESTMENT_WIDGET_ALLOCATION_CLICK,
+    z.INVESTMENT_WIDGET_ANALYSIS_CLICK
+  ], A = l.length === 0 && x.length === 0, G = [
+    s.tab_overview_title,
+    s.tab_allocation_title,
+    s.tab_analysis_title
   ];
-  return /* @__PURE__ */ i(Ge, {
-    allowedAccountTypes: [We.INVESTMENT],
-    onAccountsFilterClick: I,
-    onBackClick: n,
-    onMenuClick: g,
-    sx: c,
-    title: a.title,
-    children: [/* @__PURE__ */ i(f, {
-      mx: v ? 0 : 48,
-      my: 24,
-      children: [/* @__PURE__ */ e(Ve, {
-        onChange: (S, E) => {
-          D(E), m(B[E]);
-        },
-        sx: { bgcolor: "background.paper" },
-        textColor: "primary",
-        value: F ? -1 : d,
-        variant: "fullWidth",
-        children: N.map((S) => /* @__PURE__ */ e(Oe, {
-          disabled: F,
-          label: /* @__PURE__ */ e(pt, { title: S })
-        }, S))
-      }), F ? /* @__PURE__ */ e(Ee, {
-        header: a.empty_state_header,
-        icon: "bid_landscape",
-        onClick: () => {
-          x(!0), m(H.ACCOUNTS_CLICK_CONNECT);
-        },
-        primaryButton: a.overview.connect_accounts,
-        subText: a.empty_state_description,
-        sx: {
-          width: { sm: 432 },
-          ".buttons-footer": { width: 167 },
-          ".MuiTypography-h2": {
-            mt: 20,
-            mb: 4
-          },
-          px: 16
-        }
-      }) : /* @__PURE__ */ i(se, { children: [
-        d === 0 && /* @__PURE__ */ e(gt, {}),
-        d === 1 && /* @__PURE__ */ e(ot, {}),
-        d === 2 && /* @__PURE__ */ e(ct, {})
-      ] })]
-    }), /* @__PURE__ */ e(ge, {
-      onClose: () => x(!1),
-      showConnectionsWidget: _,
-      title: r.manage_connections
-    })]
-  });
+  return /* @__PURE__ */ i(
+    Ke,
+    {
+      allowedAccountTypes: [Ye.INVESTMENT],
+      onAccountsFilterClick: k,
+      onBackClick: t,
+      onMenuClick: u,
+      sx: c,
+      title: s.title,
+      children: [
+        /* @__PURE__ */ i(_, { mx: f ? 0 : 48, my: 24, children: [
+          /* @__PURE__ */ e(
+            Ee,
+            {
+              onChange: (F, L) => {
+                g(L), m(W[L]);
+              },
+              sx: { bgcolor: "background.paper" },
+              textColor: "primary",
+              value: A ? -1 : n,
+              variant: "fullWidth",
+              children: G.map((F) => /* @__PURE__ */ e(Fe, { disabled: A, label: /* @__PURE__ */ e(xt, { title: F }) }, F))
+            }
+          ),
+          A ? /* @__PURE__ */ e(
+            Qe,
+            {
+              header: s.empty_state_header,
+              icon: "bid_landscape",
+              onClick: () => {
+                h(!0), m(z.ACCOUNTS_CLICK_CONNECT);
+              },
+              primaryButton: s.overview.connect_accounts,
+              subText: s.empty_state_description,
+              sx: {
+                width: { sm: 432 },
+                ".buttons-footer": {
+                  width: 167
+                },
+                ".MuiTypography-h2": {
+                  mt: 20,
+                  mb: 4
+                },
+                px: 16
+              }
+            }
+          ) : /* @__PURE__ */ i(le, { children: [
+            n === 0 && /* @__PURE__ */ e(pt, {}),
+            n === 1 && /* @__PURE__ */ e(rt, {}),
+            n === 2 && /* @__PURE__ */ e(dt, {})
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          pe,
+          {
+            onClose: () => h(!1),
+            showConnectionsWidget: b,
+            title: y.manage_connections
+          }
+        )
+      ]
+    }
+  );
 });
 export {
-  Jt as InvestmentsWidget
+  ln as InvestmentsWidget
 };
+//# sourceMappingURL=index.es.js.map