@opengeni/react 4.6.1 → 4.6.2-canary.39853438886001

package/dist/session-ui.js

@@ -8,10 +8,10 @@ import {
   SessionMachineAccessNotice,
   SessionMachineChoices,
   SessionStartNotice
-} from "./chunk-4PC7LIQK.js";
+} from "./chunk-4ZMUWRFF.js";
 import "./chunk-WLEDGIVS.js";
 import "./chunk-HMU5IELG.js";
-import "./chunk-C6JL6PBL.js";
+import "./chunk-AQDRH6VF.js";
 import {
   OpenGeniChat,
   QueueSurface,
@@ -19,9 +19,8 @@ import {
   SessionCommandsPanel,
   SessionList,
   StartupTimings
-} from "./chunk-FMATVQFW.js";
-import "./chunk-AJ7PY4FJ.js";
-import "./chunk-V3K4RQO7.js";
+} from "./chunk-6XXMG5YP.js";
+import "./chunk-Y3GCG6CA.js";
 import {
   ApprovalSurface,
   HumanInputForm,
@@ -36,18 +35,19 @@ import {
   sessionChromeGoalPillExplanation,
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState
-} from "./chunk-FVCLVASD.js";
+} from "./chunk-FI3KRVOF.js";
 import "./chunk-22GTC4MZ.js";
-import "./chunk-FH75NNLB.js";
-import "./chunk-SK57RWSA.js";
+import "./chunk-MZGKQ5WV.js";
 import {
   UserMessageBody,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-DNYD7AUG.js";
+} from "./chunk-4BOLIZ7Y.js";
 import "./chunk-KDQAWRYZ.js";
+import "./chunk-OZ5NAXCP.js";
+import "./chunk-V3K4RQO7.js";
 import {
   OpenGeniProvider
-} from "./chunk-CKA4SJRK.js";
+} from "./chunk-XIQDCQX7.js";
 import {
   KnowledgeActivityProvider,
   LearningRefusalActionsProvider,
@@ -58,33 +58,33 @@ import {
   defaultToolRegistry,
   setStartupDetails,
   useStartupDetails
-} from "./chunk-BCFHMBMK.js";
+} from "./chunk-J5HZBHU4.js";
 import "./chunk-B27E3V37.js";
-import "./chunk-F4B2YYCN.js";
-import "./chunk-3ZZOE4SN.js";
-import "./chunk-QLDMF7MH.js";
-import "./chunk-6K3WNTRI.js";
+import "./chunk-TAWFXRXB.js";
+import "./chunk-LOCDYMD6.js";
+import "./chunk-LC5HE7PZ.js";
+import "./chunk-AODISQO6.js";
 import {
   createOlderHistoryLoadReceipt,
   useNewConversation,
   useSessionConversation
-} from "./chunk-O4AWXTZQ.js";
-import "./chunk-EMIVOS73.js";
+} from "./chunk-HUYLQW75.js";
 import "./chunk-34EU25RL.js";
+import "./chunk-EMIVOS73.js";
 import "./chunk-CPLCSM6K.js";
 import "./chunk-UD2PSIIX.js";
 import "./chunk-6MRY2RUZ.js";
 import "./chunk-I6FIXEL4.js";
 import "./chunk-ZOARMQY2.js";
 import "./chunk-NLAFNMPK.js";
-import "./chunk-WWM7WVD2.js";
+import "./chunk-GABFKHQE.js";
 import "./chunk-MK2TQO4Y.js";
 import {
   SecretAnswerChip,
   SecretRefChip,
   SecretRefText,
   SecretsUiProvider
-} from "./chunk-26P7B46A.js";
+} from "./chunk-DXYARXK3.js";
 import "./chunk-OYQQJL3J.js";
 import "./chunk-RZLBICR5.js";
 import "./chunk-H3LIIAGE.js";
@@ -102,8 +102,8 @@ import "./chunk-4U7SHFQ2.js";
 import {
   ArtifactLabelsProvider,
   DEFAULT_ARTIFACT_LABELS
-} from "./chunk-6N7W3TOV.js";
-import "./chunk-K4FDZVMQ.js";
+} from "./chunk-63BPMTBM.js";
+import "./chunk-PR42VIVY.js";
 import "./chunk-C5ZCSVZ7.js";
 import "./chunk-BOG2FED3.js";
 import "./chunk-YSRBFJMQ.js";
