human handoffs

frontend/src/components/DashboardPage.jsx

@@ -12,6 +12,7 @@ import {
   LogOut,
   Mail,
   Menu,
+  HandHelping,
   Plug,
   Send,
   Settings,
@@ -38,6 +39,7 @@ import CompanyOverview from "./CompanyOverview";
 import CompanyOverviewSetup, { isOrgSetupComplete } from "./CompanyOverviewSetup";
 import ChangePasswordModal from "./ChangePasswordModal";
 import ComposeDock, { triggerOpenCompose } from "./ComposeDock";
+import HumanHandoff from "./HumanHandoff";
 import MailboxView from "./MailboxView";
 
 const mailItems = [
@@ -63,6 +65,7 @@ const agentItems = [
   [Sparkles, "Ask Agent", "ask"],
   [ListChecks, "Action Items", "actions"],
   [Sparkles, "Summaries", "summaries"],
+  [HandHelping, "Human Handoff", "handoff"],
   [Plug, "Integrations", "integrations"],
 ];
 
@@ -204,8 +207,8 @@ export default function DashboardPage() {
     setMenuOpen(false);
   }
 
-  function openCompose() {
-    triggerOpenCompose();
+  function openCompose(context = null) {
+    triggerOpenCompose(context);
   }
 
   function emailSent() {
@@ -409,7 +412,10 @@ export default function DashboardPage() {
             <span className="dashboard-account-pill">{workspaceLabel}</span>
           </div>
         )}
-        {!companyActive && active === "Inbox" && (
+        {!companyActive && active === "Inbox" && agentNav === "handoff" && (
+          <HumanHandoff account={account} />
+        )}
+        {!companyActive && active === "Inbox" && agentNav !== "handoff" && (
           <MailboxView
             mailbox="inbox"
             title="Inbox"