diff --git a/.changeset/cool-bears-marry.md b/.changeset/cool-bears-marry.md
new file mode 100644
index 0000000..612d048
--- /dev/null
+++ b/.changeset/cool-bears-marry.md
@@ -0,0 +1,5 @@
+---
+'gov4git-desktop-app': minor
+---
+
+Add community dashboard
diff --git a/src/renderer/src/pages/dashboard/community/CommunityBreadcrumbs.tsx b/src/renderer/src/pages/dashboard/community/CommunityBreadcrumbs.tsx
new file mode 100644
index 0000000..ad2426d
--- /dev/null
+++ b/src/renderer/src/pages/dashboard/community/CommunityBreadcrumbs.tsx
@@ -0,0 +1,69 @@
+import {
+  Breadcrumb,
+  BreadcrumbButton,
+  BreadcrumbDivider,
+  BreadcrumbItem,
+} from '@fluentui/react-components'
+import { FC, memo, useMemo } from 'react'
+
+import { useDataStore } from '../../../store/store.js'
+
+export const CommunityBreadcrumbs: FC = memo(function CommunityBreadcrumbs() {
+  const state = useDataStore((s) => s.communityDashboard.state)
+  const setCommunityDashboardState = useDataStore(
+    (s) => s.communityDashboard.setState,
+  )
+  const setCommunityManageState = useDataStore(
+    (s) => s.communityManage.setState,
+  )
+  const communityManageState = useDataStore((s) => s.communityManage.state)
+  const communityToManage = useDataStore(
+    (s) => s.communityManage.communityToManage,
+  )
+
+  const communityManageMessage = useMemo(() => {
+    switch (communityManageState) {
+      case 'users':
+        return 'Users'
+      case 'issues':
+        return 'Issues'
+      case 'pull-requests':
+        return 'Pull Requests'
+      default:
+        return ''
+    }
+  }, [communityManageState])
+
+  if (state == 'overview') {
+    return <></>
+  }
+
+  return (
+    <Breadcrumb size="large">
+      <BreadcrumbItem>
+        <BreadcrumbButton
+          onClick={() => {
+            setCommunityDashboardState('overview')
+            setCommunityManageState('overview')
+          }}
+        >
+          Communities
+        </BreadcrumbButton>
+      </BreadcrumbItem>
+      <BreadcrumbDivider />
+      <BreadcrumbItem>
+        <BreadcrumbButton onClick={() => setCommunityManageState('overview')}>
+          Manage {communityToManage?.name}
+        </BreadcrumbButton>
+      </BreadcrumbItem>
+      {communityManageMessage !== '' && (
+        <>
+          <BreadcrumbDivider />
+          <BreadcrumbItem>
+            <BreadcrumbButton>{communityManageMessage}</BreadcrumbButton>
+          </BreadcrumbItem>
+        </>
+      )}
+    </Breadcrumb>
+  )
+})
diff --git a/src/renderer/src/pages/dashboard/community/DashboardCommunity.styles.ts b/src/renderer/src/pages/dashboard/community/DashboardCommunity.styles.ts
deleted file mode 100644
index 39a7fe7..0000000
--- a/src/renderer/src/pages/dashboard/community/DashboardCommunity.styles.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { makeStyles, shorthands } from '@fluentui/react-components'
-
-export const useDashboardCommunityStyle = makeStyles({
-  buttonRow: {
-    display: 'flex',
-    ...shorthands.gap('8px'),
-    alignItems: 'center',
-  },
-})
diff --git a/src/renderer/src/pages/dashboard/community/DashboardCommunity.tsx b/src/renderer/src/pages/dashboard/community/DashboardCommunity.tsx
index 6731932..14e01bb 100644
--- a/src/renderer/src/pages/dashboard/community/DashboardCommunity.tsx
+++ b/src/renderer/src/pages/dashboard/community/DashboardCommunity.tsx
@@ -1,15 +1,11 @@
-import { Button } from '@fluentui/react-components'
-import { Add32Filled, People32Filled } from '@fluentui/react-icons'
 import { FC, memo, useMemo } from 'react'
 
 import { StyledCard } from '../../../components/index.js'
 import { useDataStore } from '../../../store/store.js'
 import { useHeadingsStyles } from '../../../styles/index.js'
-import { CommunityTable } from './CommunityTable.js'
-import { useDashboardCommunityStyle } from './DashboardCommunity.styles.js'
-import { CommunityDeploy } from './deploy/CommunityDeploy.js'
-import { JoinCommunity } from './join/JoinCommunity.js'
+import { CommunityBreadcrumbs } from './CommunityBreadcrumbs.js'
 import { ManageCommunity } from './manage/ManageCommunity.js'