@@ -127,17 +127,17 @@ import "./chunk-UNJPZGNK.js";
 import "./chunk-XV6ZYRHK.js";
 import "./chunk-IGVL3ELX.js";
 import "./chunk-PEHTX3V7.js";
-import "./chunk-MB2DTUEG.js";
+import "./chunk-DNYKLU3K.js";
 import "./chunk-3IWPC6O3.js";
-import "./chunk-I57HZMMA.js";
+import "./chunk-IXIE3H43.js";
 import "./chunk-7RRMTSCI.js";
-import "./chunk-ZWACUOU5.js";
+import "./chunk-CDBGAAJY.js";
 import "./chunk-PNNTR6KP.js";
 import "./chunk-WJPMYXKZ.js";
 import "./chunk-VYT4POBH.js";
 import "./chunk-6F34IWSA.js";
 import "./chunk-IQ64BNAG.js";
-import "./chunk-DNWBLT4U.js";
+import "./chunk-MASBMJ2M.js";
 import "./chunk-J3BHDXQQ.js";
 import "./chunk-CFEFYPNR.js";
 import "./chunk-N7S72EXK.js";
@@ -148,7 +148,7 @@ import "./chunk-TVQCDDSZ.js";
 import "./chunk-SJGAHTY5.js";
 import "./chunk-4NHJ6EXL.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   ApprovalSurface,
   ArtifactLabelsProvider,

package/dist/session.js

@@ -11,7 +11,7 @@ import {
 } from "./chunk-W6T5HR3Z.js";
 import {
   useSessionStart
-} from "./chunk-C6JL6PBL.js";
+} from "./chunk-AQDRH6VF.js";
 import {
   conversationTimeline,
   createOlderHistoryLoadReceipt,
@@ -28,9 +28,9 @@ import {
   useSessionEvents,
   useSessionReadAcknowledgement,
   useTurnQueue
-} from "./chunk-O4AWXTZQ.js";
-import "./chunk-EMIVOS73.js";
+} from "./chunk-HUYLQW75.js";
 import "./chunk-34EU25RL.js";
+import "./chunk-EMIVOS73.js";
 import {
   admissionControlNeedsRefresh,
   admissionRecheckControl,
@@ -62,7 +62,7 @@ import "./chunk-ZOARMQY2.js";
 import {
   useRetainedReads
 } from "./chunk-NLAFNMPK.js";
-import "./chunk-WWM7WVD2.js";
+import "./chunk-GABFKHQE.js";
 import "./chunk-C5ZCSVZ7.js";
 import {
   humanInputRequestFromEvent,
@@ -82,14 +82,14 @@ import {
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-I57HZMMA.js";
+} from "./chunk-IXIE3H43.js";
 import "./chunk-CFEFYPNR.js";
 import "./chunk-2KO2G3RI.js";
 import "./chunk-CM7LVUKC.js";
 import "./chunk-TVQCDDSZ.js";
 import "./chunk-SJGAHTY5.js";
 import "./chunk-4NHJ6EXL.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   FILE_ONLY_MESSAGE_TEXT,
   admissionControlNeedsRefresh,

package/dist/sites.js

@@ -3,11 +3,11 @@ import "./chunk-MSUVXPQ7.js";
 import {
   SiteDetail,
   SiteList
-} from "./chunk-2SZ3KC5S.js";
+} from "./chunk-IMKIIS4Y.js";
 import {
   loadSiteSnapshot
 } from "./chunk-IOYHDEP3.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   SiteDetail,
   SiteList,

package/dist/terminal.js

@@ -4,14 +4,14 @@ import {
 } from "./chunk-FPS7ARET.js";
 import {
   SandboxTerminal
-} from "./chunk-4XO346BW.js";
+} from "./chunk-4FBJFQFU.js";
 import "./chunk-QV3DJVRZ.js";
 import "./chunk-TNEZNMSN.js";
 import {
   registerSandboxTerminal
 } from "./chunk-5I4VRWBB.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   SandboxTerminal,
   enableSandboxTerminal,

package/dist/this-computer.js

