@pfm-platform/accounts-ui-mui 0.1.1

package/dist/index.cjs

@@ -0,0 +1,2089 @@
+'use strict';
+
+var material = require('@mui/material');
+var accountsDataAccess = require('@pfm-platform/accounts-data-access');
+var accountsFeature = require('@pfm-platform/accounts-feature');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var iconsMaterial = require('@mui/icons-material');
+var LineChart = require('@mui/x-charts/LineChart');
+
+// src/components/AccountList.tsx
+function AccountList({
+  userId,
+  filter = "all",
+  groupByType = false,
+  title = "Accounts",
+  maxItems
+}) {
+  const { data } = accountsDataAccess.useAccounts({ userId });
+  const filters = accountsFeature.useAccountFilters(userId);
+  const accountTypes = accountsFeature.useAccountTypes(userId);
+  if (!data?.accounts) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Loading accounts..." })
+    ] }) });
+  }
+  let filteredAccounts = data.accounts;
+  if (filter === "opened") {
+    filteredAccounts = filters.opened;
+  } else if (filter === "closed") {
+    filteredAccounts = filters.closed;
+  }
+  const displayAccounts = maxItems ? filteredAccounts.slice(0, maxItems) : filteredAccounts;
+  if (groupByType) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      accountTypes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No accounts found" }) : accountTypes.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: group.name, size: "small", color: "primary" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+            group.accounts.length,
+            " account",
+            group.accounts.length !== 1 ? "s" : "",
+            " | $",
+            parseFloat(group.sum.toString()).toFixed(2)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.List, { disablePadding: true, children: group.accounts.slice(0, maxItems).map((account, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          material.ListItem,
+          {
+            divider: index < group.accounts.length - 1,
+            sx: { px: 0 },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.ListItemText,
+                {
+                  primary: account.name,
+                  secondary: account.fi?.name || account.account_type,
+                  primaryTypographyProps: { variant: "body2" },
+                  secondaryTypographyProps: { variant: "caption" }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: "medium", children: [
+                "$",
+                parseFloat(account.balance).toFixed(2)
+              ] })
+            ]
+          },
+          account.id
+        )) })
+      ] }, group.name))
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+    displayAccounts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No accounts found" }) : /* @__PURE__ */ jsxRuntime.jsx(material.List, { disablePadding: true, children: displayAccounts.map((account, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      material.ListItem,
+      {
+        divider: index < displayAccounts.length - 1,
+        sx: { px: 0, display: "flex", flexDirection: "column", alignItems: "flex-start" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", mb: 0.5 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: "medium", children: account.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: "medium", children: [
+              "$",
+              parseFloat(account.balance).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: account.fi?.name || account.account_type })
+        ]
+      },
+      account.id
+    )) })
+  ] }) });
+}
+function AccountSummary({
+  userId,
+  title = "Account Summary",
+  currencySymbol = "$"
+}) {
+  const summary = accountsFeature.useAccountSummary(userId);
+  if (!summary) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Loading accounts..." })
+    ] }) });
+  }
+  if (!summary.hasAccounts) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No accounts found" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Total Accounts" }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: summary.totalAccounts })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Opened" }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: summary.openedCount })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Closed" }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: summary.closedCount })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 1 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Total Balance" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h4", color: "primary", children: [
+          currencySymbol,
+          summary.totalBalance.toFixed(2)
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+var ACCOUNT_TYPES = [
+  "checking",
+  "savings",
+  "cards",
+  "student_loans",
+  "bill",
+  "autos",
+  "home",
+  "investment",
+  "loan",
+  "asset",
+  "cd",
+  "money_market",
+  "certificates",
+  "commercial",
+  "creditline"
+];
+var ACCOUNT_STATES = [
+  "active",
+  "closed",
+  "archived",
+  "pending_deletion"
+];
+function AccountCreateForm({ userId, onSuccess }) {
+  const [formData, setFormData] = react.useState({
+    name: "",
+    balance: "0.00",
+    account_type: "checking",
+    state: "active",
+    aggregation_type: "partner",
+    include_in_expenses: true,
+    include_in_budget: true,
+    include_in_cashflow: true,
+    include_in_dashboard: true,
+    include_in_goals: false,
+    include_in_networth: true,
+    // Required nullable fields for schema validation
+    harvest_updated_at: null,
+    fi: null,
+    cashedge_account_type: null
+  });
+  const [showSuccess, setShowSuccess] = react.useState(false);
+  const createMutation = accountsDataAccess.useCreateAccount();
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    createMutation.mutate(
+      { userId, data: formData },
+      {
+        onSuccess: () => {
+          setShowSuccess(true);
+          setFormData({
+            name: "",
+            balance: "0.00",
+            account_type: "checking",
+            state: "active",
+            aggregation_type: "partner",
+            include_in_expenses: true,
+            include_in_budget: true,
+            include_in_cashflow: true,
+            include_in_dashboard: true,
+            include_in_goals: false,
+            include_in_networth: true,
+            harvest_updated_at: null,
+            fi: null,
+            cashedge_account_type: null
+          });
+          onSuccess?.();
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { elevation: 2, sx: { p: 3 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "form", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: "Create New Account" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.TextField,
+      {
+        label: "Account Name",
+        fullWidth: true,
+        margin: "normal",
+        value: formData.name,
+        onChange: (e) => setFormData({ ...formData, name: e.target.value }),
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.TextField,
+      {
+        label: "Balance",
+        fullWidth: true,
+        margin: "normal",
+        value: formData.balance,
+        onChange: (e) => setFormData({ ...formData, balance: e.target.value }),
+        placeholder: "0.00",
+        required: true,
+        helperText: "Format: 1234.56"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "Account Type" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Select,
+        {
+          value: formData.account_type || "checking",
+          onChange: (e) => setFormData({ ...formData, account_type: e.target.value }),
+          label: "Account Type",
+          children: ACCOUNT_TYPES.map((type) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: type, children: type.replace("_", " ").toUpperCase() }, type))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "State" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Select,
+        {
+          value: formData.state || "active",
+          onChange: (e) => setFormData({ ...formData, state: e.target.value }),
+          label: "State",
+          children: ACCOUNT_STATES.map((state) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: state, children: state.replace("_", " ").toUpperCase() }, state))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { mt: 2, mb: 1 }, children: "Include in:" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.FormGroup, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_expenses ?? true,
+              onChange: (e) => setFormData({ ...formData, include_in_expenses: e.target.checked })
+            }
+          ),
+          label: "Expenses"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_budget ?? true,
+              onChange: (e) => setFormData({ ...formData, include_in_budget: e.target.checked })
+            }
+          ),
+          label: "Budget"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_cashflow ?? true,
+              onChange: (e) => setFormData({ ...formData, include_in_cashflow: e.target.checked })
+            }
+          ),
+          label: "Cashflow"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_dashboard ?? true,
+              onChange: (e) => setFormData({ ...formData, include_in_dashboard: e.target.checked })
+            }
+          ),
+          label: "Dashboard"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_goals ?? false,
+              onChange: (e) => setFormData({ ...formData, include_in_goals: e.target.checked })
+            }
+          ),
+          label: "Goals"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.FormControlLabel,
+        {
+          control: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: formData.include_in_networth ?? true,
+              onChange: (e) => setFormData({ ...formData, include_in_networth: e.target.checked })
+            }
+          ),
+          label: "Net Worth"
+        }
+      )
+    ] }),
+    createMutation.isError && /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", sx: { mt: 2 }, children: createMutation.error instanceof Error ? createMutation.error.message : "Failed to create account" }),
+    createMutation.isError && createMutation.error?.message.includes("issues") && /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "error", sx: { mt: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: "bold", children: "Validation Errors:" }),
+      (() => {
+        try {
+          const parsed = JSON.parse(createMutation.error.message);
+          return /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: "8px 0", paddingLeft: "20px" }, children: parsed.map((issue, idx) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            issue.path?.join("."),
+            ": ",
+            issue.message
+          ] }, idx)) });
+        } catch {
+          return createMutation.error.message;
+        }
+      })()
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mt: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { type: "submit", variant: "contained", disabled: createMutation.isPending, children: createMutation.isPending ? "Creating..." : "Create Account" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showSuccess,
+        autoHideDuration: 3e3,
+        onClose: () => setShowSuccess(false),
+        message: "Account created successfully"
+      }
+    )
+  ] }) });
+}
+var ACCOUNT_TYPES2 = [
+  "checking",
+  "savings",
+  "cards",
+  "student_loans",
+  "bill",
+  "autos",
+  "home",
+  "investment",
+  "loan",
+  "asset",
+  "cd",
+  "money_market",
+  "certificates",
+  "commercial",
+  "creditline"
+];
+var ACCOUNT_STATES2 = [
+  "active",
+  "closed",
+  "archived",
+  "pending_deletion"
+];
+function AccountEditForm({ account, open, onClose, userId }) {
+  const [formData, setFormData] = react.useState(account);
+  react.useEffect(() => {
+    setFormData(account);
+  }, [account]);
+  const updateMutation = accountsDataAccess.useUpdateAccount({
+    onSuccess: () => {
+      onClose();
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    updateMutation.mutate({
+      userId,
+      accountId: account.id,
+      data: formData
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Edit Account" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.TextField,
+        {
+          label: "Account Name",
+          fullWidth: true,
+          margin: "normal",
+          value: formData.name,
+          onChange: (e) => setFormData({ ...formData, name: e.target.value }),
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.TextField,
+        {
+          label: "Balance",
+          fullWidth: true,
+          margin: "normal",
+          value: formData.balance,
+          onChange: (e) => setFormData({ ...formData, balance: e.target.value }),
+          required: true,
+          helperText: "Format: 1234.56"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "Account Type" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Select,
+          {
+            value: formData.account_type,
+            onChange: (e) => setFormData({ ...formData, account_type: e.target.value }),
+            label: "Account Type",
+            children: ACCOUNT_TYPES2.map((type) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: type, children: type.replace("_", " ").toUpperCase() }, type))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "State" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Select,
+          {
+            value: formData.state,
+            onChange: (e) => setFormData({ ...formData, state: e.target.value }),
+            label: "State",
+            children: ACCOUNT_STATES2.map((state) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: state, children: state.replace("_", " ").toUpperCase() }, state))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { mt: 2, mb: 1 }, children: "Include in:" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.FormGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_expenses,
+                onChange: (e) => setFormData({ ...formData, include_in_expenses: e.target.checked })
+              }
+            ),
+            label: "Expenses"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_budget,
+                onChange: (e) => setFormData({ ...formData, include_in_budget: e.target.checked })
+              }
+            ),
+            label: "Budget"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_cashflow,
+                onChange: (e) => setFormData({ ...formData, include_in_cashflow: e.target.checked })
+              }
+            ),
+            label: "Cashflow"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_dashboard,
+                onChange: (e) => setFormData({ ...formData, include_in_dashboard: e.target.checked })
+              }
+            ),
+            label: "Dashboard"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_goals,
+                onChange: (e) => setFormData({ ...formData, include_in_goals: e.target.checked })
+              }
+            ),
+            label: "Goals"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Checkbox,
+              {
+                checked: formData.include_in_networth,
+                onChange: (e) => setFormData({ ...formData, include_in_networth: e.target.checked })
+              }
+            ),
+            label: "Net Worth"
+          }
+        )
+      ] }),
+      updateMutation.isError && /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", sx: { mt: 2 }, children: updateMutation.error instanceof Error ? updateMutation.error.message : "Failed to update account" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { type: "submit", variant: "contained", disabled: updateMutation.isPending, children: updateMutation.isPending ? "Saving..." : "Save" })
+    ] })
+  ] }) });
+}
+function AccountDeleteButton({
+  accountId,
+  userId,
+  accountName
+}) {
+  const [confirmOpen, setConfirmOpen] = react.useState(false);
+  const deleteMutation = accountsDataAccess.useDeleteAccount({
+    onSuccess: () => {
+      setConfirmOpen(false);
+    }
+  });
+  const handleDelete = () => {
+    deleteMutation.mutate({ userId, accountId });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
+      {
+        color: "error",
+        onClick: () => setConfirmOpen(true),
+        size: "small",
+        "aria-label": "delete account",
+        children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Delete, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: confirmOpen, onClose: () => setConfirmOpen(false), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Delete Account?" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { children: [
+        'Are you sure you want to delete "',
+        accountName,
+        '"? This action cannot be undone.'
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: () => setConfirmOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            onClick: handleDelete,
+            color: "error",
+            variant: "contained",
+            disabled: deleteMutation.isPending,
+            children: deleteMutation.isPending ? "Deleting..." : "Delete"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var defaultCurrencyFormatter = (value) => {
+  if (Math.abs(value) >= 1e3) {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      notation: "compact",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 1
+    }).format(value);
+  }
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(value);
+};
+function AccountBalanceChart({
+  series,
+  width = "100%",
+  height = 150,
+  showLegend,
+  currencyFormatter = defaultCurrencyFormatter,
+  onPointClick
+}) {
+  const theme = material.useTheme();
+  const displayLegend = showLegend !== void 0 ? showLegend : series.length > 1;
+  const chartData = react.useMemo(() => {
+    const allDates = /* @__PURE__ */ new Set();
+    series.forEach((s) => {
+      s.data.forEach((d) => allDates.add(d.date.getTime()));
+    });
+    const sortedDates = Array.from(allDates).sort((a, b) => a - b);
+    const xAxisData = sortedDates.map((timestamp) => new Date(timestamp));
+    const seriesData = series.map((s, index) => {
+      const dataMap = /* @__PURE__ */ new Map();
+      s.data.forEach((d) => {
+        dataMap.set(d.date.getTime(), d.balance);
+      });
+      const yData = sortedDates.map((timestamp) => dataMap.get(timestamp) ?? null);
+      return {
+        id: s.accountId,
+        label: s.accountName,
+        data: yData,
+        color: s.color || theme.palette.primary.main,
+        showMark: false,
+        curve: "linear"
+      };
+    });
+    return { xAxisData, seriesData };
+  }, [series, theme.palette.primary.main]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Box,
+    {
+      "data-testid": "account-balance-chart",
+      sx: {
+        width: "100%",
+        height
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        LineChart.LineChart,
+        {
+          xAxis: [
+            {
+              data: chartData.xAxisData,
+              scaleType: "time",
+              valueFormatter: (value) => {
+                return new Intl.DateTimeFormat("en-US", { month: "short" }).format(value);
+              }
+            }
+          ],
+          yAxis: [
+            {
+              valueFormatter: currencyFormatter
+            }
+          ],
+          series: chartData.seriesData,
+          width: typeof width === "number" ? width : void 0,
+          height,
+          margin: { top: 10, right: 20, bottom: 20, left: 50 },
+          grid: { vertical: false, horizontal: true },
+          slotProps: displayLegend ? {
+            legend: {
+              position: { vertical: "top", horizontal: "center" }
+            }
+          } : void 0,
+          sx: {
+            "& .MuiLineElement-root": {
+              strokeWidth: 3
+            },
+            "& .MuiChartsAxis-tickLabel": {
+              fontSize: "10px"
+            },
+            "& .MuiChartsGrid-line": {
+              stroke: theme.palette.grey[600],
+              strokeOpacity: 0.3,
+              strokeWidth: 0.5
+            }
+          }
+        }
+      )
+    }
+  );
+}
+function NetWorthSummary({
+  userId,
+  title = "Net Worth Summary",
+  currencySymbol = "$"
+}) {
+  const summary = accountsFeature.useNetWorthSummary(userId);
+  if (!summary) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Loading net worth..." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Net Worth" }),
+        summary.isIncreasing ? /* @__PURE__ */ jsxRuntime.jsx(
+          material.Chip,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingUp, {}),
+            label: `+${currencySymbol}${Math.abs(summary.netWorthChange).toFixed(2)}`,
+            color: "success",
+            size: "small"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          material.Chip,
+          {
+            icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingDown, {}),
+            label: `-${currencySymbol}${Math.abs(summary.netWorthChange).toFixed(2)}`,
+            color: "error",
+            size: "small"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        material.Typography,
+        {
+          variant: "h4",
+          color: summary.isPositiveNetWorth ? "primary" : "error",
+          children: [
+            currencySymbol,
+            summary.netWorth.toFixed(2)
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Total Assets" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h6", color: "success.main", children: [
+          currencySymbol,
+          summary.totalAssets.toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+          summary.assetCount,
+          " accounts (",
+          summary.manualAssetCount,
+          " manual, ",
+          summary.aggregatedAssetCount,
+          " aggregated)"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Total Debts" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h6", color: "error.main", children: [
+          currencySymbol,
+          summary.totalDebts.toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+          summary.debtCount,
+          " accounts (",
+          summary.manualDebtCount,
+          " manual, ",
+          summary.aggregatedDebtCount,
+          " aggregated)"
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 2, display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+      summary.hasAssets && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Has Assets", size: "small", color: "success", variant: "outlined" }),
+      summary.hasDebts && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Has Debts", size: "small", color: "error", variant: "outlined" }),
+      summary.hasManualAccounts && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { label: "Manual Accounts", size: "small", variant: "outlined" })
+    ] })
+  ] }) });
+}
+function NetWorthHistoryChart({
+  userId,
+  title = "Net Worth History",
+  height = 400,
+  currencySymbol = "$"
+}) {
+  const history = accountsFeature.useNetWorthHistory(userId);
+  const theme = material.useTheme();
+  if (!history) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Loading history..." })
+    ] }) });
+  }
+  if (history.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No history data available" })
+    ] }) });
+  }
+  const dates = history.map((point) => point.formattedDate);
+  const netWorthData = history.map((point) => point.totalAsNumber);
+  const assetsData = history.map((point) => point.totalAssetAsNumber);
+  const debtsData = history.map((point) => point.totalDebtAsNumber);
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { width: "100%", height }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      LineChart.LineChart,
+      {
+        xAxis: [
+          {
+            data: dates,
+            scaleType: "point",
+            label: "Date"
+          }
+        ],
+        series: [
+          {
+            data: netWorthData,
+            label: "Net Worth",
+            color: theme.palette.primary.main,
+            curve: "linear"
+          },
+          {
+            data: assetsData,
+            label: "Assets",
+            color: theme.palette.success.main,
+            curve: "linear"
+          },
+          {
+            data: debtsData,
+            label: "Debts",
+            color: theme.palette.error.main,
+            curve: "linear"
+          }
+        ],
+        height,
+        margin: { left: 80, right: 20, top: 20, bottom: 50 },
+        grid: { vertical: true, horizontal: true },
+        slotProps: {
+          legend: {
+            position: { vertical: "top", horizontal: "center" }
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 2, display: "flex", gap: 3, justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Latest" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: "bold", children: [
+          currencySymbol,
+          history[history.length - 1].totalAsNumber.toFixed(2)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Change" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Typography,
+          {
+            variant: "body2",
+            fontWeight: "bold",
+            color: history[history.length - 1].isGrowing ? "success.main" : "error.main",
+            children: [
+              history[history.length - 1].isGrowing ? "+" : "",
+              currencySymbol,
+              history[history.length - 1].sinceLastMonthAsNumber.toFixed(2)
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Data Points" }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: "bold", children: history.length })
+      ] })
+    ] })
+  ] }) });
+}
+function NetWorthAccountForm({
+  userId,
+  accountId,
+  initialValues,
+  onSuccess,
+  onCancel
+}) {
+  const isEditMode = !!accountId;
+  const [formData, setFormData] = react.useState(
+    initialValues || {
+      networth_account: {
+        account_type: "asset",
+        name: "",
+        balance: "0.00"
+      }
+    }
+  );
+  const [showSuccess, setShowSuccess] = react.useState(false);
+  const [showError, setShowError] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const createMutation = accountsDataAccess.useCreateNetWorthAccount({
+    onSuccess: () => {
+      setShowSuccess(true);
+      setFormData({
+        networth_account: {
+          account_type: "asset",
+          name: "",
+          balance: "0.00"
+        }
+      });
+      onSuccess?.();
+    },
+    onError: (error) => {
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  const updateMutation = accountsDataAccess.useUpdateNetWorthAccount({
+    onSuccess: () => {
+      setShowSuccess(true);
+      onSuccess?.();
+    },
+    onError: (error) => {
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (isEditMode && accountId) {
+      updateMutation.mutate({
+        userId,
+        accountId,
+        data: {
+          networth_account: {
+            name: formData.networth_account?.name,
+            balance: formData.networth_account?.balance,
+            account_type: formData.networth_account?.account_type
+          }
+        }
+      });
+    } else {
+      createMutation.mutate({
+        userId,
+        data: formData
+      });
+    }
+  };
+  const handleChange = (field, value) => {
+    setFormData((prev) => ({
+      ...prev,
+      networth_account: {
+        ...prev.networth_account,
+        [field]: value
+      }
+    }));
+  };
+  const isLoading = createMutation.isPending || updateMutation.isPending;
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { sx: { p: 3 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: isEditMode ? "Edit Manual Account" : "Add Manual Account" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "form", onSubmit: handleSubmit, sx: { mt: 2 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", required: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "Type" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Select,
+          {
+            value: formData.networth_account?.account_type || "asset",
+            label: "Type",
+            onChange: (e) => handleChange("account_type", e.target.value),
+            disabled: isLoading,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "asset", children: "Asset" }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "debt", children: "Debt" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.TextField,
+        {
+          fullWidth: true,
+          margin: "normal",
+          label: "Account Name",
+          value: formData.networth_account?.name || "",
+          onChange: (e) => handleChange("name", e.target.value),
+          required: true,
+          disabled: isLoading,
+          helperText: "e.g., 'Car', 'Investment Property', 'Student Loan'"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.TextField,
+        {
+          fullWidth: true,
+          margin: "normal",
+          label: "Balance",
+          type: "number",
+          inputProps: {
+            step: "0.01",
+            min: "0"
+          },
+          value: formData.networth_account?.balance || "0.00",
+          onChange: (e) => handleChange("balance", e.target.value),
+          required: true,
+          disabled: isLoading,
+          helperText: "Current value (for assets) or amount owed (for debts)"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 3, display: "flex", gap: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            type: "submit",
+            variant: "contained",
+            disabled: isLoading,
+            fullWidth: !onCancel,
+            children: isEditMode ? "Update Account" : "Add Account"
+          }
+        ),
+        onCancel && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            variant: "outlined",
+            onClick: onCancel,
+            disabled: isLoading,
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showSuccess,
+        autoHideDuration: 3e3,
+        onClose: () => setShowSuccess(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "success", onClose: () => setShowSuccess(false), children: isEditMode ? "Account updated successfully!" : "Account added successfully!" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showError,
+        autoHideDuration: 5e3,
+        onClose: () => setShowError(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", onClose: () => setShowError(false), children: errorMessage || "An error occurred" })
+      }
+    )
+  ] });
+}
+function NetWorthAccountEnhancedForm({
+  userId,
+  accountId,
+  initialValues,
+  onSuccess,
+  onCancel,
+  wizardMode = false,
+  currencySymbol = "$"
+}) {
+  const isEditMode = !!accountId;
+  const [activeStep, setActiveStep] = react.useState(0);
+  const [formData, setFormData] = react.useState(
+    initialValues || {
+      networth_account: {
+        account_type: "asset",
+        name: "",
+        balance: "0.00"
+      },
+      category: "",
+      notes: "",
+      institution: ""
+    }
+  );
+  const [validation, setValidation] = react.useState({
+    name: true,
+    balance: true,
+    category: true
+  });
+  const [showSuccess, setShowSuccess] = react.useState(false);
+  const [showError, setShowError] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const createMutation = accountsDataAccess.useCreateNetWorthAccount({
+    onSuccess: () => {
+      setShowSuccess(true);
+      setFormData({
+        networth_account: {
+          account_type: "asset",
+          name: "",
+          balance: "0.00"
+        },
+        category: "",
+        notes: "",
+        institution: ""
+      });
+      setActiveStep(0);
+      onSuccess?.();
+    },
+    onError: (error) => {
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  const updateMutation = accountsDataAccess.useUpdateNetWorthAccount({
+    onSuccess: () => {
+      setShowSuccess(true);
+      onSuccess?.();
+    },
+    onError: (error) => {
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  const assetCategories = [
+    "Cash & Checking",
+    "Savings",
+    "Investment Account",
+    "Retirement (401k/IRA)",
+    "Real Estate",
+    "Vehicle",
+    "Personal Property",
+    "Business Assets",
+    "Other Assets"
+  ];
+  const debtCategories = [
+    "Credit Card",
+    "Mortgage",
+    "Auto Loan",
+    "Student Loan",
+    "Personal Loan",
+    "Medical Debt",
+    "Business Loan",
+    "Other Debt"
+  ];
+  const categories = formData.networth_account?.account_type === "asset" ? assetCategories : debtCategories;
+  const validateForm = () => {
+    const newValidation = {
+      name: !!formData.networth_account?.name?.trim(),
+      balance: !!formData.networth_account?.balance,
+      category: !!formData.category
+    };
+    setValidation(newValidation);
+    return Object.values(newValidation).every((v) => v);
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!validateForm()) {
+      setErrorMessage("Please fill in all required fields");
+      setShowError(true);
+      return;
+    }
+    const accountData = {
+      networth_account: {
+        account_type: formData.networth_account.account_type,
+        name: formData.networth_account.name,
+        balance: formData.networth_account.balance
+      }
+    };
+    if (isEditMode && accountId) {
+      updateMutation.mutate({
+        userId,
+        accountId,
+        data: {
+          networth_account: {
+            name: accountData.networth_account.name,
+            balance: accountData.networth_account.balance,
+            account_type: accountData.networth_account.account_type
+          }
+        }
+      });
+    } else {
+      createMutation.mutate({
+        userId,
+        data: accountData
+      });
+    }
+  };
+  const handleChange = (field, value) => {
+    if (field === "category" || field === "notes" || field === "institution" || field === "lastUpdated") {
+      setFormData((prev) => ({
+        ...prev,
+        [field]: value
+      }));
+    } else {
+      setFormData((prev) => ({
+        ...prev,
+        networth_account: {
+          ...prev.networth_account,
+          [field]: value
+        }
+      }));
+    }
+  };
+  const handleNext = () => {
+    if (activeStep === 0 && !formData.networth_account?.name?.trim()) {
+      setValidation((prev) => ({ ...prev, name: false }));
+      return;
+    }
+    setActiveStep((prev) => prev + 1);
+  };
+  const handleBack = () => {
+    setActiveStep((prev) => prev - 1);
+  };
+  const isLoading = createMutation.isPending || updateMutation.isPending;
+  const balance = parseFloat(formData.networth_account?.balance || "0");
+  const isAsset = formData.networth_account?.account_type === "asset";
+  const steps = ["Basic Info", "Details", "Review"];
+  const renderStepContent = (step) => {
+    switch (step) {
+      case 0:
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { fullWidth: true, margin: "normal", required: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { children: "Account Type" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Select,
+              {
+                value: formData.networth_account?.account_type || "asset",
+                label: "Account Type",
+                onChange: (e) => handleChange("account_type", e.target.value),
+                disabled: isLoading,
+                startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: isAsset ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingUp, { color: "success" }) : /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingDown, { color: "error" }) }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "asset", children: "Asset (Increases Net Worth)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "debt", children: "Debt (Decreases Net Worth)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.TextField,
+            {
+              fullWidth: true,
+              margin: "normal",
+              label: "Account Name",
+              value: formData.networth_account?.name || "",
+              onChange: (e) => handleChange("name", e.target.value),
+              required: true,
+              error: !validation.name,
+              disabled: isLoading,
+              helperText: !validation.name ? "Account name is required" : isAsset ? 'e.g., "Emergency Fund", "401k", "Home Equity"' : 'e.g., "Credit Card", "Car Loan", "Mortgage"',
+              InputProps: {
+                startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.AccountBalance, {}) })
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.TextField,
+            {
+              fullWidth: true,
+              margin: "normal",
+              label: isAsset ? "Current Value" : "Amount Owed",
+              type: "number",
+              inputProps: {
+                step: "0.01",
+                min: "0"
+              },
+              value: formData.networth_account?.balance || "0.00",
+              onChange: (e) => handleChange("balance", e.target.value),
+              required: true,
+              error: !validation.balance,
+              disabled: isLoading,
+              helperText: !validation.balance ? "Balance is required" : isAsset ? "Enter the current market value" : "Enter the total amount you owe",
+              InputProps: {
+                startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: currencySymbol })
+              }
+            }
+          )
+        ] });
+      case 1:
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Autocomplete,
+            {
+              freeSolo: true,
+              options: categories,
+              value: formData.category || "",
+              onChange: (_e, value) => handleChange("category", value || ""),
+              renderInput: (params) => /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  ...params,
+                  label: "Category",
+                  margin: "normal",
+                  required: true,
+                  error: !validation.category,
+                  helperText: !validation.category ? "Category is required" : "Select or create a custom category"
+                }
+              ),
+              disabled: isLoading
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.TextField,
+            {
+              fullWidth: true,
+              margin: "normal",
+              label: "Institution (Optional)",
+              value: formData.institution || "",
+              onChange: (e) => handleChange("institution", e.target.value),
+              disabled: isLoading,
+              helperText: "e.g., Bank name, Credit card issuer"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.TextField,
+            {
+              fullWidth: true,
+              margin: "normal",
+              label: "Notes (Optional)",
+              multiline: true,
+              rows: 3,
+              value: formData.notes || "",
+              onChange: (e) => handleChange("notes", e.target.value),
+              disabled: isLoading,
+              helperText: "Add any additional details or context"
+            }
+          )
+        ] });
+      case 2:
+        return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: isAsset ? "success" : "warning", sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle2", gutterBottom: true, children: [
+              "Review Your ",
+              isAsset ? "Asset" : "Debt"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", children: isAsset ? "This account will increase your net worth" : "This account will decrease your net worth" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Account Type" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Chip,
+              {
+                label: isAsset ? "Asset" : "Debt",
+                color: isAsset ? "success" : "error",
+                icon: isAsset ? /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.TrendingDown, {}),
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Account Name" }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: formData.networth_account?.name })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: isAsset ? "Current Value" : "Amount Owed" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h4", color: isAsset ? "success.main" : "error.main", children: [
+              currencySymbol,
+              balance.toFixed(2)
+            ] })
+          ] }),
+          formData.category && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Category" }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: formData.category })
+          ] }),
+          formData.institution && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Institution" }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: formData.institution })
+          ] }),
+          formData.notes && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 2 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Notes" }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", children: formData.notes })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { my: 2 } }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "info", children: [
+            "Net Worth Impact: ",
+            isAsset ? "+" : "-",
+            currencySymbol,
+            balance.toFixed(2)
+          ] })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { sx: { p: 3 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: isEditMode ? "Edit Manual Account" : "Add Manual Account" }),
+    wizardMode && !isEditMode && /* @__PURE__ */ jsxRuntime.jsx(material.Stepper, { activeStep, sx: { mt: 2, mb: 3 }, children: steps.map((label) => /* @__PURE__ */ jsxRuntime.jsx(material.Step, { children: /* @__PURE__ */ jsxRuntime.jsx(material.StepLabel, { children: label }) }, label)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "form", onSubmit: handleSubmit, sx: { mt: 2 }, children: wizardMode && !isEditMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderStepContent(activeStep),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 3, display: "flex", gap: 2, justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            disabled: activeStep === 0 || isLoading,
+            onClick: handleBack,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.NavigateBefore, {}),
+            children: "Back"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: "1 1 auto" } }),
+        activeStep === steps.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            type: "submit",
+            variant: "contained",
+            disabled: isLoading,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Save, {}),
+            children: isLoading ? "Saving..." : "Save Account"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            variant: "contained",
+            onClick: handleNext,
+            endIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.NavigateNext, {}),
+            disabled: isLoading,
+            children: "Next"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderStepContent(0),
+      renderStepContent(1),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mt: 3, display: "flex", gap: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            type: "submit",
+            variant: "contained",
+            disabled: isLoading,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Save, {}),
+            fullWidth: !onCancel,
+            children: isLoading ? "Saving..." : isEditMode ? "Update Account" : "Add Account"
+          }
+        ),
+        onCancel && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            variant: "outlined",
+            onClick: onCancel,
+            disabled: isLoading,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Cancel, {}),
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showSuccess,
+        autoHideDuration: 3e3,
+        onClose: () => setShowSuccess(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "success", onClose: () => setShowSuccess(false), children: isEditMode ? "Account updated successfully!" : "Account added successfully!" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showError,
+        autoHideDuration: 5e3,
+        onClose: () => setShowError(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", onClose: () => setShowError(false), children: errorMessage || "An error occurred" })
+      }
+    )
+  ] });
+}
+function NetWorthAccountDeleteButton({
+  userId,
+  accountId,
+  accountName,
+  iconButton = false,
+  onSuccess
+}) {
+  const [open, setOpen] = react.useState(false);
+  const [showSuccess, setShowSuccess] = react.useState(false);
+  const [showError, setShowError] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const deleteMutation = accountsDataAccess.useDeleteNetWorthAccount({
+    onSuccess: () => {
+      setOpen(false);
+      setShowSuccess(true);
+      onSuccess?.();
+    },
+    onError: (error) => {
+      setOpen(false);
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  const handleClickOpen = () => {
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const handleDelete = () => {
+    deleteMutation.mutate({ userId, accountId });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    iconButton ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
+      {
+        color: "error",
+        onClick: handleClickOpen,
+        disabled: deleteMutation.isPending,
+        "aria-label": "delete account",
+        children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Delete, {})
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      material.Button,
+      {
+        variant: "outlined",
+        color: "error",
+        onClick: handleClickOpen,
+        disabled: deleteMutation.isPending,
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Delete, {}),
+        children: "Delete"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open,
+        onClose: handleClose,
+        "aria-labelledby": "delete-dialog-title",
+        "aria-describedby": "delete-dialog-description",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { id: "delete-dialog-title", children: "Delete Account?" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContentText, { id: "delete-dialog-description", children: [
+            "Are you sure you want to delete",
+            " ",
+            accountName ? `"${accountName}"` : "this account",
+            "? This action cannot be undone."
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClose, disabled: deleteMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                onClick: handleDelete,
+                color: "error",
+                variant: "contained",
+                disabled: deleteMutation.isPending,
+                autoFocus: true,
+                children: deleteMutation.isPending ? "Deleting..." : "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showSuccess,
+        autoHideDuration: 3e3,
+        onClose: () => setShowSuccess(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "success", onClose: () => setShowSuccess(false), children: "Account deleted successfully!" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showError,
+        autoHideDuration: 5e3,
+        onClose: () => setShowError(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", onClose: () => setShowError(false), children: errorMessage || "Failed to delete account" })
+      }
+    )
+  ] });
+}
+function NetWorthAccountList({
+  userId,
+  currencySymbol = "$",
+  enableBulkOperations = false
+}) {
+  const { data, isLoading } = accountsDataAccess.useNetWorth({ userId });
+  const [selectedTab, setSelectedTab] = react.useState("all");
+  const [selectedAccounts, setSelectedAccounts] = react.useState(/* @__PURE__ */ new Set());
+  const [editingAccount, setEditingAccount] = react.useState(null);
+  const [showCreateForm, setShowCreateForm] = react.useState(false);
+  const [showBulkDeleteDialog, setShowBulkDeleteDialog] = react.useState(false);
+  const manualAssets = data?.assets.filter((a) => a.additional_networth_account) || [];
+  const manualDebts = data?.debts.filter((d) => d.additional_networth_account) || [];
+  const displayedAccounts = selectedTab === "assets" ? manualAssets : selectedTab === "debts" ? manualDebts : [...manualAssets, ...manualDebts];
+  const handleTabChange = (_event, newValue) => {
+    setSelectedTab(newValue);
+    setSelectedAccounts(/* @__PURE__ */ new Set());
+  };
+  const handleToggleSelect = (id) => {
+    const newSelection = new Set(selectedAccounts);
+    if (newSelection.has(id)) {
+      newSelection.delete(id);
+    } else {
+      newSelection.add(id);
+    }
+    setSelectedAccounts(newSelection);
+  };
+  const handleSelectAll = () => {
+    if (selectedAccounts.size === displayedAccounts.length) {
+      setSelectedAccounts(/* @__PURE__ */ new Set());
+    } else {
+      setSelectedAccounts(new Set(displayedAccounts.map((a) => a.id)));
+    }
+  };
+  const handleEdit = (account) => {
+    setEditingAccount({
+      id: account.id,
+      data: account
+    });
+  };
+  const handleCloseEdit = () => {
+    setEditingAccount(null);
+  };
+  const handleCreateSuccess = () => {
+    setShowCreateForm(false);
+  };
+  const handleEditSuccess = () => {
+    setEditingAccount(null);
+  };
+  const formatBalance = (balance) => {
+    const num = parseFloat(balance);
+    return `${currencySymbol}${num.toFixed(2)}`;
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", gutterBottom: true, children: "Manual Accounts" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Loading accounts..." })
+    ] }) });
+  }
+  const hasManualAccounts = manualAssets.length > 0 || manualDebts.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: "Manual Accounts" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            variant: "contained",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Add, {}),
+            onClick: () => setShowCreateForm(true),
+            size: "small",
+            children: "Add Account"
+          }
+        )
+      ] }),
+      !hasManualAccounts ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: 'No manual accounts found. Click "Add Account" to create one.' }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Tabs, { value: selectedTab, onChange: handleTabChange, sx: { mb: 2 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Tab, { label: `All (${manualAssets.length + manualDebts.length})`, value: "all" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Tab, { label: `Assets (${manualAssets.length})`, value: "assets" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Tab, { label: `Debts (${manualDebts.length})`, value: "debts" })
+        ] }),
+        enableBulkOperations && displayedAccounts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 2, mb: 2, alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Checkbox,
+            {
+              checked: selectedAccounts.size === displayedAccounts.length && displayedAccounts.length > 0,
+              indeterminate: selectedAccounts.size > 0 && selectedAccounts.size < displayedAccounts.length,
+              onChange: handleSelectAll
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: selectedAccounts.size > 0 ? `${selectedAccounts.size} selected` : "Select all" }),
+          selectedAccounts.size > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Button,
+            {
+              variant: "outlined",
+              color: "error",
+              size: "small",
+              startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Delete, {}),
+              onClick: () => setShowBulkDeleteDialog(true),
+              children: [
+                "Delete Selected (",
+                selectedAccounts.size,
+                ")"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.List, { children: displayedAccounts.map((account, index) => {
+          const isAsset = "additional_networth_account" in account && account.additional_networth_account;
+          const accountType = isAsset ? "Asset" : "Debt";
+          return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+            index > 0 && /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.ListItem,
+              {
+                sx: {
+                  "&:hover": {
+                    backgroundColor: "action.hover"
+                  }
+                },
+                children: [
+                  enableBulkOperations && /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Checkbox,
+                    {
+                      checked: selectedAccounts.has(account.id),
+                      onChange: () => handleToggleSelect(account.id),
+                      sx: { mr: 1 }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    material.ListItemText,
+                    {
+                      primary: account.name,
+                      secondary: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", variant: "body2", color: "text.secondary", children: [
+                        accountType,
+                        " \u2022 ",
+                        formatBalance(account.balance)
+                      ] }) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(material.ListItemSecondaryAction, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.IconButton,
+                      {
+                        edge: "end",
+                        "aria-label": "edit",
+                        onClick: () => handleEdit(account),
+                        sx: { mr: 1 },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Edit, {})
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      NetWorthAccountDeleteButton,
+                      {
+                        userId,
+                        accountId: account.id,
+                        accountName: account.name,
+                        iconButton: true
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] }, account.id);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open: showCreateForm,
+        onClose: () => setShowCreateForm(false),
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Add Manual Account" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            NetWorthAccountForm,
+            {
+              userId,
+              onSuccess: handleCreateSuccess,
+              onCancel: () => setShowCreateForm(false)
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open: !!editingAccount,
+        onClose: handleCloseEdit,
+        maxWidth: "sm",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Edit Account" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: editingAccount && /* @__PURE__ */ jsxRuntime.jsx(
+            NetWorthAccountForm,
+            {
+              userId,
+              accountId: editingAccount.id,
+              initialValues: {
+                networth_account: {
+                  account_type: "additional_networth_account" in editingAccount.data ? "asset" : "debt",
+                  name: editingAccount.data.name,
+                  balance: editingAccount.data.balance
+                }
+              },
+              onSuccess: handleEditSuccess,
+              onCancel: handleCloseEdit
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open: showBulkDeleteDialog,
+        onClose: () => setShowBulkDeleteDialog(false),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogTitle, { children: [
+            "Delete ",
+            selectedAccounts.size,
+            " Accounts?"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { children: [
+            "Are you sure you want to delete ",
+            selectedAccounts.size,
+            " selected account(s)? This action cannot be undone."
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: () => setShowBulkDeleteDialog(false), children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                color: "error",
+                variant: "contained",
+                onClick: () => {
+                  setShowBulkDeleteDialog(false);
+                  setSelectedAccounts(/* @__PURE__ */ new Set());
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function NetWorthDashboard({
+  userId,
+  title = "Net Worth",
+  currencySymbol = "$",
+  showChart = true,
+  showAccountList = true
+}) {
+  if (!userId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: "User ID is required to display net worth dashboard" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { width: "100%" }, children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", gutterBottom: true, sx: { mb: 3 }, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 3, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: showChart ? 6 : 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        NetWorthSummary,
+        {
+          userId,
+          currencySymbol
+        }
+      ) }),
+      showChart && /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        NetWorthHistoryChart,
+        {
+          userId,
+          currencySymbol,
+          height: 400
+        }
+      ) }),
+      showAccountList && /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+        NetWorthAccountList,
+        {
+          userId,
+          currencySymbol
+        }
+      ) })
+    ] })
+  ] });
+}
+function NetWorthAccountReconciliationDialog({
+  account,
+  open,
+  onClose,
+  onSuccess,
+  currencySymbol = "$"
+}) {
+  const [actualBalance, setActualBalance] = react.useState("");
+  const [notes, setNotes] = react.useState("");
+  const [showSuccess, setShowSuccess] = react.useState(false);
+  const [showError, setShowError] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const updateMutation = accountsDataAccess.useUpdateNetWorthAccount({
+    onSuccess: () => {
+      setShowSuccess(true);
+      setActualBalance("");
+      setNotes("");
+      onSuccess?.();
+      onClose();
+    },
+    onError: (error) => {
+      setErrorMessage(error.message);
+      setShowError(true);
+    }
+  });
+  if (!account) {
+    return null;
+  }
+  const recordedBalance = parseFloat(account.balance);
+  const actual = actualBalance ? parseFloat(actualBalance) : 0;
+  const difference = actual - recordedBalance;
+  const hasDiscrepancy = difference !== 0;
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!actualBalance || parseFloat(actualBalance) < 0) {
+      setErrorMessage("Please enter a valid balance");
+      setShowError(true);
+      return;
+    }
+    updateMutation.mutate({
+      userId: account.user_id,
+      accountId: account.id,
+      data: {
+        networth_account: {
+          name: account.name,
+          balance: parseFloat(actualBalance).toFixed(2),
+          account_type: account.account_type
+        }
+      }
+    });
+  };
+  const handleClose = () => {
+    if (!updateMutation.isPending) {
+      setActualBalance("");
+      setNotes("");
+      onClose();
+    }
+  };
+  const isLoading = updateMutation.isPending;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open,
+        onClose: handleClose,
+        maxWidth: "sm",
+        fullWidth: true,
+        "aria-labelledby": "reconciliation-dialog-title",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { id: "reconciliation-dialog-title", children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.AccountBalance, { color: "primary" }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", component: "span", children: "Reconcile Account" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "form", onSubmit: handleSubmit, sx: { mt: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "info", sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", gutterBottom: true, children: account.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", children: account.account_type === "asset" ? "Asset Account" : "Debt Account" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 3 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: "Recorded Balance" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h5", color: "text.primary", children: [
+                currencySymbol,
+                recordedBalance.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { my: 2 } }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.TextField,
+              {
+                fullWidth: true,
+                margin: "normal",
+                label: "Actual Balance (from statement)",
+                type: "number",
+                inputProps: {
+                  step: "0.01",
+                  min: "0"
+                },
+                value: actualBalance,
+                onChange: (e) => setActualBalance(e.target.value),
+                required: true,
+                disabled: isLoading,
+                helperText: "Enter the current balance from your bank or account statement",
+                InputProps: {
+                  startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: currencySymbol })
+                }
+              }
+            ),
+            actualBalance && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mt: 2, mb: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Alert,
+              {
+                severity: hasDiscrepancy ? "warning" : "success",
+                sx: { display: "flex", alignItems: "center" },
+                children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { width: "100%" }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle2", gutterBottom: true, children: [
+                    "Difference: ",
+                    currencySymbol,
+                    Math.abs(difference).toFixed(2)
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1, mt: 1 }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Chip,
+                      {
+                        label: difference > 0 ? "Over" : difference < 0 ? "Under" : "Balanced",
+                        color: hasDiscrepancy ? "warning" : "success",
+                        size: "small"
+                      }
+                    ),
+                    !hasDiscrepancy && /* @__PURE__ */ jsxRuntime.jsx(
+                      material.Chip,
+                      {
+                        label: "Reconciled",
+                        color: "success",
+                        size: "small",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Check, {})
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.TextField,
+              {
+                fullWidth: true,
+                margin: "normal",
+                label: "Notes (Optional)",
+                multiline: true,
+                rows: 3,
+                value: notes,
+                onChange: (e) => setNotes(e.target.value),
+                disabled: isLoading,
+                helperText: "Add any notes about this reconciliation",
+                sx: { mt: 2 }
+              }
+            ),
+            !actualBalance && /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", sx: { mt: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "How to reconcile:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+              "1. Check your latest bank or account statement",
+              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+              "2. Enter the actual current balance",
+              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+              "3. Review the difference and click Reconcile"
+            ] }) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                onClick: handleClose,
+                disabled: isLoading,
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Close, {}),
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                onClick: handleSubmit,
+                variant: "contained",
+                disabled: isLoading || !actualBalance,
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Check, {}),
+                children: isLoading ? "Reconciling..." : "Reconcile"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showSuccess,
+        autoHideDuration: 3e3,
+        onClose: () => setShowSuccess(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "success", onClose: () => setShowSuccess(false), children: "Account reconciled successfully!" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Snackbar,
+      {
+        open: showError,
+        autoHideDuration: 5e3,
+        onClose: () => setShowError(false),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", onClose: () => setShowError(false), children: errorMessage || "Reconciliation failed" })
+      }
+    )
+  ] });
+}
+
+exports.AccountBalanceChart = AccountBalanceChart;
+exports.AccountCreateForm = AccountCreateForm;
+exports.AccountDeleteButton = AccountDeleteButton;
+exports.AccountEditForm = AccountEditForm;
+exports.AccountList = AccountList;
+exports.AccountSummary = AccountSummary;
+exports.NetWorthAccountDeleteButton = NetWorthAccountDeleteButton;
+exports.NetWorthAccountEnhancedForm = NetWorthAccountEnhancedForm;
+exports.NetWorthAccountForm = NetWorthAccountForm;
+exports.NetWorthAccountList = NetWorthAccountList;
+exports.NetWorthAccountReconciliationDialog = NetWorthAccountReconciliationDialog;
+exports.NetWorthDashboard = NetWorthDashboard;
+exports.NetWorthHistoryChart = NetWorthHistoryChart;
+exports.NetWorthSummary = NetWorthSummary;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map