email wiring

frontend/src/components/DashboardPage.jsx

@@ -35,6 +35,7 @@ import CompanyGroups from "./CompanyGroups";
 import CompanyPeople from "./CompanyPeople";
 import CompanySecurity from "./CompanySecurity";
 import CompanyOverviewSetup, { isOrgSetupComplete } from "./CompanyOverviewSetup";
+import ChangePasswordModal from "./ChangePasswordModal";
 import ComposeModal from "./ComposeModal";
 import MailboxView from "./MailboxView";
 
@@ -113,6 +114,7 @@ export default function DashboardPage() {
   const [agentNav, setAgentNav] = useState(null);
   const [labelsExpanded, setLabelsExpanded] = useState(false);
   const [companyActive, setCompanyActive] = useState(null);
+  const [mustChangePassword, setMustChangePassword] = useState(false);
   const [mailStats, setMailStats] = useState({
     unread: 0,
     starred: 0,
@@ -134,6 +136,7 @@ export default function DashboardPage() {
       .then(async (currentAccount) => {
         sessionStorage.setItem("agmail_account", JSON.stringify(currentAccount));
         setAccount(currentAccount);
+        setMustChangePassword(Boolean(currentAccount.must_change_password));
         if (currentAccount.account_type === "company" && currentAccount.is_domain_owner) {
           try {
             const domain = await getMyCompanyDomain(token);
@@ -490,6 +493,16 @@ export default function DashboardPage() {
         )}
       </main>
       {notice && <div className="dashboard-notice" role="status">{notice}</div>}
+      {mustChangePassword && (
+        <ChangePasswordModal
+          account={account}
+          onComplete={(updated) => {
+            setAccount(updated);
+            setMustChangePassword(false);
+            sessionStorage.setItem("agmail_account", JSON.stringify(updated));
+          }}
+        />
+      )}
       {composeOpen && <ComposeModal account={account} onClose={() => setComposeOpen(false)} onSent={emailSent} />}
     </div>
   );