@@ -15,7 +15,7 @@ import {
   thisComputerReady,
   useThisComputer,
   useThisComputerSetupOpen
-} from "./chunk-BWKZEW6K.js";
+} from "./chunk-4T3E56NT.js";
 import {
   ThisComputerCard,
   ThisComputerOffer,
@@ -23,9 +23,9 @@ import {
   defaultThisComputerLabels,
   thisComputerView,
   useThisComputerOfferDismissed
-} from "./chunk-K4FDZVMQ.js";
+} from "./chunk-PR42VIVY.js";
 import "./chunk-XEA5BCMA.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   AppIcon,
   ComputerIllustration,

package/dist/timeline/connector-logo-index.d.ts

@@ -0,0 +1,19 @@
+/** The catalog fields that name a connector's domains and logo. */
+export type ConnectorLogoSource = {
+    providerDomain?: string | null | undefined;
+    mcpUrl?: string | null | undefined;
+    connectionRef?: {
+        providerDomain?: string | null | undefined;
+    } | null | undefined;
+    logoAssetPath?: string | null | undefined;
+};
+/** "WWW.Linear.app " → "linear.app". */
+export declare function normalizeConnectorDomain(domain: string): string;
+/**
+ * Every domain each catalog entry is known by, mapped to its logo URL. The
+ * provider's own domain is claimed first across the whole catalog, so another
+ * entry's server host never takes over a provider's logo.
+ */
+export declare function connectorLogoIndex(catalog: readonly ConnectorLogoSource[], logoUrl: (logoAssetPath: string | null | undefined) => string | null | undefined): ReadonlyMap<string, string>;
+/** The logo for a connector domain from an index built by `connectorLogoIndex`. */
+export declare function connectorLogo(index: ReadonlyMap<string, string>, domain: string | null | undefined): string | null;

package/dist/{timeline-annotation-markers-OJYKHBEO.js → timeline-annotation-markers-NDHS7MCK.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk-TXS65BB2.js";
 import {
   useOpenGeniText
-} from "./chunk-S6WJ6TUT.js";
+} from "./chunk-ZEVJGMNB.js";
 
 // src/components/timeline-annotation-markers.tsx
 import { useLayoutEffect, useState } from "react";
@@ -173,4 +173,4 @@ export {
   TimelineAnnotationMarkers,
   timeline_annotation_markers_default as default
 };
-//# sourceMappingURL=timeline-annotation-markers-OJYKHBEO.js.map
+//# sourceMappingURL=timeline-annotation-markers-NDHS7MCK.js.map

package/dist/{timeline-annotation-selection-6OAZLXFU.js → timeline-annotation-selection-DRQSTJOV.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-XEA5BCMA.js";
 import {
   useOpenGeniText
-} from "./chunk-S6WJ6TUT.js";
+} from "./chunk-ZEVJGMNB.js";
 
 // src/components/timeline-annotation-selection.tsx
 import { QuoteIcon } from "lucide-react";
@@ -201,4 +201,4 @@ export {
   TimelineAnnotationSelection,
   timeline_annotation_selection_default as default
 };
-//# sourceMappingURL=timeline-annotation-selection-6OAZLXFU.js.map
+//# sourceMappingURL=timeline-annotation-selection-DRQSTJOV.js.map

package/dist/{timeline-annotations-dialog-5M6DP5FX.js → timeline-annotations-dialog-G6J5ZJKN.js}

@@ -4,7 +4,7 @@ import {
   AnnotationNoteField,
   AnnotationNotePreview,
   AnnotationQuoteSourceButton
-} from "./chunk-QLDMF7MH.js";
+} from "./chunk-LC5HE7PZ.js";
 import {
   cssEscapeAttribute
 } from "./chunk-H3LIIAGE.js";
@@ -25,7 +25,7 @@ import {
 import "./chunk-TXS65BB2.js";
 import {
   useOpenGeniText
-} from "./chunk-S6WJ6TUT.js";
+} from "./chunk-ZEVJGMNB.js";
 
 // src/components/timeline-annotations-dialog.tsx
 import { XIcon } from "lucide-react";
@@ -280,4 +280,4 @@ export {
   TimelineAnnotationsDialog,
   timeline_annotations_dialog_default as default
 };
