fix: keep chat processing alive across tab switches (tinyhumansai#587)

* fix(chat): keep in-flight responses alive across tab switches

Made-with: Cursor

* chore: satisfy lint and format push gates

Made-with: Cursor

* fix: address CodeRabbit review on chat runtime PR

Made-with: Cursor

* feat(chat): add explicit inference turn lifecycle in chat runtime slice

Made-with: Cursor

* feat(chat): implement thinking summary feature in chat responses

Added a new mechanism to accumulate and send model reasoning text as a separate message during chat interactions. This includes handling "thinking_delta" events to gather reasoning content, formatting it for clarity, and ensuring it is sent before the main response. Updated the StreamingState struct to include a thinking accumulator for this purpose. This enhancement improves user experience by providing insight into the model's reasoning process.

* feat(telegram): update bot username handling for staging and production environments

Refactored the Telegram bot username resolution logic to differentiate between staging and production environments. Introduced constants for default usernames based on the application environment and updated the GitHub Actions workflow to set the appropriate environment variables. This change enhances the flexibility and clarity of bot username management in the application.

* fix: resolve CodeRabbit review issues on feat/thinking-telegram-summary

- bus.rs: fix UTF-8 char boundary panic in format_thinking_summary truncation
- threadSlice.ts: remove premature activeThreadId clear from addInferenceResponse.rejected
- Conversations.tsx: add composerBlocked global lock, clear tool timeline in safety timeout
- ChatRuntimeProvider.tsx: replace stale toolTimelineRef/inferenceStatusRef reads with live store.getState() calls in all event handlers
- LocalAIDownloadSnackbar.tsx: reset dismissed/collapsed on not-downloading → downloading transition edge
- MemoryGraphMap.tsx: derive activeSelectedNode to guard stale selectedNode after relations refresh; add debug logs to useMemo graph recompute

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* fix: use render-phase update for download dismiss reset in LocalAIDownloadSnackbar

Replace effect-based setState with the React render-phase update pattern so
the not-downloading → downloading transition resets dismissed/collapsed without
triggering the react-hooks/set-state-in-effect lint warning.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* chore: apply prettier and cargo fmt auto-formatting

Formatting changes applied by the pre-push hook during the previous commit.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* refactor: replace endInferenceTurn with clearRuntimeForThread in Conversations component

Updated the Conversations component to replace the endInferenceTurn dispatch with clearRuntimeForThread. This change simplifies the handling of thread runtime state during error scenarios and timeout conditions, ensuring a cleaner state management approach.

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: M3gA-Mind

.github/workflows/release.yml

@@ -263,6 +263,9 @@ jobs:
             artifact_suffix: windows
     env:
       GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      # Keep in sync with DEFAULT_TELEGRAM_BOT_USERNAME_* in channels/controllers/ops.rs
+      OPENHUMAN_TELEGRAM_BOT_USERNAME: ${{ inputs.build_target == 'staging' && 'alphahumantest_bot' || 'openhumanaibot' }}
+      VITE_TELEGRAM_BOT_USERNAME: ${{ inputs.build_target == 'staging' && 'alphahumantest_bot' || 'openhumanaibot' }}
     steps:
       - name: Checkout build ref
         uses: actions/checkout@v4
@@ -277,6 +280,8 @@ jobs:
         run: |
           echo "OPENHUMAN_APP_ENV=staging" >> "$GITHUB_ENV"
           echo "VITE_OPENHUMAN_APP_ENV=staging" >> "$GITHUB_ENV"
+          echo "OPENHUMAN_TELEGRAM_BOT_USERNAME=alphahumantest_bot" >> "$GITHUB_ENV"
+          echo "VITE_TELEGRAM_BOT_USERNAME=alphahumantest_bot" >> "$GITHUB_ENV"
 
       - name: Set Xcode version
         if: matrix.settings.platform == 'macos-latest'

Cargo.lock

@@ -13,6 +13,7 @@ import MeshGradient from './components/MeshGradient';
 import OnboardingOverlay from './components/OnboardingOverlay';
 import RouteLoadingScreen from './components/RouteLoadingScreen';
 import GlobalUpsellBanner from './components/upsell/GlobalUpsellBanner';
+import ChatRuntimeProvider from './providers/ChatRuntimeProvider';
 import CoreStateProvider from './providers/CoreStateProvider';
 import SocketProvider from './providers/SocketProvider';
 import { tagErrorSource } from './services/errorReportQueue';
@@ -31,23 +32,25 @@ function App() {
         <PersistGate loading={<RouteLoadingScreen />} persistor={persistor}>
           <CoreStateProvider>
             <SocketProvider>
-              <Router>
-                <ServiceBlockingGate>
-                  <div className="relative h-screen flex flex-col overflow-hidden">
-                    <MeshGradient />
-                    <div className="app-dotted-canvas relative z-10 flex-1 flex flex-col overflow-hidden">
-                      <div className="flex-1 overflow-y-auto pb-16">
-                        <GlobalUpsellBanner />
-                        <AppRoutes />
+              <ChatRuntimeProvider>
+                <Router>
+                  <ServiceBlockingGate>
+                    <div className="relative h-screen flex flex-col overflow-hidden">
+                      <MeshGradient />
+                      <div className="app-dotted-canvas relative z-10 flex-1 flex flex-col overflow-hidden">
+                        <div className="flex-1 overflow-y-auto pb-16">
+                          <GlobalUpsellBanner />
+                          <AppRoutes />
+                        </div>
+                        <BottomTabBar />
                       </div>
-                      <BottomTabBar />
                     </div>
-                  </div>
-                  <OnboardingOverlay />
-                  <DictationHotkeyManager />
-                  <LocalAIDownloadSnackbar />
-                </ServiceBlockingGate>
-              </Router>
+                    <OnboardingOverlay />
+                    <DictationHotkeyManager />
+                    <LocalAIDownloadSnackbar />
+                  </ServiceBlockingGate>
+                </Router>
+              </ChatRuntimeProvider>
             </SocketProvider>
           </CoreStateProvider>
         </PersistGate>

app/src-tauri/Cargo.lock

@@ -29,6 +29,10 @@ const LocalAIDownloadSnackbar = () => {
   const [dismissed, setDismissed] = useState(false);
   const [collapsed, setCollapsed] = useState(false);
   const timerRef = useRef<ReturnType<typeof setInterval>>(undefined);
+  // Track previous isDownloading in state so we can reset the dismiss flag on a
+  // not-downloading → downloading transition during render (render-phase update,
+  // the officially recommended React pattern for adjusting state on derived-value changes).
+  const [prevIsDownloading, setPrevIsDownloading] = useState(false);
 
   // Check Tauri availability once at init
   const tauriAvailable = (() => {
@@ -72,15 +76,15 @@ const LocalAIDownloadSnackbar = () => {
     currentState === 'installing' ||
     (downloads?.progress != null && downloads.progress > 0 && downloads.progress < 1);
 
-  // Auto-show when a new download starts: track prior state in a ref and
-  // reset dismissed on the transition edge (not-downloading → downloading).
-  const wasDownloadingRef = useRef(false);
-  useEffect(() => {
-    if (isDownloading && !wasDownloadingRef.current && dismissed) {
+  // Render-phase update: when a new download cycle starts (not-downloading → downloading),
+  // reset the dismiss/collapsed flags so the snackbar reappears automatically.
+  if (!!isDownloading !== prevIsDownloading) {
+    setPrevIsDownloading(!!isDownloading);
+    if (isDownloading && !prevIsDownloading) {
       setDismissed(false);
+      setCollapsed(false);
     }
-    wasDownloadingRef.current = !!isDownloading;
-  }, [dismissed, isDownloading]);
+  }
 
   const handleDismiss = useCallback(() => setDismissed(true), []);
   const handleToggleCollapse = useCallback(() => setCollapsed(prev => !prev), []);

app/src/App.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useNavigate } from 'react-router-dom';
 
@@ -17,26 +17,31 @@ const OnboardingOverlay = () => {
   const { isBootstrapping, snapshot, setOnboardingCompletedFlag } = useCoreState();
   const token = snapshot.sessionToken;
   const user = snapshot.currentUser;
-  const [userLoadTimedOut, setUserLoadTimedOut] = useState(false);
+  /** Which session token the 3s profile-timeout applied to (ref avoids stale boolean across logins). */
+  const profileLoadTimedOutForTokenRef = useRef<string | null>(null);
+  const [, profileTimeoutBump] = useState(0);
 
-  // Reset local state on logout so re-login starts fresh.
-  useEffect(() => {
-    if (!token) {
-      setUserLoadTimedOut(false);
-    }
-  }, [token]);
+  const prevTokenRef = useRef<string | null | undefined>(undefined);
+  if (prevTokenRef.current !== token) {
+    prevTokenRef.current = token;
+    profileLoadTimedOutForTokenRef.current = null;
+  }
 
   // Timeout: if user profile hasn't loaded after 3s but we have token + bootstrap,
   // proceed anyway so onboarding isn't permanently invisible.
   useEffect(() => {
     if (!token || isBootstrapping || user?._id) return;
 
-    const timer = setTimeout(() => setUserLoadTimedOut(true), 3000);
+    const timer = setTimeout(() => {
+      profileLoadTimedOutForTokenRef.current = token;
+      profileTimeoutBump(n => n + 1);
+    }, 3000);
     return () => clearTimeout(timer);
   }, [token, isBootstrapping, user?._id]);
 
-  // User is ready when profile loaded or timeout elapsed.
-  const userReady = !!user?._id || userLoadTimedOut;
+  // User is ready when profile loaded or timeout elapsed for this session token.
+  const userReady =
+    !!user?._id || (token ? profileLoadTimedOutForTokenRef.current === token : false);
   const onboardingCompleted = snapshot.onboardingCompleted;
 
   const handleDone = useCallback(async () => {

app/src/components/LocalAIDownloadSnackbar.tsx

@@ -39,14 +39,6 @@ const DiscordServerChannelPicker = ({
   const channelsRequestIdRef = useRef(0);
   const permissionsRequestIdRef = useRef(0);
 
-  useEffect(() => {
-    setSelectedGuildId(selectedGuildIdProp ?? '');
-  }, [selectedGuildIdProp]);
-
-  useEffect(() => {
-    setSelectedChannelId(selectedChannelIdProp ?? '');
-  }, [selectedChannelIdProp]);
-
   // Load guilds on mount
   useEffect(() => {
     const loadGuilds = async () => {

app/src/components/OnboardingOverlay.tsx

@@ -1,7 +1,10 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import debug from 'debug';
+import { useCallback, useMemo, useState } from 'react';
 
 import type { GraphRelation } from '../../utils/tauriCommands';
 
+const log = debug('openhuman:memory-graph');
+
 interface MemoryGraphMapProps {
   relations: GraphRelation[];
   loading?: boolean;
@@ -161,18 +164,16 @@ function runSimulation(nodes: GraphNode[], edges: GraphEdge[], iterations = 150)
 }
 
 export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
-  const [nodes, setNodes] = useState<GraphNode[]>([]);
-  const [edges, setEdges] = useState<GraphEdge[]>([]);
   const [hoveredEdge, setHoveredEdge] = useState<number | null>(null);
   const [selectedNode, setSelectedNode] = useState<string | null>(null);
-  const [namespacePalette, setNamespacePalette] = useState<Map<string, string>>(new Map());
   // Build graph data from relations (synchronous, deterministic)
-  const { initialNodes, initialEdges, palette } = useMemo(() => {
+  const { nodes, edges, namespacePalette } = useMemo(() => {
+    log('[memory-graph] recomputing graph relations=%d', relations.length);
     if (relations.length === 0) {
       return {
-        initialNodes: [] as GraphNode[],
-        initialEdges: [] as GraphEdge[],
-        palette: new Map<string, string>(),
+        nodes: [] as GraphNode[],
+        edges: [] as GraphEdge[],
+        namespacePalette: new Map<string, string>(),
       };
     }
     const { nodes: rawNodes, edges: rawEdges } = buildGraph(relations);
@@ -182,16 +183,10 @@ export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
       p.set(ns, NAMESPACE_COLORS[i % NAMESPACE_COLORS.length]);
     });
     const simulated = runSimulation(rawNodes, rawEdges);
-    return { initialNodes: simulated, initialEdges: rawEdges, palette: p };
+    log('[memory-graph] graph built nodes=%d edges=%d', simulated.length, rawEdges.length);
+    return { nodes: simulated, edges: rawEdges, namespacePalette: p };
   }, [relations]);
 
-  // Sync memo results into state (needed for interactive selection/hover)
-  useEffect(() => {
-    setNodes(initialNodes);
-    setEdges(initialEdges);
-    setNamespacePalette(palette);
-  }, [initialNodes, initialEdges, palette]);
-
   const getNodeColor = useCallback(
     (node: GraphNode): string => {
       const ns = node.namespace ?? '__none__';
@@ -202,15 +197,20 @@ export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
 
   const nodeMap = new Map(nodes.map(n => [n.id, n]));
 
+  // Guard against stale selectedNode — if the node no longer exists in the current
+  // graph (e.g. after a relations refresh), treat it as deselected so no dimming occurs.
+  const activeSelectedNode =
+    selectedNode !== null && nodeMap.has(selectedNode) ? selectedNode : null;
+
   const centerNodeId =
     nodes.find(n => n.id === 'user' || n.id === 'self' || n.id === 'you')?.id ??
     (nodes.length > 0 ? nodes[0].id : null);
 
   // Connected node ids for selected highlight
-  const connectedIds = selectedNode
+  const connectedIds = activeSelectedNode
     ? new Set(
         edges
-          .filter(e => e.source === selectedNode || e.target === selectedNode)
+          .filter(e => e.source === activeSelectedNode || e.target === activeSelectedNode)
           .flatMap(e => [e.source, e.target])
       )
     : null;
@@ -269,7 +269,9 @@ export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
             if (!src || !tgt) return null;
 
             const isHighlighted =
-              selectedNode === null || edge.source === selectedNode || edge.target === selectedNode;
+              activeSelectedNode === null ||
+              edge.source === activeSelectedNode ||
+              edge.target === activeSelectedNode;
 
             const midX = (src.x + tgt.x) / 2;
             const midY = (src.y + tgt.y) / 2;
@@ -313,8 +315,8 @@ export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
             const r = 8 + (node.connectionCount / maxConn) * 18;
             const color = getNodeColor(node);
             const isCenter = node.id === centerNodeId;
-            const isSelected = selectedNode === node.id;
-            const isDimmed = selectedNode !== null && !connectedIds?.has(node.id);
+            const isSelected = activeSelectedNode === node.id;
+            const isDimmed = activeSelectedNode !== null && !connectedIds?.has(node.id);
 
             return (
               <g
@@ -323,7 +325,7 @@ export function MemoryGraphMap({ relations, loading }: MemoryGraphMapProps) {
                 style={{ cursor: 'pointer' }}
                 onClick={e => {
                   e.stopPropagation();
-                  setSelectedNode(selectedNode === node.id ? null : node.id);
+                  setSelectedNode(activeSelectedNode === node.id ? null : node.id);
                 }}>
                 {(isCenter || isSelected) && (
                   <circle r={r + 5} fill="none" stroke={color} strokeWidth={2} opacity={0.4} />