diff --git a/web/navigation-panels/topbar.react.js b/web/navigation-panels/topbar.react.js
--- a/web/navigation-panels/topbar.react.js
+++ b/web/navigation-panels/topbar.react.js
@@ -6,9 +6,12 @@
 import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
 
 import AppSwitcher from './app-switcher.react.js';
+import NavStateInfoBar from './nav-state-info-bar.react.js';
 import css from './topbar.css';
 import Button from '../components/button.react.js';
 import AppsDirectory from '../modals/apps/apps-directory-modal.react.js';
+import { useDrawerSelectedThreadID } from '../selectors/thread-selectors.js';
+import { useThreadInfoForPossiblyPendingThread } from '../utils/thread-utils.js';
 
 function Topbar(): React.Node {
   const { pushModal } = useModalContext();
@@ -27,13 +30,19 @@
     [onClickApps],
   );
 
+  const activeChatThreadID = useDrawerSelectedThreadID();
+  const threadInfo = useThreadInfoForPossiblyPendingThread(activeChatThreadID);
+
   return (
-    <div className={css.container}>
-      <div className={css.tabs}>
-        <AppSwitcher />
+    <>
+      <NavStateInfoBar threadInfoInput={threadInfo} />
+      <div className={css.container}>
+        <div className={css.tabs}>
+          <AppSwitcher />
+        </div>
+        {appNavigationItem}
       </div>
-      {appNavigationItem}
-    </div>
+    </>
   );
 }