-//# sourceMappingURL=timeline-annotations-dialog-5M6DP5FX.js.map
+//# sourceMappingURL=timeline-annotations-dialog-G6J5ZJKN.js.map

package/dist/timeline-model.d.ts

@@ -4,6 +4,8 @@ export { clusterIsSettled, compactedLandmarkCount, durationBetween, flattenActiv
 export type { ActivityGroup, ReadableWorkOptions, TurnGroup } from "./timeline/work-presentation.js";
 export { timelineGroupContainsPresentedImage } from "./timeline/presented-image.js";
 export { mcpToolLeaf, toolDisplayName } from "./timeline/tool-display-name.js";
+export { connectorLogo, connectorLogoIndex, normalizeConnectorDomain, } from "./timeline/connector-logo-index.js";
+export type { ConnectorLogoSource } from "./timeline/connector-logo-index.js";
 export { BUILT_IN_TOOL_STEP_NAMES, builtInToolStep, builtInToolStepLabel, TOOL_STEP_IDS, toolStepLabel, toolStepPhase, } from "./timeline/tool-steps.js";
 export type { ToolStepId, ToolStepPhase } from "./timeline/tool-steps.js";
 export { rawTypeOf } from "./timeline/registry.js";

package/dist/timeline-model.js

@@ -3,7 +3,12 @@ import {
   notificationPlainText,
   parseNotificationInline,
   parseNotificationText
-} from "./chunk-LY6727IF.js";
+} from "./chunk-PPSVFNEA.js";
+import {
+  connectorLogo,
+  connectorLogoIndex,
+  normalizeConnectorDomain
+} from "./chunk-GLCOKWLH.js";
 import {
   QUESTION_NAV_HIDDEN_PX,
   QUESTION_NAV_MARGIN_PX,
@@ -168,6 +173,8 @@ export {
   callStepPhase,
   clusterIsSettled,
   compactedLandmarkCount,
+  connectorLogo,
+  connectorLogoIndex,
   createTurnSummaryContext,
   defaultHumanInputFormMessages,
   durationBetween,
@@ -190,6 +197,7 @@ export {
   matchingQuoteInSource,
   mcpToolLeaf,
   namedAgentTitle,
+  normalizeConnectorDomain,
   noticeDisplayText,
   noticeIsResolvedApproval,
   noticeTone,

package/dist/ui/list-row.js

@@ -5,7 +5,7 @@ import {
   RowIndicator,
   RowList,
   useRowListVariant
-} from "../chunk-MM7OKOTE.js";
+} from "../chunk-UBXHP224.js";
 import "../chunk-FQQEZUSN.js";
 import "../chunk-ZMBJPN4T.js";
 import "../chunk-HY7EYWIG.js";

package/dist/usage.js

@@ -13,7 +13,7 @@ import {
   summarizeUsage,
   usagePercentLabel,
   useUsage
-} from "./chunk-7OIBLMDP.js";
+} from "./chunk-RAQISW42.js";
 import {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,
@@ -30,7 +30,7 @@ import "./chunk-2KO2G3RI.js";
 import "./chunk-CM7LVUKC.js";
 import "./chunk-TVQCDDSZ.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 export {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,

package/dist/workbench.js

@@ -6,21 +6,21 @@ import {
   enableCodeEditor
 } from "./chunk-TOTNIUZK.js";
 import "./chunk-YSRBFJMQ.js";
-import "./chunk-SJPAKWWP.js";
+import "./chunk-2BISI664.js";
 import {
   enableDesktopViewer
 } from "./chunk-QIOARE4I.js";
-import "./chunk-WN2MIB4Q.js";
+import "./chunk-22V2QCEM.js";
 import "./chunk-ZUWF4NF7.js";
 import {
   enableSandboxTerminal
 } from "./chunk-FPS7ARET.js";
-import "./chunk-4XO346BW.js";
+import "./chunk-4FBJFQFU.js";
 import "./chunk-QV3DJVRZ.js";
 import "./chunk-TNEZNMSN.js";
 import "./chunk-5I4VRWBB.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-S6WJ6TUT.js";
+import "./chunk-ZEVJGMNB.js";
 
 // src/workbench.ts
 function enableWorkbench() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "4.6.1",
+  "version": "4.6.2-canary.39853438886001",
   "description": "React hooks and styled components for Opengeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -251,9 +251,9 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "4.6.1",
-    "@opengeni/contracts": "4.6.1",
-    "@opengeni/sdk": "4.6.1",
+    "@opengeni/connect": "4.6.2-canary.39853438886001",
+    "@opengeni/contracts": "4.6.2-canary.39853438886001",
+    "@opengeni/sdk": "4.6.2-canary.39853438886001",
     "@tanstack/react-virtual": "^3.14.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package/src/app/components/capabilities/native-connect-readiness.tsx

@@ -34,6 +34,7 @@ export function nativeCatalogProviderId(
   if (item.kind !== "mcp") return null;
   const url = item.mcpUrl ?? item.endpointUrl;
   if (url === "https://gmailmcp.googleapis.com/mcp/v1") return "gmail";
+  if (url === "https://drivemcp.googleapis.com/mcp/v1") return "google-drive";
   if (url === "https://mcp.slack.com/mcp") return "slack-personal";
   return null;
 }

package/src/app/components/capabilities/perform-capability-action.test.ts

@@ -270,3 +270,70 @@ describe("shared capability connection lifecycle", () => {
     });
   });
 });
