@opengeni/react 6.7.0 → 6.8.0

package/src/app/routes/site-view.tsx

@@ -6,8 +6,12 @@ import {
 import type { Session, SessionEvent, SessionListResponse } from "@opengeni/sdk";
 import { OpenGeniApiError } from "@opengeni/sdk/browser";
 import {
+  ArchiveIcon,
   ArrowLeftIcon,
+  CopyIcon,
+  CopyPlusIcon,
   InfoIcon,
+  LinkIcon,
   Maximize2Icon,
   MoreHorizontalIcon,
   PanelLeftCloseIcon,
@@ -16,6 +20,7 @@ import {
   PanelRightCloseIcon,
   PanelRightIcon,
   PanelRightOpenIcon,
+  PinIcon,
   PlusIcon,
 } from "lucide-react";
 import {
@@ -29,6 +34,7 @@ import {
   useRef,
   useState,
   type CSSProperties,
+  type ReactNode,
   type RefObject,
 } from "react";
 import { SiteView } from "../../artifacts";
@@ -40,12 +46,21 @@ import type {
   NewConversationCreateOptions,
 } from "../../hooks/use-new-conversation";
 import { Button } from "../../ui/button";
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+} from "../../ui/context-menu";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "../../ui/dropdown-menu";
+import { useSiteActions } from "../components/artifacts/site-actions";
+import { useSiteSidebarActions } from "../lib/site-sidebar-bridge";
 import { ResizeHandle } from "../../ui/resize-handle";
 import { Skeleton } from "../../ui/skeleton";
 import { useAppContext, type SessionCreationHandoff } from "../app-context";
@@ -201,7 +216,9 @@ export function SiteViewRoute({
   // the bar's row is hidden). The publish form, opened in front of the Site,
   // names the bar once it has loaded; the Site's claim mounted first, so it
   // yields while the form is open.
-  const titleInWindowBar = useWindowBarTitle(artifact?.title ?? null, publishing);
+  const titleInWindowBar = useWindowBarTitle(artifact?.title ?? null, publishing, {
+    copyable: true,
+  });
   // Full screen is the route's so opening the form can leave it first.
   const [fullScreen, setFullScreen] = useState(false);
   const openPublishing = useCallback(() => {
@@ -303,6 +320,18 @@ export function SiteViewRoute({
               onSiteLocationChange={onSiteLocationChange}
               toolbarStart={backControl}
               showTitle={!titleInWindowBar || fullScreen}
+              renderTitle={
+                artifact
+                  ? (title) => (
+                      <SiteTitleMenu
+                        workspaceId={workspaceId}
+                        origin={{ siteId, title: artifact.title }}
+                      >
+                        {title}
+                      </SiteTitleMenu>
+                    )
+                  : undefined
+              }
               // The one publication control. The Site view never says "Live":
               // it stays current, and says so only while Updating or Reconnecting.
               liveStatus={
@@ -317,6 +346,13 @@ export function SiteViewRoute({
                     item={{ kind: "site", id: siteId }}
                     className="size-8 rounded-md text-fg-muted hover:text-fg"
                   />
+                  {artifact ? (
+                    <SiteActionsMenu
+                      workspaceId={workspaceId}
+                      origin={{ siteId, title: artifact.title }}
+                      hasVersion={Boolean(artifact.currentVersion)}
+                    />
+                  ) : null}
                 </>
               }
               versionId={artifact ? (artifact.currentVersion?.id ?? null) : undefined}
@@ -368,6 +404,104 @@ export function SiteViewRoute({
   );
 }
 
+/** Right-click the Site's title: copy it or the Site's address. */
+function SiteTitleMenu({
+  workspaceId,
+  origin,
+  children,
+}: {
+  workspaceId: string;
+  origin: { siteId: string; title: string };
+  children: ReactNode;
+}) {
+  const site = useSiteActions(workspaceId, origin);
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger asChild>{children}</ContextMenuTrigger>
+      <ContextMenuContent className="min-w-40" data-site-title-menu="">
+        <ContextMenuItem onSelect={site.copyTitle}>
+          <CopyIcon className="size-4" />
+          Copy title
+        </ContextMenuItem>
+        <ContextMenuItem onSelect={site.copyLink}>
+          <LinkIcon className="size-4" />
+          Copy link
+        </ContextMenuItem>
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}
+
+/**
+ * The Site's "…", as a chat's header has one: Copy title, the sidebar's Pin
+ * and Archive (while the sidebar lists Sites), Duplicate and Site details.
+ * Copy link and the published address keep their own controls beside it.
+ */
+function SiteActionsMenu({
+  workspaceId,
+  origin,
+  hasVersion,
+}: {
+  workspaceId: string;
+  origin: { siteId: string; title: string };
+  hasVersion: boolean;
+}) {
+  const site = useSiteActions(workspaceId, origin, { hasVersion });
+  const sidebar = useSiteSidebarActions(workspaceId, origin);
+  return (
+    <span data-site-actions-root="" className="contents">
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            type="button"
+            variant="ghost"
+            size="icon-sm"
+            aria-label="More Site actions"
+            title="More"
+            data-site-actions-menu=""
+            className="size-8 rounded-md text-fg-muted hover:text-fg pointer-coarse:size-11"
+          >
+            <MoreHorizontalIcon aria-hidden="true" className="size-4" />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-52">
+          <DropdownMenuItem onSelect={site.copyTitle}>
+            <CopyIcon aria-hidden="true" />
+            Copy title
+          </DropdownMenuItem>
+          {sidebar ? (
+            <DropdownMenuItem onSelect={sidebar.togglePin}>
+              <PinIcon aria-hidden="true" className={sidebar.pinned ? "fill-current" : undefined} />
+              {sidebar.pinned ? "Unpin" : "Pin"}
+            </DropdownMenuItem>
+          ) : null}
+          {site.duplicate ? (
+            <DropdownMenuItem disabled={site.duplicate.busy} onSelect={site.duplicate.run}>
+              <CopyPlusIcon aria-hidden="true" />
+              {site.duplicate.busy ? "Duplicating…" : "Duplicate"}
+            </DropdownMenuItem>
+          ) : null}
+          <DropdownMenuItem asChild>
+            <Link {...site.details}>
+              <InfoIcon aria-hidden="true" />
+              Site details
+            </Link>
+          </DropdownMenuItem>
+          {sidebar ? (
+            <>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem onSelect={sidebar.archive}>
+                <ArchiveIcon aria-hidden="true" />
+                Archive
+              </DropdownMenuItem>
+            </>
+          ) : null}
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </span>
+  );
+}
+
 const PAGE_SIZE = 30;
 
 /**
@@ -842,19 +976,6 @@ function SiteChatPanel({
                   </Link>
                 </DropdownMenuItem>
               ) : null}
-              <DropdownMenuItem asChild>
-                <Link
-                  to="/workspaces/$workspaceId/artifacts/$artifactId"
-                  params={{ workspaceId, artifactId: siteId }}
-                  // Its details are by tab; without one the address opens
-                  // the Site view again. Settings shows Versions to people
-                  // who can't manage it.
-                  search={{ tab: "settings" }}
-                >
-                  <InfoIcon aria-hidden="true" />
-                  Site details
-                </Link>
-              </DropdownMenuItem>
               {/* Beside the Site only on wide screens; narrower ones stack the chat below. */}
               <DropdownMenuItem
                 className="max-lg:hidden"

package/src/components/approval-surface.tsx

@@ -71,6 +71,17 @@ export type ApprovalSurfaceProps = {
 };
 export type ApprovalField = { key: string; label: string; value: string };
 
+/** Backoff for re-reading a waiting review that offered no decision. */
+const UNDECIDABLE_RETRY_DELAYS_MS = [1_000, 2_000, 4_000, 8_000, 8_000];
+
+function reviewUndecidable(review: ToolActionReview | undefined): review is ToolActionReview {
+  return (
+    review?.status === "pending" &&
+    !review.availableActions.includes("approve") &&
+    !review.availableActions.includes("reject")
+  );
+}
+
 /** Hosts provide decisions; this surface never mutates the approved payload. */
 export function ApprovalSurface({
   approvals,
@@ -107,7 +118,11 @@ export function ApprovalSurface({
     if (pending && !approvals.some((approval) => approval.id === pending.id)) {
       pendingRef.current = null;
       setPending(null);
-      requestAnimationFrame(() => surface.current?.querySelector<HTMLElement>("h3")?.focus());
+      // Hand focus to the next card without moving the view: a reader at the
+      // bottom already sees it, and one who scrolled up keeps their place.
+      requestAnimationFrame(() =>
+        surface.current?.querySelector<HTMLElement>("h3")?.focus({ preventScroll: true }),
+      );
     }
   }, [approvals, pending]);
   if (!approvals.length) return null;
@@ -265,12 +280,26 @@ function ApprovalRequest({
     legacy?: boolean;
     denied?: boolean;
   } | null>(null);
-  // Hide stale facts during render, before passive effect cleanup can run.
-  const current = result?.request === request ? result : null;
+  // Hide stale facts during render, before passive effect cleanup can run. A
+  // re-read of the same undecided action (same facts, same loader) keeps its
+  // notice up meanwhile.
+  const current =
+    result?.request === request ||
+    (result !== null &&
+      result.request.loadReview === request.loadReview &&
+      reviewUndecidable(result.review) &&
+      dequal(result.request.approval, request.approval))
+      ? result
+      : null;
   const loaded = current?.review;
   const failed = current?.failed;
   const legacy = current?.legacy;
   const denied = current?.denied;
+  // Still waiting, yet the saved review offers no decision: it was read while
+  // the chat was between states. Never a silent footer: say so, offer a retry,
+  // and re-read it on its own a few times.
+  const undecidable = reviewUndecidable(loaded);
+  const undecidableRetries = useRef(0);
   const [detailPath, setDetailPath] = useState<string | null>(null);
   useEffect(() => {
     let active = true;
@@ -302,6 +331,22 @@ function ApprovalRequest({
       active = false;
     };
   }, [request]);
+  // Each automatic re-read waits from when the previous read answered.
+  const readSettled = result?.request === request;
+  useEffect(() => {
+    if (
+      !undecidable ||
+      !readSettled ||
+      undecidableRetries.current >= UNDECIDABLE_RETRY_DELAYS_MS.length
+    )
+      return;
+    const delay = UNDECIDABLE_RETRY_DELAYS_MS[undecidableRetries.current]!;
+    const timer = setTimeout(() => {
+      undecidableRetries.current += 1;
+      setRetry((value) => value + 1);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [undecidable, readSettled, request]);
   const stableApproval = request.approval;
   const { formatToolName, approve: approveLabel } = messages;
   const toolName = approvalToolName(stableApproval);
@@ -382,6 +427,36 @@ function ApprovalRequest({
         </p>
       </ToolReviewFrame>
     );
+  if (undecidable)
+    return (
+      <div data-approval-id={approval.id} data-review-origin="pending">
+        {custom}
+        <ToolReviewFrame
+          tone="waiting"
+          icon={<ShieldCheckIcon className="size-4" aria-hidden="true" />}
+          eyebrow={messages.title}
+          title={loaded.title}
+          subtitle={loaded.accountLabel}
+          data-og-tool-review=""
+          data-og-tool-review-undecidable=""
+        >
+          <p className="m-0 text-og-sm text-og-fg">
+            <span role="status">{t("approvalSurface.thisActionCanTBeDecided")}</span>{" "}
+            <button
+              type="button"
+              className="min-h-8 font-medium underline underline-offset-4 [@media(pointer:coarse)]:min-h-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40"
+              onClick={() => {
+                // Asking again starts a fresh round of automatic re-reads.
+                undecidableRetries.current = 0;
+                setRetry((value) => value + 1);
+              }}
+            >
+              {t("approvalSurface.tryAgain")}
+            </button>
+          </p>
+        </ToolReviewFrame>
+      </div>
+    );
   if (!loaded && stableApproval.arguments === undefined)
     return (
       <div data-approval-id={approval.id} data-review-origin="pending">

package/src/components/artifacts/artifact-sandbox.tsx

@@ -6,7 +6,14 @@ import {
   RefreshCwIcon,
   SparklesIcon,
 } from "lucide-react";
-import { useCallback, useLayoutEffect, useRef, useState, type ReactNode } from "react";
+import {
+  useCallback,
+  useLayoutEffect,
+  useRef,
+  useState,
+  type ReactElement,
+  type ReactNode,
+} from "react";
 import type { SiteViewer } from "@opengeni/sdk";
 
 import { cn } from "../../lib/cn";
@@ -45,6 +52,11 @@ export type ArtifactSandboxProps = {
   title: string;
   /** Hide the visible title/icon while retaining the accessible iframe title. */
   showTitle?: boolean | undefined;
+  /**
+   * Wraps the visible title, so a host can attach its own menu to it (the
+   * Site view's Copy title). Returns the title itself when absent.
+   */
+  renderTitle?: ((title: ReactElement) => ReactNode) | undefined;
   showLiveStatus?: boolean | undefined;
   /**
    * Replaces the "Live" indicator, for example with the host's link to the
@@ -200,7 +212,20 @@ export function ArtifactSandbox(props: ArtifactSandboxProps) {
               <Globe2Icon className="size-3.5" />
             </span>
           ) : null}
-          {props.showTitle !== false && (
+          {props.showTitle === false ? null : props.renderTitle ? (
+            // Its menu opens in front of full screen, as the controls' do; its
+            // words leave a full-screen toolbar's drag region so they can be
+            // right-clicked.
+            <PortalContainerProvider
+              container={focused && frameElement ? frameElement : inheritedPortal}
+            >
+              {props.renderTitle(
+                <span className="truncate text-xs font-semibold text-fg [-webkit-app-region:no-drag] [app-region:no-drag]">
+                  {props.title}
+                </span>,
+              )}
+            </PortalContainerProvider>
+          ) : (
             <span className="truncate text-xs font-semibold text-fg">{props.title}</span>
           )}
           {props.headerControls ? (

package/src/components/artifacts/site-view.tsx

@@ -1,4 +1,12 @@
-import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type ReactElement,
+  type ReactNode,
+} from "react";
 import type { SiteViewer } from "@opengeni/sdk";
 
 import { loadSiteSnapshot } from "../../sites-ui";
@@ -36,6 +44,8 @@ export type SiteViewProps = {
   archivedMessage?: string | undefined;
   /** Show the Site title in the frame bar; hide it under a host header that already does. */
   showTitle?: boolean | undefined;
+  /** Wraps the visible title (a host's menu on it); see ArtifactSandbox. */
+  renderTitle?: ((title: ReactElement) => ReactNode) | undefined;
   /** Loading copy; defaults to "Loading Site…". */
   loadingLabel?: string | undefined;
   /** Called with the loaded title, for a host header. */
@@ -91,6 +101,7 @@ export function SiteView({
   theme,
   archivedMessage,
   showTitle = true,
+  renderTitle,
   loadingLabel,
   onTitle,
   showToolbar,
@@ -231,6 +242,7 @@ export function SiteView({
       html={content.html}
       title={snapshot.detail.artifact.title}
       showTitle={showTitle}
+      {...(renderTitle ? { renderTitle } : {})}
       versionLabel={
         !versionControl && snapshot.detail.artifact.currentVersion
           ? t("artifacts.siteView.vRevision", {

package/src/components/message-timeline.tsx

@@ -99,11 +99,10 @@ import {
   TimelineBeforeLayout,
   captureTimelineAnchor,
   timelineAnchorCorrection,
-  timelineHasReader,
+  timelineHasSelection,
   type TimelineAnchor,
 } from "./timeline-anchor";
 import { useReadingProgress } from "./timeline-reading-progress";
-import { TimelineAnswerFollowContext } from "./timeline-answer-follow";
 import {
   animateTimelineSettlement,
   captureTimelineSettlement,
@@ -402,6 +401,11 @@ export type MessageTimelineProps = {
  * - While pinned, tip-debt from growth/collapse must NEVER unpin — only
  *   wheel/keys/pointer-armed scroll-up, or a settled scrollend away from the
  *   tip while the tip-follow camera is idle (Vimium / unfocused PageUp).
+ *   Moving the view is the only reader signal for follow: focus and clicks
+ *   inside the conversation (a card's buttons, Copy, a menu) never unpin, so
+ *   answering one approval after another keeps the newest card in view. A
+ *   text selection (content must not move under it) and an in-place
+ *   disclosure toggle (it keeps its place) are the two non-scroll exceptions.
  *   Height shrink compensates scrollTop by Δh (collapse owns motion); tip-ease
  *   pauses briefly so the two don't fight. Programmatic camera writes are
  *   tagged so their scroll echoes never count as leave.
@@ -838,8 +842,6 @@ export function MessageTimeline({
     return sources;
   }, [resolvedItems]);
   const scrollRef = useRef<HTMLDivElement | null>(null);
-  /** The card whose answer handed the view back to the tip (see followAfterAnswer). */
-  const answeredCardRef = useRef<HTMLElement | null>(null);
   const topSentinelRef = useRef<HTMLDivElement | null>(null);
   const bottomSentinelRef = useRef<HTMLDivElement | null>(null);
   const previousBulkFirstKeyRef = useRef<string | null | undefined>(undefined);
@@ -848,7 +850,6 @@ export function MessageTimeline({
     projectedGroups,
     autoFollow && pinned && !hasNewer,
     scrollRef.current,
-    answeredCardRef.current,
   );
   const [canSkipTipCatchup, setCanSkipTipCatchup] = useState(false);
   const canSkipTipCatchupRef = useRef(false);
@@ -876,10 +877,10 @@ export function MessageTimeline({
   const questionNavMinViewportRef = useRef(questionNavMinViewportHeight);
   questionNavMinViewportRef.current = questionNavMinViewportHeight;
   const scheduleQuestionNavRef = useRef<() => void>(() => {});
-  // Unpinned is not the same as away from the tip: focusing a control in the
-  // conversation (Copy, a connection card) hands the view to the reader while
-  // they are still at the bottom. Offer the jump only once there is something
-  // below them, or a newer window / catch-up to skip.
+  // Unpinned is not the same as away from the tip: selecting text or opening a
+  // disclosure hands the view to the reader while they are still at the
+  // bottom. Offer the jump only once there is something below them, or a newer
+  // window / catch-up to skip.
   const [awayFromTip, setAwayFromTip] = useState(false);
   const jumpPillShown = autoFollow && ((!pinned && awayFromTip) || hasNewer || canSkipTipCatchup);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
@@ -1274,8 +1275,6 @@ export function MessageTimeline({
 
   /** Reader left the tip — wheel, keyboard, pointer-armed scroll-up, or scrollend. */
   const releasePinFromReader = useCallback(() => {
-    // The reader took over again: focus on the answered card counts once more.
-    answeredCardRef.current = null;
     if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
       return;
     }
@@ -1488,28 +1487,6 @@ export function MessageTimeline({
     ],
   );
 
-  /**
-   * The person answered a card (finished a connection, say) and the agent
-   * continues from that answer: follow the tip as Jump to latest does, while
-   * focus stays on the card for keyboard and screen reader users. Wheel, keys,
-   * a drag or focus elsewhere hand the view back to the reader as usual.
-   */
-  const followAfterAnswer = useCallback(
-    (card: HTMLElement) => {
-      const node = scrollRef.current;
-      if (!autoFollow || !node || !node.contains(card) || hasNewerRef.current) {
-        return;
-      }
-      answeredCardRef.current = card;
-      disclosureKeepsUnpinnedRef.current = false;
-      wantPinRef.current = false;
-      clearPendingReaderLeave();
-      applyPinned(true);
-      snapToBottom(node);
-    },
-    [applyPinned, autoFollow, clearPendingReaderLeave, snapToBottom],
-  );
-
   const beginUserMessageDisclosureChange = useCallback(
     (messageBody: HTMLElement, disclosureControl: HTMLElement) => {
       const node = scrollRef.current;
@@ -2723,7 +2700,10 @@ export function MessageTimeline({
                               event.target instanceof Element
                                 ? event.target.closest("button[aria-expanded]")
                                 : null;
-                            if (target) {
+                            // An in-place disclosure keeps its toggle where the reader
+                            // left it. A menu or dialog opener changes nothing here.
+                            const popup = target?.getAttribute("aria-haspopup");
+                            if (target && (popup === null || popup === "false")) {
                               if (target.hasAttribute("data-og-work-header")) {
                                 releaseProgress(
                                   target
@@ -2736,15 +2716,17 @@ export function MessageTimeline({
                             }
                           }}
                           onFocusCapture={(event) => {
+                            // Focus is not reading position: pressing a card's button
+                            // (Chromium focuses it) or a card handing focus to the next
+                            // one leaves follow alone. Focus that scrolls the view away
+                            // from the tip unpins through the scroll path like any
+                            // other navigation. Only a settle ease yields to it.
                             if (
                               readableTurns &&
                               event.target !== event.currentTarget &&
-                              eventFromScrollerDom(event) &&
-                              !answeredCardRef.current?.contains(event.target)
+                              eventFromScrollerDom(event)
                             ) {
                               stopSettlement();
-                              releasePinFromReader();
-                              disclosureKeepsUnpinnedRef.current = true;
                             }
                           }}
                           onPointerDown={onPointerDown}
@@ -2763,10 +2745,9 @@ export function MessageTimeline({
                         >
                           <TimelineBeforeLayout
                             capture={() => {
-                              if (
-                                readableTurns &&
-                                timelineHasReader(scrollRef.current, answeredCardRef.current)
-                              ) {
+                              // Selectionchange can arrive after this commit: a fresh
+                              // selection still owns the view before React moves it.
+                              if (readableTurns && timelineHasSelection(scrollRef.current)) {
                                 releasePinFromReader();
                               }
                               readingAnchorRef.current =
@@ -2783,11 +2764,7 @@ export function MessageTimeline({
                                 !disclosureKeepsUnpinnedRef.current &&
                                 !prefersReducedMotion() &&
                                 scrollRef.current
-                                  ? captureTimelineSettlement(
-                                      scrollRef.current,
-                                      groups,
-                                      answeredCardRef.current,
-                                    )
+                                  ? captureTimelineSettlement(scrollRef.current, groups)
                                   : null;
                             }}
                           >
@@ -3128,11 +3105,7 @@ export function MessageTimeline({
           resolveSessionTitle={resolveSessionTitle}
           onOpenSession={onOpenSession}
         >
-          <ProviderLogoProvider value={resolveProviderLogo}>
-            <TimelineAnswerFollowContext.Provider value={followAfterAnswer}>
-              {timeline}
-            </TimelineAnswerFollowContext.Provider>
-          </ProviderLogoProvider>
+          <ProviderLogoProvider value={resolveProviderLogo}>{timeline}</ProviderLogoProvider>
         </AgentIdentityProvider>
       </MessageSenderContext.Provider>
     </OpenGeniLinkProvider>

package/src/components/session-capability-frame.tsx

@@ -1,10 +1,9 @@
 import { CheckIcon, InfoIcon, ShieldCheckIcon, XIcon } from "lucide-react";
 import { Dialog } from "radix-ui";
 import { containedPortal } from "../ui/portal-container";
-import { useLayoutEffect, useRef, useState, type ReactNode, type RefObject } from "react";
+import { useRef, useState, type ReactNode, type RefObject } from "react";
 import { usePortalTokenStyle } from "../lib/use-portal-token-style";
 import { useOpenGeniText } from "../messages/runtime";
-import { useTimelineAnswerFollow } from "./timeline-answer-follow";
 
 const DialogContainedPortal = containedPortal(Dialog.Portal);
 
@@ -100,27 +99,7 @@ export function SessionCapabilityFrame({
   const localCard = useRef<HTMLElement>(null);
   const buttonRef = opener ?? localOpener;
   const sectionRef = cardRef ?? localCard;
-  const rootRef = useRef<HTMLDivElement>(null);
   const portalStyle = usePortalTokenStyle(sectionRef.current);
-  // Finishing the card here is the person's answer and the agent continues
-  // from it: let the conversation follow that answer. Only a completion the
-  // person brought about in this card counts. A card that was already complete
-  // when it appeared, or whose saved completion loads after it appears while
-  // the person reads elsewhere, asks nothing.
-  const followAnswer = useTimelineAnswerFollow();
-  const wasComplete = useRef(complete);
-  const engaged = useRef(false);
-  useLayoutEffect(() => {
-    if (expanded || busy) engaged.current = true;
-  }, [expanded, busy]);
-  const engage = () => {
-    engaged.current = true;
-  };
-  useLayoutEffect(() => {
-    if (complete && !wasComplete.current && engaged.current && rootRef.current)
-      followAnswer?.(rootRef.current);
-    wasComplete.current = complete;
-  }, [complete, followAnswer]);
   // A row without a better name is titled by its domain; never say it twice.
   const shownSubtitle = subtitle.trim().toLowerCase() === name.trim().toLowerCase() ? "" : subtitle;
   const identity = (
@@ -134,14 +113,7 @@ export function SessionCapabilityFrame({
     </>
   );
   return (
-    // React bubbles the setup dialog's portaled events here too.
-    <div
-      ref={rootRef}
-      className="og-session-capability"
-      onPointerDownCapture={engage}
-      onClickCapture={engage}
-      onKeyDownCapture={engage}
-    >
+    <div className="og-session-capability">
       <section
         hidden={dialogOnly}
         style={dialogOnly ? { display: "none" } : undefined}