feat: compaction state tracking, auto-group tools toggle, and MCP renderer improvements

- Track isCompacting state through session lifecycle, background store, and hooks; handle compact_boundary in background handler
- Add auto-group tools toggle in Appearance settings to enable/disable tool call grouping
- Absorb thinking-only assistant messages into tool groups and render ThinkingBlock inside collapsed groups
- Refactor all MCP renderers to typed wrapper pattern, eliminating unsafe as Record<string, unknown> casts
- Add Confluence renderers: page descendants, created/updated pages with HTML content preview, page list
- Fall back to result.stdout for MCP data extraction when tool_use_result is empty

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: OpenSource03

package.json

@@ -1,6 +1,6 @@
 {
   "name": "harnss",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "productName": "Harnss",
   "description": "Harness your AI coding agents — one desktop app for Claude Code, Codex, and any ACP agent",
   "author": {

shared/types/engine.ts

@@ -25,6 +25,7 @@ export interface SessionMeta {
   isConnected: boolean;
   sessionInfo: SessionInfo | null;
   totalCost: number;
+  isCompacting?: boolean;
 }
 
 /** All supported engine identifiers. */

src/components/AppLayout.tsx

@@ -199,6 +199,8 @@ export function AppLayout() {
             onThemeChange={settings.setTheme}
             islandLayout={settings.islandLayout}
             onIslandLayoutChange={settings.setIslandLayout}
+            autoGroupTools={settings.autoGroupTools}
+            onAutoGroupToolsChange={settings.setAutoGroupTools}
             transparency={settings.transparency}
             onTransparencyChange={settings.setTransparency}
             glassSupported={glassSupported}
@@ -256,6 +258,7 @@ export function AppLayout() {
                 messages={manager.messages}
                 isProcessing={manager.isProcessing}
                 showThinking={showThinking}
+                autoGroupTools={settings.autoGroupTools}
                 extraBottomPadding={!!manager.pendingPermission}
                 scrollToMessageId={scrollToMessageId}
                 onScrolledToMessage={() => setScrollToMessageId(undefined)}

src/components/ChatView.tsx

@@ -9,7 +9,7 @@ import { ToolGroupBlock } from "./ToolGroupBlock";
 import { TurnChangesSummary } from "./TurnChangesSummary";
 import { extractTurnSummaries } from "@/lib/turn-changes";
 import type { TurnSummary } from "@/lib/turn-changes";
-import { computeToolGroups } from "@/lib/tool-groups";
+import { computeToolGroups, type ToolGroupInfo } from "@/lib/tool-groups";
 import { TextShimmer } from "@/components/ui/text-shimmer";
 import {
   BOTTOM_LOCK_THRESHOLD_PX,
@@ -22,11 +22,16 @@ const LARGE_CHAT_THRESHOLD = 300;
 const INITIAL_RENDER_TAIL_COUNT = 180;
 const PREPEND_CHUNK_SIZE = 200;
 const PREPEND_TRIGGER_PX = 160;
+const EMPTY_TOOL_GROUP_INFO: ToolGroupInfo = {
+  groups: new Map(),
+  groupedIndices: new Set(),
+};
 
 interface ChatViewProps {
   messages: UIMessage[];
   isProcessing: boolean;
   showThinking: boolean;
+  autoGroupTools: boolean;
   extraBottomPadding?: boolean;
   scrollToMessageId?: string;
   onScrolledToMessage?: () => void;
@@ -48,7 +53,7 @@ interface ChatViewProps {
   sendNextId?: string | null;
 }
 
-export const ChatView = memo(function ChatView({ messages, isProcessing, showThinking, extraBottomPadding, scrollToMessageId, onScrolledToMessage, sessionId, onRevert, onFullRevert, onViewTurnChanges, onScrolledFromTop, onTopScrollProgress, onSendQueuedNow, sendNextId }: ChatViewProps) {
+export const ChatView = memo(function ChatView({ messages, isProcessing, showThinking, autoGroupTools, extraBottomPadding, scrollToMessageId, onScrolledToMessage, sessionId, onRevert, onFullRevert, onViewTurnChanges, onScrolledFromTop, onTopScrollProgress, onSendQueuedNow, sendNextId }: ChatViewProps) {
   const scrollAreaRef = useRef<HTMLDivElement>(null);
   const contentRef = useRef<HTMLDivElement>(null);
   const bottomLockedRef = useRef(true);
@@ -398,11 +403,13 @@ export const ChatView = memo(function ChatView({ messages, isProcessing, showThi
     return map;
   }, [nonQueuedMessages, isProcessing]);
 
-  // Pre-compute tool groups: contiguous tool_call sequences between assistant text messages.
-  // Finalized groups (with 2+ tools) render as a single ToolGroupBlock instead of individual ToolCalls.
+  // Pre-compute tool groups when enabled: contiguous tool_call sequences between
+  // assistant text messages, also absorbing any in-between thinking-only rows.
   const { groups: toolGroups, groupedIndices } = useMemo(
-    () => computeToolGroups(nonQueuedMessages, isProcessing),
-    [nonQueuedMessages, isProcessing],
+    () => autoGroupTools
+      ? computeToolGroups(nonQueuedMessages, isProcessing)
+      : EMPTY_TOOL_GROUP_INFO,
+    [autoGroupTools, nonQueuedMessages, isProcessing],
   );
 
   // Finalized group keys (first tool message ID), used to detect newly formed groups.
@@ -520,7 +527,12 @@ export const ChatView = memo(function ChatView({ messages, isProcessing, showThi
 
               return (
                 <Fragment key={`group-${groupKey}`}>
-                  <ToolGroupBlock tools={group.tools} animate={isNewGroup} />
+                  <ToolGroupBlock
+                    tools={group.tools}
+                    messages={group.messages}
+                    showThinking={showThinking}
+                    animate={isNewGroup}
+                  />
                   {groupTurnSummary && (
                     <TurnChangesSummary summary={groupTurnSummary} onViewInPanel={onViewTurnChanges} />
                   )}
@@ -541,6 +553,7 @@ export const ChatView = memo(function ChatView({ messages, isProcessing, showThi
               </Fragment>
             );
           }
+          if (groupedIndices.has(index)) return null;
           if (msg.role === "tool_result") return null;
           if (msg.role === "summary") {
             return (

src/components/McpToolContent.tsx

@@ -4,7 +4,7 @@ import type { ToolUseResult } from "@/types/protocol";
 
 // ── MCP renderers (extracted) ──
 import { JiraIssueList, JiraIssueDetail, JiraProjectList, JiraTransitions } from "./mcp-renderers/jira";
-import { ConfluenceSearchResults, ConfluenceSpaces } from "./mcp-renderers/confluence";
+import { ConfluenceSearchResults, ConfluenceSpaces, ConfluencePageDescendants, ConfluenceCreatedPage, ConfluenceUpdatedPage, ConfluencePageList } from "./mcp-renderers/confluence";
 import { RovoSearchResults, RovoFetchResult, AtlassianResourcesList } from "./mcp-renderers/atlassian";
 import { Context7LibraryList, Context7DocsResult } from "./mcp-renderers/context7";
 
@@ -50,6 +50,15 @@ function extractMcpData(result: ToolUseResult): unknown {
     }
   }
 
+  // Fallback: normalizeToolResult puts MCP text into stdout when tool_use_result is empty
+  if (typeof result.stdout === "string" && result.stdout) {
+    try {
+      return JSON.parse(result.stdout);
+    } catch {
+      return null;
+    }
+  }
+
   return null;
 }
 
@@ -67,6 +76,8 @@ function extractMcpText(result: ToolUseResult): string | null {
     const items = result as Array<{ type?: string; text?: string }>;
     return items.filter((c) => c.type === "text" && c.text).map((c) => c.text).join("") || null;
   }
+  // Fallback: normalizeToolResult puts MCP text into stdout when tool_use_result is empty
+  if (typeof result.stdout === "string" && result.stdout) return result.stdout;
   return null;
 }
 
@@ -83,6 +94,10 @@ const MCP_RENDERERS: Record<string, McpRenderer> = {
   // Confluence
   "mcp__Atlassian__searchConfluenceUsingCql": ConfluenceSearchResults,
   "mcp__Atlassian__getConfluenceSpaces": ConfluenceSpaces,
+  "mcp__Atlassian__getConfluencePageDescendants": ConfluencePageDescendants,
+  "mcp__Atlassian__createConfluencePage": ConfluenceCreatedPage,
+  "mcp__Atlassian__updateConfluencePage": ConfluenceUpdatedPage,
+  "mcp__Atlassian__getPagesInConfluenceSpace": ConfluencePageList,
   // Rovo Search
   "mcp__Atlassian__search": RovoSearchResults,
   "mcp__Atlassian__fetch": RovoFetchResult,
@@ -103,6 +118,10 @@ const MCP_PATTERN_RENDERERS: Array<{ pattern: RegExp; renderer: McpRenderer }> =
   { pattern: /Atlassian[/_]+getTransitionsForJiraIssue$/, renderer: JiraTransitions },
   { pattern: /Atlassian[/_]+searchConfluenceUsingCql$/, renderer: ConfluenceSearchResults },
   { pattern: /Atlassian[/_]+getConfluenceSpaces$/, renderer: ConfluenceSpaces },
+  { pattern: /Atlassian[/_]+getConfluencePageDescendants$/, renderer: ConfluencePageDescendants },
+  { pattern: /Atlassian[/_]+createConfluencePage$/, renderer: ConfluenceCreatedPage },
+  { pattern: /Atlassian[/_]+updateConfluencePage$/, renderer: ConfluenceUpdatedPage },
+  { pattern: /Atlassian[/_]+getPagesInConfluenceSpace$/, renderer: ConfluencePageList },
   { pattern: /Atlassian[/_]+search$/, renderer: RovoSearchResults },
   { pattern: /Atlassian[/_]+fetch$/, renderer: RovoFetchResult },
   { pattern: /Atlassian[/_]+getAccessibleAtlassianResources$/, renderer: AtlassianResourcesList },
@@ -140,6 +159,20 @@ export function getMcpCompactSummary(toolName: string, toolInput: Record<string,
   if (/searchConfluenceUsingCql/.test(toolName)) {
     return String(toolInput.cql ?? "").slice(0, 80);
   }
+  if (/getConfluencePageDescendants/.test(toolName)) {
+    return `page ${toolInput.pageId ?? ""}`;
+  }
+  if (/createConfluencePage/.test(toolName)) {
+    return String(toolInput.title ?? "").slice(0, 80);
+  }
+  if (/updateConfluencePage/.test(toolName)) {
+    return toolInput.versionMessage
+      ? String(toolInput.versionMessage).slice(0, 80)
+      : `page ${toolInput.pageId ?? ""}`;
+  }
+  if (/getPagesInConfluenceSpace/.test(toolName)) {
+    return toolInput.title ? `"${toolInput.title}"` : `space ${toolInput.spaceId ?? ""}`;
+  }
   if (/Atlassian[/_]+search$/.test(toolName)) {
     return String(toolInput.query ?? "").slice(0, 80);
   }
@@ -174,7 +207,7 @@ export const McpToolContent = memo(function McpToolContent({ message }: { messag
 
   return (
     <div className="text-xs">
-      {renderer({ data, toolInput: message.toolInput ?? {}, rawText })}
+      {renderer({ data: data ?? {}, toolInput: message.toolInput ?? {}, rawText })}
     </div>
   );
 });

src/components/SettingsView.tsx

@@ -60,6 +60,8 @@ interface SettingsViewProps {
   onThemeChange: (t: ThemeOption) => void;
   islandLayout: boolean;
   onIslandLayoutChange: (enabled: boolean) => void;
+  autoGroupTools: boolean;
+  onAutoGroupToolsChange: (enabled: boolean) => void;
   transparency: boolean;
   onTransparencyChange: (enabled: boolean) => void;
   glassSupported: boolean;
@@ -77,6 +79,8 @@ export const SettingsView = memo(function SettingsView({
   onThemeChange,
   islandLayout,
   onIslandLayoutChange,
+  autoGroupTools,
+  onAutoGroupToolsChange,
   transparency,
   onTransparencyChange,
   glassSupported,
@@ -124,6 +128,8 @@ export const SettingsView = memo(function SettingsView({
             onThemeChange={onThemeChange}
             islandLayout={islandLayout}
             onIslandLayoutChange={onIslandLayoutChange}
+            autoGroupTools={autoGroupTools}
+            onAutoGroupToolsChange={onAutoGroupToolsChange}
             transparency={transparency}
             onTransparencyChange={onTransparencyChange}
             glassSupported={glassSupported}
@@ -185,7 +191,7 @@ export const SettingsView = memo(function SettingsView({
       default:
         return null;
     }
-  }, [activeSection, appSettings, updateAppSettings, agents, onSaveAgent, onDeleteAgent, theme, onThemeChange, islandLayout, onIslandLayoutChange, transparency, onTransparencyChange, glassSupported]);
+  }, [activeSection, appSettings, updateAppSettings, agents, onSaveAgent, onDeleteAgent, theme, onThemeChange, islandLayout, onIslandLayoutChange, autoGroupTools, onAutoGroupToolsChange, transparency, onTransparencyChange, glassSupported]);
 
   return (
     <div className="island flex flex-1 flex-col overflow-hidden rounded-lg bg-background">

src/components/ToolGroupBlock.tsx

@@ -7,11 +7,14 @@ import {
 } from "@/components/ui/collapsible";
 import type { UIMessage } from "@/types";
 import { ToolCall } from "./ToolCall";
+import { ThinkingBlock } from "./ThinkingBlock";
 import { getToolLabel, getToolIcon } from "@/components/lib/tool-metadata";
 import { formatCompactSummary } from "@/components/lib/tool-formatting";
 
 interface ToolGroupBlockProps {
   tools: UIMessage[];
+  messages: UIMessage[];
+  showThinking?: boolean;
   /** When true (live streaming), runs a one-time tools -> group morph animation.
    *  When false (restored session), renders collapsed immediately. */
   animate: boolean;
@@ -52,6 +55,8 @@ function ToolGroupHeaderContent({
 
 export const ToolGroupBlock = memo(function ToolGroupBlock({
   tools,
+  messages,
+  showThinking = true,
   animate,
 }: ToolGroupBlockProps) {
   // Lock animation decision at mount. Parent re-renders may flip `animate` to false
@@ -153,6 +158,13 @@ export const ToolGroupBlock = memo(function ToolGroupBlock({
     });
   }, [tools]);
 
+  const groupedRows = useMemo(() => {
+    return messages.filter((message) => {
+      if (message.role === "tool_call") return true;
+      return showThinking && message.role === "assistant" && !!message.thinking && !message.content;
+    });
+  }, [messages, showThinking]);
+
   if (isMorphing) {
     const shellStyle: CSSProperties = {
       "--tool-group-morph-duration": `${morphDurationMs}ms`,
@@ -217,8 +229,18 @@ export const ToolGroupBlock = memo(function ToolGroupBlock({
               Uses tool-group-collapse for a slower, smoother animation than default. */}
           <CollapsibleContent className="tool-group-collapse">
             <div className="mt-0.5">
-              {tools.map((tool) => (
-                <ToolCall key={tool.id} message={tool} compact />
+              {groupedRows.map((message) => (
+                message.role === "tool_call" ? (
+                  <ToolCall key={message.id} message={message} compact />
+                ) : (
+                  <div key={message.id} className="py-1">
+                    <ThinkingBlock
+                      thinking={message.thinking ?? ""}
+                      isStreaming={message.isStreaming}
+                      thinkingComplete={message.thinkingComplete}
+                    />
+                  </div>
+                )
               ))}
             </div>
           </CollapsibleContent>
@@ -228,5 +250,7 @@ export const ToolGroupBlock = memo(function ToolGroupBlock({
   );
 }, (prev, next) =>
   prev.tools === next.tools &&
+  prev.messages === next.messages &&
+  prev.showThinking === next.showThinking &&
   prev.animate === next.animate,
 );

src/components/lib/tool-metadata.ts

@@ -74,6 +74,8 @@ export const MCP_TOOL_LABELS: Array<{ pattern: RegExp; labels: ToolLabels }> = [
   { pattern: /getConfluencePage$/, labels: { past: "Fetched page", active: "Fetching page", failure: "fetch page" } },
   { pattern: /searchConfluenceUsingCql$/, labels: { past: "Searched Confluence", active: "Searching Confluence", failure: "search Confluence" } },
   { pattern: /getConfluenceSpaces$/, labels: { past: "Listed spaces", active: "Listing spaces", failure: "list spaces" } },
+  { pattern: /getConfluencePageDescendants$/, labels: { past: "Listed descendants", active: "Listing descendants", failure: "list descendants" } },
+  { pattern: /getPagesInConfluenceSpace$/, labels: { past: "Listed pages", active: "Listing pages", failure: "list pages" } },
   { pattern: /createConfluencePage$/, labels: { past: "Created page", active: "Creating page", failure: "create page" } },
   { pattern: /updateConfluencePage$/, labels: { past: "Updated page", active: "Updating page", failure: "update page" } },
   { pattern: /getAccessibleAtlassianResources$/, labels: { past: "Got resources", active: "Getting resources", failure: "get resources" } },