+
+test("Drive actions use the dedicated Connect attempt and never generic OAuth or early enable", async () => {
+  const originalWindow = Object.getOwnPropertyDescriptor(globalThis, "window");
+  const saved = new Map<string, string>();
+  Object.defineProperty(globalThis, "window", {
+    configurable: true,
+    value: {
+      location: { href: "https://app.example/capabilities" },
+      sessionStorage: {
+        setItem: (key: string, value: string) => saved.set(key, value),
+        getItem: (key: string) => saved.get(key) ?? null,
+        removeItem: (key: string) => saved.delete(key),
+      },
+    },
+  });
+  try {
+    const drive = CapabilityCatalogItem.parse({
+      ...item,
+      id: "drive",
+      authKind: "oauth2",
+      mcpUrl: "https://drivemcp.googleapis.com/mcp/v1",
+      providerDomain: "drivemcp.googleapis.com",
+    });
+    const beginConnect = mock(async () => ({
+      id: "drive-attempt",
+      revision: 1,
+      state: "credential_input",
+    }));
+    const advanceConnectAttempt = mock(async () => ({
+      id: "drive-attempt",
+      nextAction: { type: "authorize", url: "https://accounts.google.com/consent" },
+    }));
+    const startConnectionOAuth = mock(async () => {
+      throw new Error("Generic OAuth must not run");
+    });
+    const h = harness({
+      beginConnect,
+      connectTransport: () => ({ advance: advanceConnectAttempt }),
+      startConnectionOAuth,
+    });
+    await performCapabilityAction(
+      { ...h.options, item: drive, connectReturnUrl: "https://app.example/capabilities" },
+      {
+        type: "reconnect_oauth",
+        item: drive,
+        ownership: "personal",
+        connectionId: "existing",
+        connectionWorkspaceId: "account-workspace",
+      },
+    );
+    expect(beginConnect).toHaveBeenCalledWith(
+      "account-workspace",
+      expect.objectContaining({
+        providerId: "google-drive",
+        reconnectAccountId: "existing",
+        ownership: "personal",
+      }),
+    );
+    expect(startConnectionOAuth).not.toHaveBeenCalled();
+    expect(h.enableCapability).not.toHaveBeenCalled();
+    expect(h.options.redirect).toHaveBeenCalledWith("https://accounts.google.com/consent");
+    expect(saved.size).toBe(1);
+  } finally {
+    if (originalWindow) Object.defineProperty(globalThis, "window", originalWindow);
+    else Reflect.deleteProperty(globalThis, "window");
+  }
+});

package/src/app/components/capabilities/perform-capability-action.tsx

@@ -15,6 +15,7 @@ import {
   type IntegrationClass,
   type IntegrationConnectMethod,
 } from "../../lib/integration-connect-analytics";
+import { beginDriveConnect, DRIVE_MCP_URL } from "../../lib/drive-connect-return";
 import { startMcpOAuthWithTimeout } from "../../lib/mcp-oauth";
 import { toast } from "../../lib/toast";
 