+import { CommunityOverview } from './overview/CommunityOverview.js'
 
 export const DashboardCommunity: FC = memo(function DashboardCommunity() {
   const headerStyles = useHeadingsStyles()
@@ -19,14 +15,10 @@ export const DashboardCommunity: FC = memo(function DashboardCommunity() {
 
   const Component: FC = useMemo(() => {
     switch (communityDashboardState) {
-      case 'join':
-        return JoinCommunity
-      case 'deploy':
-        return CommunityDeploy
+      case 'overview':
+        return CommunityOverview
       case 'manage':
         return ManageCommunity
-      default:
-        return DashboardCommunityButtons
     }
   }, [communityDashboardState])
 
@@ -34,38 +26,9 @@ export const DashboardCommunity: FC = memo(function DashboardCommunity() {
     <>
       <h2 className={headerStyles.pageHeading}>Communities</h2>
       <StyledCard>
-        <CommunityTable />
-        <br />
+        <CommunityBreadcrumbs />
         <Component />
       </StyledCard>
     </>
   )
 })
-
-export const DashboardCommunityButtons: FC = memo(
-  function DashboardCommunityButtons() {
-    const styles = useDashboardCommunityStyle()
-    const setCommunityDashboardState = useDataStore(
-      (s) => s.communityDashboard.setState,
-    )
-
-    return (
-      <div className={styles.buttonRow}>
-        <Button
-          appearance="primary"
-          icon={<People32Filled />}
-          onClick={() => setCommunityDashboardState('join')}
-        >
-          Join a Community
-        </Button>
-        <Button
-          appearance="primary"
-          icon={<Add32Filled />}
-          onClick={() => setCommunityDashboardState('deploy')}
-        >
-          Deploy a New Community
-        </Button>
-      </div>
-    )
-  },
-)
diff --git a/src/renderer/src/pages/dashboard/community/manage/ManageCommunity.tsx b/src/renderer/src/pages/dashboard/community/manage/ManageCommunity.tsx
index 914c5fe..e9cd6f4 100644
--- a/src/renderer/src/pages/dashboard/community/manage/ManageCommunity.tsx
+++ b/src/renderer/src/pages/dashboard/community/manage/ManageCommunity.tsx
@@ -1,54 +1,27 @@
-import { Tab, TabList } from '@fluentui/react-components'
-import { type FC, memo, useMemo, useState } from 'react'
+import { type FC, memo, useMemo } from 'react'
 
-import { Loader } from '../../../../components/Loader.js'
 import { useDataStore } from '../../../../store/store.js'
-import { IssuesPanel } from './IssuesPanel.js'
-import { UserPanel } from './UserPanel.js'
+import { IssuesPanel } from './issues/IssuesPanel.js'
+import { ManageCommunityOverview } from './overview/ManageCommunityOverview.js'
+import { UserPanel } from './users/UserPanel.js'
 
 export const ManageCommunity: FC = memo(function ManageCommunity() {
-  const [selectedTab, setSelectedTab] = useState('users')
-  const selectedCommunity = useDataStore(
-    (s) => s.communityManage.communityToManage,
-  )!
-  const managedUsers = useDataStore((s) => s.communityManage.users)
-  const managedIssues = useDataStore((s) => s.communityManage.issues)
-  const loading = useMemo(() => {
-    return managedUsers == null || managedIssues == null
-  }, [managedUsers, managedIssues])
+  const communityManageState = useDataStore((s) => s.communityManage.state)
 
   const Component: FC = useMemo(() => {
-    if (selectedTab === 'issues') {
-      return IssuesPanel
+    switch (communityManageState) {
+      case 'users':
+        return UserPanel
+      case 'issues':
+        return IssuesPanel
+      default:
+        return ManageCommunityOverview
     }
-
-    return UserPanel
-  }, [selectedTab])
+  }, [communityManageState])
 
   return (
     <>
-      <h2>Manage {selectedCommunity.name}</h2>
-      <div>
-        <TabList
-          selectedValue={selectedTab}
-          onTabSelect={(e, d) => setSelectedTab(d.value as string)}
-        >
-          <Tab id="users" value="users">
-            Users
-          </Tab>
-          <Tab id="issues" value="issues">
-            Issues
-          </Tab>
-          <Tab id="pull-requests" value="pull-requests">
-            Pull Requests
-          </Tab>
-        </TabList>
-        <div>
-          <Loader isLoading={loading}>
-            <Component />
-          </Loader>
-        </div>
-      </div>
+      <Component />
     </>
   )
 })
diff --git a/src/renderer/src/pages/dashboard/community/manage/IssuesPanel.tsx b/src/renderer/src/pages/dashboard/community/manage/issues/IssuesPanel.tsx
similarity index 89%
rename from src/renderer/src/pages/dashboard/community/manage/IssuesPanel.tsx
rename to src/renderer/src/pages/dashboard/community/manage/issues/IssuesPanel.tsx
index 3f5f6ff..d137309 100644
--- a/src/renderer/src/pages/dashboard/community/manage/IssuesPanel.tsx
+++ b/src/renderer/src/pages/dashboard/community/manage/issues/IssuesPanel.tsx
@@ -12,12 +12,13 @@ import {
 import { parse } from 'marked'
 import { type FC, memo, useCallback, useState } from 'react'
 
-import { Policy } from '../../../../../../electron/db/schema.js'
-import type { CommunityIssue } from '../../../../../../electron/services/index.js'
-import { Message } from '../../../../components/Message.js'
-import { useDataStore } from '../../../../store/store.js'
-import { useMessageStyles } from '../../../../styles/messages.js'
-import { useManageCommunityStyles } from './styles.js'
+import { Policy } from '../../../../../../../electron/db/schema.js'
+import type { CommunityIssue } from '../../../../../../../electron/services/index.js'
+import { Loader } from '../../../../../components/Loader.js'
+import { Message } from '../../../../../components/Message.js'
+import { useDataStore } from '../../../../../store/store.js'
+import { useMessageStyles } from '../../../../../styles/messages.js'
+import { useManageCommunityStyles } from '../styles.js'
 
 const isManaged = (issue: CommunityIssue): boolean => {
   return issue.policy != null
@@ -37,6 +38,7 @@ export const IssuesPanel: FC = memo(function IssuesPanel() {
   const [selectedPolicy, setSelectedPolicy] = useState<Policy | null>(null)
   const manageIssue = useDataStore((s) => s.communityManage.manageIssue)
   const issues = useDataStore((s) => s.communityManage.issues)
+  const issuesLoading = useDataStore((s) => s.communityManage.issuesLoading)
 
   const selectPolicy = useCallback(
     (policy: Policy) => {
@@ -83,7 +85,7 @@ export const IssuesPanel: FC = memo(function IssuesPanel() {
   }, [setSuccessMessage])
 
   return (
-    <div>
+    <Loader isLoading={issuesLoading}>
       <div className={styles.tableArea}>
         <Table>
           <TableHeader>
@@ -171,6 +173,6 @@ export const IssuesPanel: FC = memo(function IssuesPanel() {
           )}
         </div>
       )}
-    </div>
+    </Loader>
   )
 })
diff --git a/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.styles.ts b/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.styles.ts
new file mode 100644
index 0000000..d8a9b33
--- /dev/null
+++ b/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.styles.ts
@@ -0,0 +1,21 @@
+import { makeStyles, shorthands } from '@fluentui/react-components'
+
+import { gov4GitTokens } from '../../../../../App/theme/tokens.js'
+
+export const useManageCommunityOverviewStyles = makeStyles({
+  container: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
+    ...shorthands.gap('16px', '28px'),
+  },
+  card: {
+    ...shorthands.borderRadius(gov4GitTokens.borderRadiusXLarge),
+    boxShadow: gov4GitTokens.shadow16,
+    ...shorthands.border('1px', 'solid', gov4GitTokens.g4gColorNeutralDark),
+    ':hover': {
+      boxShadow: gov4GitTokens.shadow28,
+      backgroundColor: gov4GitTokens.g4gColorSecondaryGreen1,
+      cursor: 'pointer',
+    },
+  },
+})
diff --git a/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.tsx b/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.tsx
new file mode 100644
index 0000000..ec49ea5
--- /dev/null
+++ b/src/renderer/src/pages/dashboard/community/manage/overview/ManageCommunityOverview.tsx
@@ -0,0 +1,50 @@
+import { Card } from '@fluentui/react-components'
+import { FC } from 'react'
+
+import { useDataStore } from '../../../../../store/store.js'
+import { useManageCommunityOverviewStyles } from './ManageCommunityOverview.styles.js'
+
+export const ManageCommunityOverview: FC = function ManageCommunityOverview() {
+  const styles = useManageCommunityOverviewStyles()
+  const setCommunityManageState = useDataStore(
+    (s) => s.communityManage.setState,
+  )
+
+  return (
+    <div className={styles.container}>
+      <Card
+        size="small"
+        className={styles.card}
+        onClick={() => setCommunityManageState('users')}
+      >
+        <h3>Manage Users</h3>
+        <div>
+          View active users, issue voting credits, and manage requests to join
+          the community.
+        </div>
+      </Card>
+      <Card
+        size="small"
+        className={styles.card}
+        onClick={() => setCommunityManageState('issues')}
+      >
+        <h3>Manage Issues</h3>
+        <div>
+          View all issues for selected GitHub community. Select issues to be
+          managed by Gov4Git.
+        </div>
+      </Card>
+      <Card
+        size="small"
+        className={styles.card}
+        onClick={() => setCommunityManageState('pull-requests')}
+      >
+        <h3>Manage Pull Requests</h3>
+        <div>
+          View all pull requests for selected GitHub community. Select pull
+          requests to be managed by Gov4Git.
+        </div>
+      </Card>
+    </div>
+  )
+}
diff --git a/src/renderer/src/pages/dashboard/community/manage/UserPanel.tsx b/src/renderer/src/pages/dashboard/community/manage/users/UserPanel.tsx
similarity index 91%
rename from src/renderer/src/pages/dashboard/community/manage/UserPanel.tsx
rename to src/renderer/src/pages/dashboard/community/manage/users/UserPanel.tsx
index b4072c7..b917455 100644
--- a/src/renderer/src/pages/dashboard/community/manage/UserPanel.tsx
+++ b/src/renderer/src/pages/dashboard/community/manage/users/UserPanel.tsx
@@ -11,8 +11,9 @@ import {
 } from '@fluentui/react-components'
 import { type FC, FormEvent, memo, useCallback, useState } from 'react'
 
-import { useDataStore } from '../../../../store/store.js'
-import { useManageCommunityStyles } from './styles.js'
+import { Loader } from '../../../../../components/Loader.js'
+import { useDataStore } from '../../../../../store/store.js'
+import { useManageCommunityStyles } from '../styles.js'
 
 export const UserPanel: FC = memo(function UserPanel() {
   const selectedCommunity = useDataStore(
@@ -26,6 +27,7 @@ export const UserPanel: FC = memo(function UserPanel() {
   const [loading, setLoading] = useState(false)
   const styles = useManageCommunityStyles()
   const users = useDataStore((s) => s.communityManage.users)
+  const usersLoading = useDataStore((s) => s.communityManage.usersLoading)
 
   const issueCredits = useCallback(
     async (ev: FormEvent<HTMLFormElement>) => {
@@ -52,7 +54,7 @@ export const UserPanel: FC = memo(function UserPanel() {
   )
 
   return (
-    <>
+    <Loader isLoading={usersLoading}>
       <div className={styles.tableArea}>
         <Table>
           <TableHeader>
@@ -111,6 +113,6 @@ export const UserPanel: FC = memo(function UserPanel() {
           </div>
         </form>
       )}
-    </>
+    </Loader>
   )
 })
diff --git a/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.styles.ts b/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.styles.ts
new file mode 100644
index 0000000..c8802e1
--- /dev/null
+++ b/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.styles.ts
@@ -0,0 +1,13 @@
+import { makeStyles, shorthands } from '@fluentui/react-components'
+
+export const useCommunityOverviewStyles = makeStyles({
+  container: {
+    display: 'grid',
+    ...shorthands.gap('28px'),
+  },
+  buttonRow: {
+    display: 'flex',
+    ...shorthands.gap('16px'),
+    alignItems: 'center',
+  },
+})
diff --git a/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.tsx b/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.tsx
new file mode 100644
index 0000000..63428cd
--- /dev/null
+++ b/src/renderer/src/pages/dashboard/community/overview/CommunityOverview.tsx
@@ -0,0 +1,60 @@
+import { Button } from '@fluentui/react-components'
+import { Add32Filled, People32Filled } from '@fluentui/react-icons'
+import { FC, memo, useMemo } from 'react'
+
+import { useDataStore } from '../../../../store/store.js'
+import { useCommunityOverviewStyles } from './CommunityOverview.styles.js'
+import { CommunityTable } from './CommunityTable.js'
+import { CommunityDeploy } from './deploy/CommunityDeploy.js'
+import { JoinCommunity } from './join/JoinCommunity.js'
+
+export const CommunityOverview: FC = function CommunityOverview() {
+  const styles = useCommunityOverviewStyles()
+  const communityOverviewState = useDataStore((s) => s.communityOverview.state)
+
+  const Component: FC = useMemo(() => {
+    switch (communityOverviewState) {
+      case 'join':
+        return JoinCommunity
+      case 'deploy':
+        return CommunityDeploy
+      default:
+        return CommunityOverviewButtons
+    }
+  }, [communityOverviewState])
+
+  return (
+    <div className={styles.container}>
+      <CommunityTable />
+      <Component />
+    </div>
+  )
+}
+
+export const CommunityOverviewButtons: FC = memo(
+  function CommunityOverviewButtons() {
+    const styles = useCommunityOverviewStyles()
+    const setCommunityOverviewState = useDataStore(
+      (s) => s.communityOverview.setState,
+    )
+
+    return (
+      <div className={styles.buttonRow}>
+        <Button
+          appearance="primary"
+          icon={<People32Filled />}
+          onClick={() => setCommunityOverviewState('join')}
+        >
+          Join a Community
+        </Button>
+        <Button
+          appearance="primary"
+          icon={<Add32Filled />}
+          onClick={() => setCommunityOverviewState('deploy')}
+        >
+          Deploy a New Community
+        </Button>
+      </div>
+    )
+  },
+)
diff --git a/src/renderer/src/pages/dashboard/community/CommunityTable.styles.ts b/src/renderer/src/pages/dashboard/community/overview/CommunityTable.styles.ts
similarity index 87%
rename from src/renderer/src/pages/dashboard/community/CommunityTable.styles.ts
rename to src/renderer/src/pages/dashboard/community/overview/CommunityTable.styles.ts
index 9a23d93..dc85976 100644
--- a/src/renderer/src/pages/dashboard/community/CommunityTable.styles.ts
+++ b/src/renderer/src/pages/dashboard/community/overview/CommunityTable.styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles, shorthands } from '@fluentui/react-components'
 
-import { gov4GitTokens } from '../../../App/theme/index.js'
+import { gov4GitTokens } from '../../../../App/theme/index.js'
 
 export const useCommunityTableStyle = makeStyles({
   formRow: {
diff --git a/src/renderer/src/pages/dashboard/community/CommunityTable.tsx b/src/renderer/src/pages/dashboard/community/overview/CommunityTable.tsx
similarity index 93%
rename from src/renderer/src/pages/dashboard/community/CommunityTable.tsx
rename to src/renderer/src/pages/dashboard/community/overview/CommunityTable.tsx
index 2398b33..a2d4b90 100644
--- a/src/renderer/src/pages/dashboard/community/CommunityTable.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/CommunityTable.tsx
@@ -10,12 +10,14 @@ import {
 } from '@fluentui/react-components'
 import { FC, useCallback, useEffect, useMemo, useState } from 'react'
 
-import type { Community } from '../../../../../electron/db/schema.js'
-import { useDataStore } from '../../../store/store.js'
+import type { Community } from '../../../../../../electron/db/schema.js'
+import { Loader } from '../../../../components/Loader.js'
+import { useDataStore } from '../../../../store/store.js'
 import { useCommunityTableStyle } from './CommunityTable.styles.js'
 
 export const CommunityTable: FC = function CommunityTable() {
   const communities = useDataStore((s) => s.communityInfo.communities)
+  const communitiesLoading = useDataStore((s) => s.communityInfo.loading)
   const selectedCommunity = useDataStore(
     (s) => s.communityInfo.selectedCommunity,
   )
@@ -55,7 +57,7 @@ export const CommunityTable: FC = function CommunityTable() {
   }, [communities, setCommunityPages])
 
   return (
-    <>
+    <Loader isLoading={communitiesLoading}>
       {communities != null && communities.length > 0 && (
         <Table>
           <TableHeader>
@@ -94,7 +96,7 @@ export const CommunityTable: FC = function CommunityTable() {
           </TableBody>
         </Table>
       )}
-    </>
+    </Loader>
   )
 }
 
diff --git a/src/renderer/src/pages/dashboard/community/deploy/CommunityDeploy.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/CommunityDeploy.tsx
similarity index 92%
rename from src/renderer/src/pages/dashboard/community/deploy/CommunityDeploy.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/CommunityDeploy.tsx
index f99875f..c7bf7bd 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/CommunityDeploy.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/CommunityDeploy.tsx
@@ -1,6 +1,6 @@
 import { FC, memo, useMemo } from 'react'
 
-import { useDataStore } from '../../../../store/store.js'
+import { useDataStore } from '../../../../../store/store.js'
 import { Nav } from './Nav.js'
 import { ReviewDeploy } from './ReviewDeploy.js'
 import { SelectOrg } from './SelectOrg.js'
diff --git a/src/renderer/src/pages/dashboard/community/deploy/Nav.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/Nav.tsx
similarity index 95%
rename from src/renderer/src/pages/dashboard/community/deploy/Nav.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/Nav.tsx
index 632869c..c1dc39a 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/Nav.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/Nav.tsx
@@ -6,7 +6,7 @@ import {
 } from '@fluentui/react-components'
 import { FC, memo } from 'react'
 
-import { useDataStore } from '../../../../store/store.js'
+import { useDataStore } from '../../../../../store/store.js'
 
 export const Nav: FC = memo(function Nav() {
   const state = useDataStore((s) => s.communityDeploy.state)
diff --git a/src/renderer/src/pages/dashboard/community/deploy/ReviewDeploy.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/ReviewDeploy.tsx
similarity index 85%
rename from src/renderer/src/pages/dashboard/community/deploy/ReviewDeploy.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/ReviewDeploy.tsx
index 5f339bc..211b56a 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/ReviewDeploy.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/ReviewDeploy.tsx
@@ -1,14 +1,14 @@
 import { Button } from '@fluentui/react-components'
 import { FC, memo, useCallback, useState } from 'react'
 
-import { Message } from '../../../../components/Message.js'
-import { useDataStore } from '../../../../store/store.js'
-import { useMessageStyles } from '../../../../styles/index.js'
+import { Message } from '../../../../../components/Message.js'
+import { useDataStore } from '../../../../../store/store.js'
+import { useMessageStyles } from '../../../../../styles/index.js'
 
 export const ReviewDeploy: FC = memo(function ReviewDeploy() {
   const [loading, setLoading] = useState(false)
-  const setCommunityDashboardState = useDataStore(
-    (s) => s.communityDashboard.setState,
+  const setCommunityOverviewState = useDataStore(
+    (s) => s.communityOverview.setState,
   )
   const setCommunityDeployState = useDataStore(
     (s) => s.communityDeploy.setState,
@@ -42,8 +42,8 @@ export const ReviewDeploy: FC = memo(function ReviewDeploy() {
   const dismissMessage = useCallback(() => {
     setSuccessMessage('')
     setCommunityDeployState('initial')
-    setCommunityDashboardState('initial')
-  }, [setSuccessMessage, setCommunityDashboardState, setCommunityDeployState])
+    setCommunityOverviewState('overview')
+  }, [setSuccessMessage, setCommunityOverviewState, setCommunityDeployState])
 
   return (
     <>
diff --git a/src/renderer/src/pages/dashboard/community/deploy/SelectOrg.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/SelectOrg.tsx
similarity index 90%
rename from src/renderer/src/pages/dashboard/community/deploy/SelectOrg.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/SelectOrg.tsx
index 22b6c67..70bfa70 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/SelectOrg.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/SelectOrg.tsx
@@ -13,10 +13,10 @@ import {
 import { Verification } from '@octokit/auth-oauth-device/dist-types/types.js'
 import { FC, memo, useCallback, useEffect, useState } from 'react'
 
-import { Loader } from '../../../../components/Loader.js'
-import { LoginVerification } from '../../../../components/LoginVerification.js'
-import { useDataStore } from '../../../../store/store.js'
-import { useButtonStyles } from '../../../../styles/index.js'
+import { Loader } from '../../../../../components/Loader.js'
+import { LoginVerification } from '../../../../../components/LoginVerification.js'
+import { useDataStore } from '../../../../../store/store.js'
+import { useButtonStyles } from '../../../../../styles/index.js'
 import { useCommunityDeployStyle } from './styles.js'
 
 export const SelectOrg: FC = memo(function SelectOrg() {
@@ -26,8 +26,8 @@ export const SelectOrg: FC = memo(function SelectOrg() {
   const selectedOrg = useDataStore((s) => s.communityDeploy.selectedOrg)
   const setSelectedOrg = useDataStore((s) => s.communityDeploy.selectOrg)
   const styles = useCommunityDeployStyle()
-  const setCommunityDashboardState = useDataStore(
-    (s) => s.communityDashboard.setState,
+  const setCommunityOverviewState = useDataStore(
+    (s) => s.communityOverview.setState,
   )
   const setCommunityDeployState = useDataStore(
     (s) => s.communityDeploy.setState,
@@ -108,7 +108,7 @@ export const SelectOrg: FC = memo(function SelectOrg() {
           </Table>
         )}
         <div className={styles.buttonRow}>
-          <Button onClick={() => setCommunityDashboardState('initial')}>
+          <Button onClick={() => setCommunityOverviewState('overview')}>
             Cancel
           </Button>
           <Button
diff --git a/src/renderer/src/pages/dashboard/community/deploy/SelectRepo.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/SelectRepo.tsx
similarity index 94%
rename from src/renderer/src/pages/dashboard/community/deploy/SelectRepo.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/SelectRepo.tsx
index 1fc17d8..29fb3b8 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/SelectRepo.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/SelectRepo.tsx
@@ -10,8 +10,8 @@ import {
 } from '@fluentui/react-components'
 import { FC, memo } from 'react'
 
-import { Loader } from '../../../../components/Loader.js'
-import { useDataStore } from '../../../../store/store.js'
+import { Loader } from '../../../../../components/Loader.js'
+import { useDataStore } from '../../../../../store/store.js'
 import { useCommunityDeployStyle } from './styles.js'
 
 export const SelectRepo: FC = memo(function SelectRepo() {
diff --git a/src/renderer/src/pages/dashboard/community/deploy/Token.tsx b/src/renderer/src/pages/dashboard/community/overview/deploy/Token.tsx
similarity index 98%
rename from src/renderer/src/pages/dashboard/community/deploy/Token.tsx
rename to src/renderer/src/pages/dashboard/community/overview/deploy/Token.tsx
index 101793d..a32553e 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/Token.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/Token.tsx
@@ -1,7 +1,7 @@
 import { Button, Field, Input } from '@fluentui/react-components'
 import { FC, memo } from 'react'
 
-import { useDataStore } from '../../../../store/store.js'
+import { useDataStore } from '../../../../../store/store.js'
 import { useCommunityDeployStyle } from './styles.js'
 
 export const Token: FC = memo(function Deploy() {
diff --git a/src/renderer/src/pages/dashboard/community/deploy/styles.ts b/src/renderer/src/pages/dashboard/community/overview/deploy/styles.ts
similarity index 89%
rename from src/renderer/src/pages/dashboard/community/deploy/styles.ts
rename to src/renderer/src/pages/dashboard/community/overview/deploy/styles.ts
index e53e4ee..964a952 100644
--- a/src/renderer/src/pages/dashboard/community/deploy/styles.ts
+++ b/src/renderer/src/pages/dashboard/community/overview/deploy/styles.ts
@@ -1,6 +1,6 @@
 import { makeStyles, shorthands } from '@fluentui/react-components'
 
-import { gov4GitTokens } from '../../../../App/theme/tokens.js'
+import { gov4GitTokens } from '../../../../../App/theme/tokens.js'
 
 export const useCommunityDeployStyle = makeStyles({
   firstCol: {
@@ -10,7 +10,7 @@ export const useCommunityDeployStyle = makeStyles({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'flex-end',
-    ...shorthands.gap('8px'),
+    ...shorthands.gap('16px'),
     ...shorthands.padding('8px', 0),
   },
   instructionTitle: {
diff --git a/src/renderer/src/pages/dashboard/community/join/styles.ts b/src/renderer/src/pages/dashboard/community/overview/join/JoinCommunity.styles.ts
similarity index 100%
rename from src/renderer/src/pages/dashboard/community/join/styles.ts
rename to src/renderer/src/pages/dashboard/community/overview/join/JoinCommunity.styles.ts
diff --git a/src/renderer/src/pages/dashboard/community/join/JoinCommunity.tsx b/src/renderer/src/pages/dashboard/community/overview/join/JoinCommunity.tsx
similarity index 82%
rename from src/renderer/src/pages/dashboard/community/join/JoinCommunity.tsx
rename to src/renderer/src/pages/dashboard/community/overview/join/JoinCommunity.tsx
index e18f758..0d514f4 100644
--- a/src/renderer/src/pages/dashboard/community/join/JoinCommunity.tsx
+++ b/src/renderer/src/pages/dashboard/community/overview/join/JoinCommunity.tsx
@@ -1,10 +1,10 @@
 import { Button, Field, InfoLabel, Input } from '@fluentui/react-components'
 import { FC, FormEvent, memo, useCallback, useState } from 'react'
 
-import { Message } from '../../../../components/Message.js'
-import { useDataStore } from '../../../../store/store.js'
-import { useMessageStyles } from '../../../../styles/index.js'
-import { useJoinCommunityStyles } from './styles.js'
+import { Message } from '../../../../../components/Message.js'
+import { useDataStore } from '../../../../../store/store.js'
+import { useMessageStyles } from '../../../../../styles/index.js'
+import { useJoinCommunityStyles } from './JoinCommunity.styles.js'
 
 export const JoinCommunity: FC = memo(function JoinCommunity() {
   const messageStyles = useMessageStyles()
@@ -13,8 +13,8 @@ export const JoinCommunity: FC = memo(function JoinCommunity() {
   const styles = useJoinCommunityStyles()
   const joinCommunity = useDataStore((s) => s.joinCommunity)
   const [errors, setErrors] = useState<string[]>([])
-  const setCommunityDashboardState = useDataStore(
-    (s) => s.communityDashboard.setState,
+  const setCommunityOverviewState = useDataStore(
+    (s) => s.communityOverview.setState,
   )
 
   const save = useCallback(
@@ -27,14 +27,14 @@ export const JoinCommunity: FC = memo(function JoinCommunity() {
       setNewProjectUrl('')
       setLoading(false)
       if (errors.length === 0) {
-        setCommunityDashboardState('initial')
+        setCommunityOverviewState('overview')
       }
     },
     [
       setLoading,
       joinCommunity,
       setNewProjectUrl,
-      setCommunityDashboardState,
+      setCommunityOverviewState,
       newProjectUrl,
       setErrors,
     ],
@@ -78,7 +78,7 @@ export const JoinCommunity: FC = memo(function JoinCommunity() {
           />
         </Field>
         <div className={styles.formRow}>
-          <Button onClick={() => setCommunityDashboardState('initial')}>
+          <Button onClick={() => setCommunityOverviewState('overview')}>
             Cancel
           </Button>
           <Button
diff --git a/src/renderer/src/pages/layout/DataLoader.tsx b/src/renderer/src/pages/layout/DataLoader.tsx
index 443f2f8..13753c6 100644
--- a/src/renderer/src/pages/layout/DataLoader.tsx
+++ b/src/renderer/src/pages/layout/DataLoader.tsx
@@ -11,6 +11,15 @@ export const DataLoader: FC = function DataLoader() {
   const refreshCache = useDataStore((s) => s.refreshCache)
   const motionSearchArgs = useDataStore((s) => s.motionInfo.searchArgs)
   const fetchMotions = useDataStore((s) => s.motionInfo.fetchMotions)
+  const communityToManage = useDataStore(
+    (s) => s.communityManage.communityToManage,
+  )
+  const fetchCommunityUsers = useDataStore(
+    (s) => s.communityManage.fetchCommunityUsers,
+  )
+  const fetchCommunityIssues = useDataStore(
+    (s) => s.communityManage.fetchCommunityIssues,
+  )
 
   useEffect(() => {
     let shouldUpdate = true
@@ -31,6 +40,25 @@ export const DataLoader: FC = function DataLoader() {
     void run()
   }, [getUser, getCommunities])
 
+  useEffect(() => {
+    let shouldUpdate = true
+
+    async function run() {
+      if (communityToManage != null) {
+        await Promise.allSettled([
+          fetchCommunityUsers(communityToManage, false, () => shouldUpdate),
+          fetchCommunityIssues(communityToManage, false, () => shouldUpdate),
+        ])
+      }
+    }
+
+    void run()
+
+    return () => {
+      shouldUpdate = false
+    }
+  }, [communityToManage, fetchCommunityUsers, fetchCommunityIssues])
+
   useEffect(() => {
     // void refreshCache()
     const updateCacheInterval = setInterval(
diff --git a/src/renderer/src/store/communityDashboardStore.ts b/src/renderer/src/store/communityDashboardStore.ts
index b810f6a..6104cde 100644
--- a/src/renderer/src/store/communityDashboardStore.ts
+++ b/src/renderer/src/store/communityDashboardStore.ts
@@ -10,7 +10,7 @@ export const createCommunityDashboardStore: StateCreator<
   CommunityDashboardStore
 > = (set, get) => ({
   communityDashboard: {
-    state: 'initial',
+    state: 'overview',
     setState: (state) => {
       set((s) => {
         s.communityDashboard.state = state
diff --git a/src/renderer/src/store/communityManageStore.ts b/src/renderer/src/store/communityManageStore.ts
index f6c3f10..2ac9bb2 100644
--- a/src/renderer/src/store/communityManageStore.ts
+++ b/src/renderer/src/store/communityManageStore.ts
@@ -26,28 +26,71 @@ export const createCommunityManageStore: StateCreator<
   CommunityManageStore
 > = (set, get) => ({
   communityManage: {
+    state: 'overview',
     communityToManage: null,
+    usersLoading: false,
     users: null,
+    issuesLoading: false,
     issues: null,
-    setCommunity: serialAsync(async (community: Community | null) => {
-      if (community != null) {
+    setState: (state) => {
+      set((s) => {
+        s.communityManage.state = state
+      })
+    },
+    setCommunity: (community: Community | null) => {
+      const currentCommunity = get().communityManage.communityToManage
+      if (currentCommunity == null || currentCommunity.url != community?.url) {
         set((s) => {
           s.communityManage.communityToManage = community
           s.communityManage.users = null
           s.communityManage.issues = null
         })
-        await get().tryRun(async () => {
-          const [users, issues] = await Promise.all([
-            fetchUsers(community.url),
-            fetchIssues(community.url),
-          ])
+      }
+    },
+    fetchCommunityUsers: async (
+      community: Community,
+      silent = true,
+      shouldUpdate = () => true,
+    ) => {
+      await get().tryRun(async () => {
+        if (!silent) {
+          set((s) => {
+            s.communityManage.usersLoading = true
+          })
+        }
+        const users = await communityService.getCommunityUsers(community.url)
+        if (shouldUpdate()) {
           set((s) => {
             s.communityManage.users = users
+            if (!silent) {
+              s.communityManage.usersLoading = false
+            }
+          })
+        }
+      }, `Failed to load users for community ${community.name}`)
+    },
+    fetchCommunityIssues: async (
+      community: Community,
+      silent = true,
+      shouldUpdate = () => true,
+    ) => {
+      await get().tryRun(async () => {
+        if (!silent) {
+          set((s) => {
+            s.communityManage.issuesLoading = true
+          })
+        }
+        const issues = await communityService.getCommunityIssues(community.url)
+        if (shouldUpdate()) {
+          set((s) => {
             s.communityManage.issues = issues
+            if (!silent) {
+              s.communityManage.issuesLoading = false
+            }
           })
-        }, `Failed to manage community ${community.name}.`)
-      }
-    }),
+        }
+      }, `Failed to load issues for community ${community.name}`)
+    },
     issueVotingCredits: serialAsync(async (args: IssueVotingCreditsArgs) => {
       await get().tryRun(async () => {
         await communityService.issueVotingCredits(args)
diff --git a/src/renderer/src/store/communityOverviewStore.ts b/src/renderer/src/store/communityOverviewStore.ts
new file mode 100644
index 0000000..c144861
--- /dev/null
+++ b/src/renderer/src/store/communityOverviewStore.ts
@@ -0,0 +1,20 @@
+import { StateCreator } from 'zustand'
+import type {} from 'zustand/middleware/immer'
+
+import { CommunityOverviewStore, Store } from './types.js'
+
+export const createCommunityOverviewStore: StateCreator<
+  Store,
+  [['zustand/immer', never]],
+  [],
+  CommunityOverviewStore
+> = (set, get) => ({
+  communityOverview: {
+    state: 'overview',
+    setState: (state) => {
+      set((s) => {
+        s.communityOverview.state = state
+      })
+    },
+  },
+})
diff --git a/src/renderer/src/store/motionStore.ts b/src/renderer/src/store/motionStore.ts
index 4786bec..e442c3b 100644
--- a/src/renderer/src/store/motionStore.ts
+++ b/src/renderer/src/store/motionStore.ts
@@ -7,7 +7,6 @@ import type {
   MotionVotedStatus,
   MotionVoteOption,
 } from '../../../electron/db/schema.js'
-import { serialAsync } from '../../../shared/index.js'
 import { motionService } from '../services/MotionService.js'
 import type { MotionStore, Store } from './types.js'
 
diff --git a/src/renderer/src/store/store.ts b/src/renderer/src/store/store.ts
index 2696362..b7375a1 100644
--- a/src/renderer/src/store/store.ts
+++ b/src/renderer/src/store/store.ts
@@ -6,6 +6,7 @@ import { createCommunityDashboardStore } from './communityDashboardStore.js'
 import { createCommunityDeployStore } from './communityDeployStore.js'
 import { createCommunityJoinStore } from './communityJoinStore.js'
 import { createCommunityManageStore } from './communityManageStore.js'
+import { createCommunityOverviewStore } from './communityOverviewStore.js'
 import { createCommunityStore } from './communityStore.js'
 import { createErrorStore } from './errorStore.js'
 import { createGlobalStore } from './globalStore.js'
@@ -27,5 +28,6 @@ export const useDataStore = create<Store>()(
     ...createCommunityDeployStore(...a),
     ...createErrorStore(...a),
     ...createLogStore(...a),
+    ...createCommunityOverviewStore(...a),
   })),
 )
diff --git a/src/renderer/src/store/types.ts b/src/renderer/src/store/types.ts
index c1504cd..5935bac 100644
--- a/src/renderer/src/store/types.ts
+++ b/src/renderer/src/store/types.ts
@@ -99,13 +99,7 @@ export type CommunityJoinStore = {
   joinCommunity: (projectUrl: string) => Promise<string[]>
 }
 
-export type CommunityDashboardState = 'initial' | 'join' | 'deploy' | 'manage'
-export type CommunityDeployState =
-  | 'initial'
-  | 'repo-select'
-  | 'provide-token'
-  | 'deploy'
-
+export type CommunityDashboardState = 'overview' | 'manage'
 export type CommunityDashboardStore = {
   communityDashboard: {
     state: CommunityDashboardState
@@ -113,17 +107,50 @@ export type CommunityDashboardStore = {
   }
 }
 
+export type CommunityOverviewState = 'overview' | 'join' | 'deploy'
+export type CommunityOverviewStore = {
+  communityOverview: {
+    state: CommunityOverviewState
+    setState: (state: CommunityOverviewState) => void
+  }
+}
+
+export type CommunityManageState =
+  | 'overview'
+  | 'users'
+  | 'issues'
+  | 'pull-requests'
 export type CommunityManageStore = {
   communityManage: {
+    state: CommunityManageState
+    setState: (state: CommunityManageState) => void
     communityToManage: Community | null
+    usersLoading: boolean
     users: UserCredits[] | null
+    issuesLoading: boolean
     issues: CommunityIssuesResponse | null
-    setCommunity: (community: Community) => Promise<void>
+    setCommunity: (community: Community) => void
+    fetchCommunityIssues: (
+      community: Community,
+      silent?: boolean,
+      shouldUpdate?: () => boolean,
+    ) => Promise<void>
+    fetchCommunityUsers: (
+      Community: Community,
+      silent?: boolean,
+      shouldUpdate?: () => boolean,
+    ) => Promise<void>
     issueVotingCredits: (credits: IssueVotingCreditsArgs) => Promise<void>
     manageIssue: (args: ManageIssueArgs) => Promise<void>
   }
 }
 
+export type CommunityDeployState =
+  | 'initial'
+  | 'repo-select'
+  | 'provide-token'
+  | 'deploy'
+
 export type CommunityDeployStore = {
   communityDeploy: {
     state: CommunityDeployState
@@ -151,7 +178,8 @@ export type Store = GlobalStore &
   CommunityManageStore &
   CommunityDeployStore &
   ErrorStore &
-  LogStore
+  LogStore &
+  CommunityOverviewStore
 
 export type Set = (
   args: Store | Partial<Store> | ((draft: Draft<Store>) => void),