@@ -132,6 +133,33 @@ async function performCapabilityActionUntracked(
     );
   }
 
+  // The built-in Drive action uses a server-owned Connect provider identity.
+  // Custom MCP requests continue through the generic OAuth route below.
+  if (
+    ["oauth", "add_oauth_account", "reconnect_oauth"].includes(action.type) &&
+    (item.mcpUrl ?? item.endpointUrl) === DRIVE_MCP_URL
+  ) {
+    if (!("ownership" in action) || action.ownership !== "personal")
+      throw new Error("Google Drive connections must be personal-owned.");
+    const persisted = await persistIfRegistry(item, registry);
+    const target = new URL(returnPathFor(persisted.id), connectReturnUrl ?? window.location.href);
+    const authorizationUrl = await beginDriveConnect({
+      client,
+      workspaceId,
+      itemId: persisted.id,
+      returnUrl: target.toString(),
+      ...(action.type === "reconnect_oauth" && action.connectionId
+        ? { reconnectAccountId: action.connectionId }
+        : {}),
+      ...(action.type === "reconnect_oauth" && action.connectionWorkspaceId
+        ? { connectionWorkspaceId: action.connectionWorkspaceId }
+        : {}),
+      storage: window.sessionStorage,
+    });
+    redirect(authorizationUrl);
+    return;
+  }
+
   if (action.type === "install_skill") {
     if (!canManageSkills) {
       throw new Error("You need permission to manage workspace documents to install Skills.");

package/src/app/components/command-menu/chat-switcher.tsx

@@ -5,7 +5,7 @@
  * Control (and the chat being switched to) behaves exactly as without it.
  */
 import { MessageSquareIcon, PinIcon, type LucideIcon } from "lucide-react";
-import { useEffect, useRef } from "react";
+import { Fragment, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
 import type { ChatRecord } from "../../lib/actions/chat-directory";
 import { readChatDirectory, useChatDirectoryVersion } from "../../lib/actions/chat-directory";
@@ -31,11 +31,13 @@ export default function ChatSwitcher(props: {
   currentChatId: string | null;
   platform: ChordPlatform;
   onHover(index: number): void;
+  /** The app learned about more chats; the list may grow at its end. */
+  onDirectoryChange(): void;
   onPick(index: number): void;
   onDismiss(): void;
 }) {
   const listRef = useRef<HTMLDivElement>(null);
-  const { index, visible } = props.state;
+  const { index, visible, viewed } = props.state;
   // Read statuses as soon as Control+Tab is pressed, before the list shows.
   useChatStatusRefresh({
     subjectId: props.subjectId,
@@ -43,7 +45,12 @@ export default function ChatSwitcher(props: {
     ids: props.state.ids,
     active: true,
   });
-  useChatDirectoryVersion(props.subjectId);
+  const version = useChatDirectoryVersion(props.subjectId);
+  const onDirectoryChange = useRef(props.onDirectoryChange);
+  onDirectoryChange.current = props.onDirectoryChange;
+  useEffect(() => {
+    onDirectoryChange.current();
+  }, [version]);
   useEffect(() => {
     if (!visible) return;
     listRef.current
@@ -100,7 +107,7 @@ export default function ChatSwitcher(props: {
               record && record.workspaceId !== props.workspaceId
                 ? (workspaceNames.get(record.workspaceId) ?? null)
                 : null;
-            return (
+            const row = (
               <div
                 key={id}
                 id={`og-chat-switcher-${position}`}
@@ -135,6 +142,20 @@ export default function ChatSwitcher(props: {
                 ) : null}
               </div>
             );
+            // Past the chats the person opened, the list goes on by activity.
+            return position === viewed && viewed > 0 ? (
+              <Fragment key={id}>
+                <div
+                  role="presentation"
+                  className="mt-1 border-t border-border px-2.5 pt-2.5 pb-1 text-xs leading-4.5 font-medium text-fg-muted"
+                >
+                  Recently active
+                </div>
+                {row}
+              </Fragment>
+            ) : (
+              row
+            );
           })}
         </div>
         <div className="flex shrink-0 items-center gap-4 border-t border-border px-4 py-2 text-xs text-fg-muted">