diff --git a/src/crates/core/src/service/config/manager.rs b/src/crates/core/src/service/config/manager.rs
index d49050ccc..68dda4130 100644
--- a/src/crates/core/src/service/config/manager.rs
+++ b/src/crates/core/src/service/config/manager.rs
@@ -619,7 +619,11 @@ pub(crate) fn migrate_0_0_0_to_1_0_0(mut config: Value) -> BitFunResult<Value> {
             app.insert(
                 "ai_experience".to_string(),
                 serde_json::json!({
-                    "enable_session_title_generation": true
+                    "enable_session_title_generation": true,
+                    "enable_visual_mode": false,
+                    "enable_agent_companion": true,
+                    "show_thinking_process": true,
+                    "show_completed_thinking_item": true
                 }),
             );
         }
diff --git a/src/crates/core/src/service/config/types.rs b/src/crates/core/src/service/config/types.rs
index 8c6b873db..193a257ab 100644
--- a/src/crates/core/src/service/config/types.rs
+++ b/src/crates/core/src/service/config/types.rs
@@ -109,6 +109,10 @@ pub struct AIExperienceConfig {
     pub enable_visual_mode: bool,
     /// Whether to show the pixel Agent companion in the collapsed chat input.
     pub enable_agent_companion: bool,
+    /// Whether to show model thinking process in FlowChat.
+    pub show_thinking_process: bool,
+    /// Whether completed thinking blocks remain as expandable collapsed items.
+    pub show_completed_thinking_item: bool,
 }
 
 #[derive(Debug, Clone, Serialize, Deserialize)]
@@ -1214,6 +1218,8 @@ impl Default for AIExperienceConfig {
             enable_session_title_generation: true,
             enable_visual_mode: false,
             enable_agent_companion: true,
+            show_thinking_process: true,
+            show_completed_thinking_item: true,
         }
     }
 }
diff --git a/src/web-ui/src/app/scenes/skills/SkillsScene.scss b/src/web-ui/src/app/scenes/skills/SkillsScene.scss
index 1b31d5c45..d799db4b6 100644
--- a/src/web-ui/src/app/scenes/skills/SkillsScene.scss
+++ b/src/web-ui/src/app/scenes/skills/SkillsScene.scss
@@ -641,7 +641,7 @@ $skills-column-gap:  clamp(14px, 1.6vw, 20px);
 
 .skills-split__pagination--installed {
   flex-shrink: 0;
-  padding: $size-gap-2 0 0;
+  padding: $size-gap-2 $size-gap-2 $size-gap-3;
   margin-top: auto;
 }
 
diff --git a/src/web-ui/src/flow_chat/components/modern/ExploreGroupRenderer.tsx b/src/web-ui/src/flow_chat/components/modern/ExploreGroupRenderer.tsx
index 4859da3fd..6c0dcfa23 100644
--- a/src/web-ui/src/flow_chat/components/modern/ExploreGroupRenderer.tsx
+++ b/src/web-ui/src/flow_chat/components/modern/ExploreGroupRenderer.tsx
@@ -14,6 +14,7 @@ import { FlowToolCard } from '../FlowToolCard';
 import { ModelThinkingDisplay } from '../../tool-cards/ModelThinkingDisplay';
 import { useToolCardHeightContract } from '../../tool-cards/useToolCardHeightContract';
 import { useFlowChatStaticContext, useFlowChatViewContext } from './FlowChatContext';
+import { aiExperienceConfigService } from '@/infrastructure/config/services/AIExperienceConfigService';
 import './ExploreRegion.scss';
 
 export interface ExploreGroupRendererProps {
@@ -28,6 +29,13 @@ export const ExploreGroupRenderer: React.FC<ExploreGroupRendererProps> = React.m
   const { t } = useTranslation('flow-chat');
   const containerRef = useRef<HTMLDivElement>(null);
   const [scrollState, setScrollState] = useState({ hasScroll: false, atTop: true, atBottom: true });
+  const [thinkingDisplaySettings, setThinkingDisplaySettings] = useState(() => {
+    const settings = aiExperienceConfigService.getSettings();
+    return {
+      showThinkingProcess: settings.show_thinking_process,
+      showCompletedThinkingItem: settings.show_completed_thinking_item,
+    };
+  });
   
   const {
     exploreGroupStates, 
@@ -63,6 +71,29 @@ export const ExploreGroupRenderer: React.FC<ExploreGroupRendererProps> = React.m
   const isCollapsed = !isExpanded;
   const allowManualToggle = !isGroupStreaming;
 
+  useEffect(() => {
+    let cancelled = false;
+    aiExperienceConfigService.getSettingsAsync().then(settings => {
+      if (cancelled) return;
+      setThinkingDisplaySettings({
+        showThinkingProcess: settings.show_thinking_process,
+        showCompletedThinkingItem: settings.show_completed_thinking_item,
+      });
+    });
+
+    const unsubscribe = aiExperienceConfigService.addChangeListener(settings => {
+      setThinkingDisplaySettings({
+        showThinkingProcess: settings.show_thinking_process,
+        showCompletedThinkingItem: settings.show_completed_thinking_item,
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, []);
+
   const checkScrollState = useCallback(() => {
     const el = containerRef.current;
     if (!el) {
@@ -146,10 +177,14 @@ export const ExploreGroupRenderer: React.FC<ExploreGroupRendererProps> = React.m
   
   // Build summary text with i18n.
   const displaySummary = useMemo(() => {
-    const { readCount, searchCount, thinkingCount } = stats;
+    const { readCount, searchCount, commandCount, thinkingCount } = stats;
     
     const parts: string[] = [];
-    if (thinkingCount > 0) {
+    if (
+      thinkingCount > 0 &&
+      thinkingDisplaySettings.showThinkingProcess &&
+      thinkingDisplaySettings.showCompletedThinkingItem
+    ) {
       parts.push(t('exploreRegion.thinkingCount', { count: thinkingCount }));
     }
     if (readCount > 0) {
@@ -158,13 +193,16 @@ export const ExploreGroupRenderer: React.FC<ExploreGroupRendererProps> = React.m
     if (searchCount > 0) {
       parts.push(t('exploreRegion.searchCount', { count: searchCount }));
     }
+    if (commandCount > 0) {
+      parts.push(t('exploreRegion.commandCount', { count: commandCount }));
+    }
     
     if (parts.length === 0) {
       return t('exploreRegion.exploreCount', { count: allItems.length });
     }
     
     return parts.join(t('exploreRegion.separator'));
-  }, [stats, allItems.length, t]);
+  }, [stats, allItems.length, t, thinkingDisplaySettings]);
   
   const handleToggle = useCallback(() => {
     if (isCollapsed) {
diff --git a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.scss b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.scss
index 3add8c736..8af67a05a 100644
--- a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.scss
+++ b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.scss
@@ -70,7 +70,8 @@
   }
 
   // ==================== Search (right-aligned strip; does not span full header) ====================
-  &__search-btn {
+  &__search-btn,
+  &__thinking-toggle {
     flex: 0 0 auto;
 
     &:not(:disabled):hover {
@@ -78,6 +79,10 @@
     }
   }
 
+  &__thinking-toggle {
+    color: var(--color-text-secondary);
+  }
+
   &__search {
     flex: 0 1 auto;
     min-width: 0;
diff --git a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx
index 9e7536c47..3e8fd32a9 100644
--- a/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx
+++ b/src/web-ui/src/flow_chat/components/modern/FlowChatHeader.tsx
@@ -7,15 +7,19 @@
  */
 
 import React, { useEffect, useRef, useState, useCallback } from 'react';
-import { ChevronDown, ChevronUp, CornerUpLeft, List, Search, X } from 'lucide-react';
+import { ChevronDown, ChevronUp, CornerUpLeft, Eye, EyeOff, List, Search, X } from 'lucide-react';
 import { IconButton, Input } from '@/component-library';
 import { useTranslation } from 'react-i18next';
 import { globalEventBus } from '@/infrastructure/event-bus';
 import { SessionFilesBadge } from './SessionFilesBadge';
 import type { Session } from '../../types/flow-chat';
 import { FLOWCHAT_FOCUS_ITEM_EVENT, type FlowChatFocusItemRequest } from '../../events/flowchatNavigation';
+import { aiExperienceConfigService, type AIExperienceSettings } from '@/infrastructure/config/services/AIExperienceConfigService';
+import { createLogger } from '@/shared/utils/logger';
 import './FlowChatHeader.scss';
 
+const log = createLogger('FlowChatHeader');
+
 export interface FlowChatHeaderTurnSummary {
   turnId: string;
   turnIndex: number;
@@ -79,6 +83,9 @@ export const FlowChatHeader: React.FC<FlowChatHeaderProps> = ({
 }) => {
   const { t } = useTranslation('flow-chat');
   const [isSearchOpen, setIsSearchOpen] = useState(false);
+  const [aiExperienceSettings, setAiExperienceSettings] = useState<AIExperienceSettings>(() =>
+    aiExperienceConfigService.getSettings()
+  );
   const searchInputRef = useRef<HTMLInputElement | null>(null);
 
   const parentLabel = btwParentTitle || t('btw.parent', { defaultValue: 'parent session' });
@@ -95,8 +102,28 @@ export const FlowChatHeader: React.FC<FlowChatHeaderProps> = ({
   const turnListTooltip = t('flowChatHeader.turnList', {
     defaultValue: 'Turn list',
   });
+  const keepThinkingItemEnabled = aiExperienceSettings.show_completed_thinking_item;
+  const thinkingItemToggleTooltip = keepThinkingItemEnabled
+    ? t('flowChatHeader.hideCompletedThinkingItems', { defaultValue: 'Hide completed thinking items' })
+    : t('flowChatHeader.showCompletedThinkingItems', { defaultValue: 'Show completed thinking items' });
   const hasTurnNavigation = turns.length > 0 && !!onJumpToTurn;
 
+  useEffect(() => {
+    let cancelled = false;
+    aiExperienceConfigService.getSettingsAsync().then(settings => {
+      if (!cancelled) {
+        setAiExperienceSettings(settings);
+      }
+    });
+
+    const unsubscribe = aiExperienceConfigService.addChangeListener(setAiExperienceSettings);
+
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, []);
+
   // When collapsing the turn list with an active query, reopen the header search bar.
   const prevTurnListOpenRef = useRef(turnListOpen);
   useEffect(() => {
@@ -173,6 +200,20 @@ export const FlowChatHeader: React.FC<FlowChatHeaderProps> = ({
     onTurnListOpenChange?.(!turnListOpen);
   };
 
+  const handleToggleCompletedThinkingItems = async () => {
+    const nextSettings: AIExperienceSettings = {
+      ...aiExperienceSettings,
+      show_completed_thinking_item: !keepThinkingItemEnabled,
+    };
+    setAiExperienceSettings(nextSettings);
+    try {
+      await aiExperienceConfigService.saveSettings(nextSettings);
+    } catch (error) {
+      log.error('Failed to toggle completed thinking items', error);
+      setAiExperienceSettings(aiExperienceSettings);
+    }
+  };
+
   if (!visible) {
     return null;
   }
@@ -248,6 +289,20 @@ export const FlowChatHeader: React.FC<FlowChatHeaderProps> = ({
             </IconButton>
           </div>
         ) : null}
+        {!turnListOpen && !isSearchOpen && (
+          <IconButton
+            className="flowchat-header__thinking-toggle"
+            variant="ghost"
+            size="xs"
+            onClick={handleToggleCompletedThinkingItems}
+            tooltip={thinkingItemToggleTooltip}
+            aria-label={thinkingItemToggleTooltip}
+            aria-pressed={keepThinkingItemEnabled}
+            data-testid="flowchat-header-thinking-toggle"
+          >
+            {keepThinkingItemEnabled ? <Eye size={14} /> : <EyeOff size={14} />}
+          </IconButton>
+        )}
         {!turnListOpen && !isSearchOpen && (
           <IconButton
             className="flowchat-header__search-btn"
diff --git a/src/web-ui/src/flow_chat/store/modernFlowChatStore.ts b/src/web-ui/src/flow_chat/store/modernFlowChatStore.ts
index 7b65e0a8c..df2bff4a2 100644
--- a/src/web-ui/src/flow_chat/store/modernFlowChatStore.ts
+++ b/src/web-ui/src/flow_chat/store/modernFlowChatStore.ts
@@ -8,7 +8,7 @@ import { create } from 'zustand';
 import { useShallow } from 'zustand/react/shallow';
 import { immer } from 'zustand/middleware/immer';
 import type { Session, DialogTurn, ModelRound, FlowItem, FlowToolItem } from '../types/flow-chat';
-import { isCollapsibleTool, READ_TOOL_NAMES, SEARCH_TOOL_NAMES } from '../tool-cards';
+import { COMMAND_TOOL_NAMES, isCollapsibleTool, READ_TOOL_NAMES, SEARCH_TOOL_NAMES } from '../tool-cards';
 import { flowChatStore } from './FlowChatStore';
 
 /**
@@ -17,6 +17,7 @@ import { flowChatStore } from './FlowChatStore';
 export interface ExploreGroupStats {
   readCount: number;
   searchCount: number;
+  commandCount: number;
   thinkingCount: number;
 }
 
@@ -114,9 +115,10 @@ function isExploreOnlyRound(round: ModelRound): boolean {
 /**
  * Compute statistics for a single ModelRound
  */
-function computeRoundStats(round: ModelRound): { readCount: number; searchCount: number; thinkingCount: number } {
+function computeRoundStats(round: ModelRound): ExploreGroupStats {
   let readCount = 0;
   let searchCount = 0;
+  let commandCount = 0;
   let thinkingCount = 0;
   
   for (const item of round.items) {
@@ -124,12 +126,13 @@ function computeRoundStats(round: ModelRound): { readCount: number; searchCount:
       const toolName = (item as FlowToolItem).toolName;
       if (READ_TOOL_NAMES.has(toolName)) readCount++;
       else if (SEARCH_TOOL_NAMES.has(toolName)) searchCount++;
+      else if (COMMAND_TOOL_NAMES.has(toolName)) commandCount++;
     } else if (item.type === 'thinking') {
       thinkingCount++;
     }
   }
   
-  return { readCount, searchCount, thinkingCount };
+  return { readCount, searchCount, commandCount, thinkingCount };
 }
 
 let cachedSession: Session | null = null;
@@ -196,6 +199,7 @@ function canReuseVirtualItem(previous: VirtualItem | undefined, next: VirtualIte
         previousExploreGroup.data.isLastGroupInTurn === next.data.isLastGroupInTurn &&
         previousExploreGroup.data.stats.readCount === next.data.stats.readCount &&
         previousExploreGroup.data.stats.searchCount === next.data.stats.searchCount &&
+        previousExploreGroup.data.stats.commandCount === next.data.stats.commandCount &&
         previousExploreGroup.data.stats.thinkingCount === next.data.stats.thinkingCount &&
         areRoundArraysReferentiallyEqual(previousExploreGroup.data.rounds, next.data.rounds) &&
         areFlowItemArraysReferentiallyEqual(previousExploreGroup.data.allItems, next.data.allItems)
@@ -271,6 +275,7 @@ export function sessionToVirtualItems(session: Session | null): VirtualItem[] {
       allItems: FlowItem[];
       readCount: number;
       searchCount: number;
+      commandCount: number;
       thinkingCount: number;
       startIndex: number;
       endIndex: number;
@@ -288,6 +293,7 @@ export function sessionToVirtualItems(session: Session | null): VirtualItem[] {
           currentGroup.allItems.push(...round.items);
           currentGroup.readCount += stats.readCount;
           currentGroup.searchCount += stats.searchCount;
+          currentGroup.commandCount += stats.commandCount;
           currentGroup.thinkingCount += stats.thinkingCount;
           currentGroup.endIndex = index;
         } else {
@@ -296,6 +302,7 @@ export function sessionToVirtualItems(session: Session | null): VirtualItem[] {
             allItems: [...round.items],
             readCount: stats.readCount,
             searchCount: stats.searchCount,
+            commandCount: stats.commandCount,
             thinkingCount: stats.thinkingCount,
             startIndex: index,
             endIndex: index,
@@ -330,7 +337,12 @@ export function sessionToVirtualItems(session: Session | null): VirtualItem[] {
             groupId: group.rounds.map(r => r.id).join('-'),
             rounds: group.rounds,
             allItems: group.allItems,
-            stats: { readCount: group.readCount, searchCount: group.searchCount, thinkingCount: group.thinkingCount },
+            stats: {
+              readCount: group.readCount,
+              searchCount: group.searchCount,
+              commandCount: group.commandCount,
+              thinkingCount: group.thinkingCount,
+            },
             isGroupStreaming,
             isLastGroupInTurn: isLastGroup,
           }
diff --git a/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.scss b/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.scss
index 40fdf0a8e..b02485289 100644
--- a/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.scss
+++ b/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.scss
@@ -13,6 +13,32 @@
   gap: 0;
   font-size: var(--flowchat-font-size-base);
   line-height: 1.65;
+
+  &.compact-tool-card-wrapper--expanded {
+    margin: 4px 0;
+    border: 1px solid var(--border-base);
+    border-radius: 8px;
+    background: var(--color-bg-flowchat);
+    overflow: hidden;
+    box-shadow:
+      0 1px 4px rgba(0, 0, 0, 0.08),
+      inset 0 1px 0 rgba(255, 255, 255, 0.02);
+
+    &:hover {
+      border-color: var(--border-medium);
+    }
+
+    > .compact-tool-card {
+      padding: 8px 10px !important;
+    }
+  }
+
+  &.compact-tool-card-wrapper--expanded.requires-confirmation {
+    border-color: var(--color-warning, #f59e0b);
+    box-shadow:
+      0 0 0 1px rgba(245, 158, 11, 0.14),
+      0 0 12px rgba(245, 158, 11, 0.16);
+  }
 }
 
 /* Tool item wrapper around .compact-tool-card-wrapper (see ModelRoundItem / FlowItemRenderer).
@@ -224,18 +250,15 @@
 /* ========== Expanded content area ========== */
 .compact-tool-card-expanded {
   position: relative;
-  margin-top: 8px;
-  margin-left: 1rem;
-  padding: 12px;
-  background: var(--color-bg-primary);
-  border: 1px solid var(--border-base);
-  border-radius: 6px;
+  margin: 0;
+  padding: 10px;
+  background: transparent;
+  border: none;
+  border-top: 1px solid var(--border-subtle);
+  border-radius: 0;
   animation: expandDown 0.2s ease-out;
-  box-shadow: 
-    0 2px 8px rgba(0, 0, 0, 0.15),
-    inset 0 1px 0 rgba(255, 255, 255, 0.02);
-  backdrop-filter: blur(8px);
-  
+  box-shadow: none;
+  backdrop-filter: none;
 }
 
 /* ========== Common expanded content styles ========== */
@@ -243,12 +266,13 @@
 .compact-detail-info-inline {
   display: flex;
   flex-wrap: wrap;
-  gap: 12px;
+  gap: 8px 12px;
   align-items: center;
-  margin-bottom: 12px;
+  margin: 0 0 10px;
   padding-bottom: 8px;
   border-bottom: 1px solid var(--border-subtle);
   font-size: 11px;
+  line-height: 1.45;
 }
 
 .compact-detail-inline-item {
@@ -275,19 +299,19 @@
 .compact-expanded-results-list {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
   max-height: 400px;
   overflow-y: auto;
 
 }
 
 .compact-expanded-result-item {
-  padding: 8px;
-  border-radius: 4px;
+  padding: 6px 0;
+  border-radius: 0;
   transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 
   &:hover {
-    background: var(--element-bg-soft);
+    background: transparent;
   }
 }
 
@@ -341,10 +365,11 @@
   margin-top: 0;
   
   pre {
+    margin: 0;
     background: var(--color-bg-secondary);
     border: 1px solid var(--border-subtle);
-    border-radius: 4px;
-    padding: 10px;
+    border-radius: 6px;
+    padding: 8px 10px;
     color: var(--color-text-primary);
     font-family: var(--tool-card-font-mono);
     font-size: 11px;
@@ -362,11 +387,9 @@
 @keyframes expandDown {
   from {
     opacity: 0;
-    transform: translateY(-10px);
   }
   to {
     opacity: 1;
-    transform: translateY(0);
   }
 }
 
diff --git a/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.tsx b/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.tsx
index 873d5d17c..79377796e 100644
--- a/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.tsx
+++ b/src/web-ui/src/flow_chat/tool-cards/CompactToolCard.tsx
@@ -4,7 +4,7 @@
  * 
  * Features:
  * - Collapsed: transparent background, no border, single-line display
- * - Expanded: shows detailed content with dark background box
+ * - Expanded: keeps header and details in one lightweight card surface
  * - Simple gray style, text brightens on hover
  */
 
@@ -58,10 +58,17 @@ export const CompactToolCard: React.FC<CompactToolCardProps> = ({
     status === 'streaming' ||
     status === 'running' ||
     status === 'analyzing';
+  const hasExpandedContent = Boolean(expandedContent);
 
   return (
     <div
-      className={`compact-tool-card-wrapper${loadingShimmer ? ' compact-tool-card-wrapper--loading-shimmer' : ''} ${className}`.trim()}
+      className={[
+        'compact-tool-card-wrapper',
+        loadingShimmer ? 'compact-tool-card-wrapper--loading-shimmer' : '',
+        hasExpandedContent ? 'compact-tool-card-wrapper--has-expanded-content' : '',
+        isExpanded && hasExpandedContent ? 'compact-tool-card-wrapper--expanded' : '',
+        className,
+      ].filter(Boolean).join(' ')}
     >
       <div
         className={`compact-tool-card status-${status} ${clickable ? 'clickable' : ''} ${isExpanded ? 'expanded' : ''}`}
diff --git a/src/web-ui/src/flow_chat/tool-cards/DefaultToolCard.scss b/src/web-ui/src/flow_chat/tool-cards/DefaultToolCard.scss
index 153487fc7..af6169fa5 100644
--- a/src/web-ui/src/flow_chat/tool-cards/DefaultToolCard.scss
+++ b/src/web-ui/src/flow_chat/tool-cards/DefaultToolCard.scss
@@ -185,6 +185,14 @@
   }
 
   &.requires-confirmation {
+    &.compact-tool-card-wrapper--expanded {
+      border-color: var(--color-warning, #f59e0b);
+      box-shadow:
+        0 0 0 1px rgba(245, 158, 11, 0.14),
+        0 0 12px rgba(245, 158, 11, 0.16);
+      animation: defaultToolConfirmationPulse 2s ease-in-out infinite;
+    }
+
     .compact-tool-card {
       border-radius: 8px;
       background: rgba(245, 158, 11, 0.05) !important;
diff --git a/src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.tsx b/src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.tsx
index 126b5c467..f3749f43a 100644
--- a/src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.tsx
+++ b/src/web-ui/src/flow_chat/tool-cards/ModelThinkingDisplay.tsx
@@ -14,6 +14,7 @@ import type { FlowThinkingItem } from '../types/flow-chat';
 import { useTypewriter } from '../hooks/useTypewriter';
 import { useToolCardHeightContract } from './useToolCardHeightContract';
 import { Markdown } from '@/component-library/components/Markdown/Markdown';
+import { aiExperienceConfigService } from '@/infrastructure/config/services/AIExperienceConfigService';
 import './ModelThinkingDisplay.scss';
 
 interface ModelThinkingDisplayProps {
@@ -32,6 +33,13 @@ export const ModelThinkingDisplay: React.FC<ModelThinkingDisplayProps> = ({ thin
   const displayContent = useTypewriter(content, isActive);
 
   const [isExpanded, setIsExpanded] = useState(isLastItem);
+  const [thinkingDisplaySettings, setThinkingDisplaySettings] = useState(() => {
+    const settings = aiExperienceConfigService.getSettings();
+    return {
+      showThinkingProcess: settings.show_thinking_process,
+      showCompletedThinkingItem: settings.show_completed_thinking_item,
+    };
+  });
   const userToggledRef = useRef(false);
   const { applyExpandedState } = useToolCardHeightContract({
     toolId: thinkingItem.id,
@@ -43,6 +51,29 @@ export const ModelThinkingDisplay: React.FC<ModelThinkingDisplayProps> = ({ thin
     },
   });
 
+  useEffect(() => {
+    let cancelled = false;
+    aiExperienceConfigService.getSettingsAsync().then(settings => {
+      if (cancelled) return;
+      setThinkingDisplaySettings({
+        showThinkingProcess: settings.show_thinking_process,
+        showCompletedThinkingItem: settings.show_completed_thinking_item,
+      });
+    });
+
+    const unsubscribe = aiExperienceConfigService.addChangeListener(settings => {
+      setThinkingDisplaySettings({
+        showThinkingProcess: settings.show_thinking_process,
+        showCompletedThinkingItem: settings.show_completed_thinking_item,
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, []);
+
   useEffect(() => {
     if (userToggledRef.current) return;
     if (!isLastItem && isExpanded) {
@@ -109,6 +140,13 @@ export const ModelThinkingDisplay: React.FC<ModelThinkingDisplayProps> = ({ thin
 
   const renderedContent = isActive ? displayContent : content;
 
+  if (
+    !thinkingDisplaySettings.showThinkingProcess ||
+    (!isActive && !thinkingDisplaySettings.showCompletedThinkingItem)
+  ) {
+    return null;
+  }
+
   return (
     <div ref={wrapperRef} data-tool-card-id={thinkingItem.id} className={wrapperClassName}>
       <div
diff --git a/src/web-ui/src/flow_chat/tool-cards/TerminalToolCard.scss b/src/web-ui/src/flow_chat/tool-cards/TerminalToolCard.scss
index 4aeb74e06..97d9bb86d 100644
--- a/src/web-ui/src/flow_chat/tool-cards/TerminalToolCard.scss
+++ b/src/web-ui/src/flow_chat/tool-cards/TerminalToolCard.scss
@@ -30,6 +30,88 @@
   border-radius: 0 0 7px 7px;
 }
 
+/* Collapsed terminal cards should sit with compact read/search tool rows instead of looking like a callout. */
+.base-tool-card-wrapper.terminal-tool-card:not(:has(> .base-tool-card-expanded)):not(:has(> .base-tool-card-error)) {
+  margin: 0;
+  border-color: transparent;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  overflow: visible;
+
+  &:hover,
+  &:active {
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  &.requires-confirmation {
+    border-color: transparent;
+    border-width: 1px;
+    box-shadow: none;
+    animation: none;
+
+    &:hover {
+      border-color: transparent;
+      box-shadow: none;
+    }
+  }
+
+  .base-tool-card-header {
+    --tool-card-header-pad-y: 0px;
+    --tool-card-header-pad-x: 0px;
+
+    gap: 8px;
+    padding: 0 8px 0 0;
+    line-height: 1.65;
+    overflow: visible;
+
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+
+  .tool-card-icon-slot {
+    align-self: center;
+    padding-right: 0;
+    margin-right: 0;
+
+    &::after {
+      display: none;
+    }
+  }
+
+  .tool-card-icon-marks {
+    width: auto;
+    height: auto;
+  }
+
+  .tool-card-icon.tool-identifier-icon.tool-card-icon-main svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  .tool-card-action,
+  .tool-card-content {
+    font-size: var(--flowchat-font-size-base);
+    line-height: 1.65;
+    color: var(--color-text-muted);
+  }
+
+  &:hover {
+    .tool-card-action,
+    .tool-card-content {
+      color: var(--color-text-primary);
+    }
+
+    .terminal-command {
+      color: var(--color-text-primary);
+    }
+  }
+}
+
 /* ========== Fix scrollbar visibility on card hover ========== */
 .base-tool-card-wrapper.terminal-tool-card:hover {
   .terminal-execution-output,
diff --git a/src/web-ui/src/flow_chat/tool-cards/index.ts b/src/web-ui/src/flow_chat/tool-cards/index.ts
index 9a5f2020a..7fcac0c3f 100644
--- a/src/web-ui/src/flow_chat/tool-cards/index.ts
+++ b/src/web-ui/src/flow_chat/tool-cards/index.ts
@@ -521,11 +521,11 @@ export type { PlanDisplayProps } from './CreatePlanDisplay';
 import type { FlowItem, FlowToolItem } from '../types/flow-chat';
 
 /**
- * Collapsible explorer tools (only these 5).
+ * Collapsible explorer tools.
  * They are auto-collapsed during streaming to reduce visual noise.
  */
 export const COLLAPSIBLE_TOOL_NAMES = new Set([
-  'Read', 'LS', 'Grep', 'Glob', 'WebSearch'
+  'Read', 'LS', 'Grep', 'Glob', 'WebSearch', 'Bash'
 ]);
 
 /** Read tools (counted in readCount). */
@@ -534,6 +534,9 @@ export const READ_TOOL_NAMES = new Set(['Read', 'LS']);
 /** Search tools (counted in searchCount). */
 export const SEARCH_TOOL_NAMES = new Set(['Grep', 'Glob', 'WebSearch']);
 
+/** Command tools (counted in commandCount). */
+export const COMMAND_TOOL_NAMES = new Set(['Bash']);
+
 /** Check whether a tool is collapsible. */
 export function isCollapsibleTool(toolName: string): boolean {
   return COLLAPSIBLE_TOOL_NAMES.has(toolName);
@@ -544,7 +547,7 @@ export function isCollapsibleTool(toolName: string): boolean {
  * - Subagent items are never collapsed.
  * - Text needs context (use isCollapsibleItemWithContext).
  * - Thinking can be collapsed with explorer tools.
- * - Only the 5 explorer tools are collapsible.
+ * - Only explorer tools are collapsible.
  */
 export function isCollapsibleItem(item: FlowItem): boolean {
   // Subagent items are never collapsed.
@@ -556,7 +559,7 @@ export function isCollapsibleItem(item: FlowItem): boolean {
   // Thinking can be collapsed with explorer tools.
   if (item.type === 'thinking') return true;
   
-  // Tools: only the 5 explorer tools are collapsible.
+  // Tools: only explorer tools are collapsible.
   if (item.type === 'tool') {
     return isCollapsibleTool((item as FlowToolItem).toolName);
   }
@@ -597,7 +600,7 @@ export function isCollapsibleItemWithContext(
     return false;
   }
   
-  // Tools: only the 5 explorer tools are collapsible.
+  // Tools: only explorer tools are collapsible.
   if (item.type === 'tool') {
     return isCollapsibleTool((item as FlowToolItem).toolName);
   }
diff --git a/src/web-ui/src/infrastructure/config/components/PersonalizationConfig.tsx b/src/web-ui/src/infrastructure/config/components/PersonalizationConfig.tsx
index 00d5cfb9f..7eaddf70d 100644
--- a/src/web-ui/src/infrastructure/config/components/PersonalizationConfig.tsx
+++ b/src/web-ui/src/infrastructure/config/components/PersonalizationConfig.tsx
@@ -112,6 +112,39 @@ const PersonalizationConfig: React.FC = () => {
           </ConfigPageRow>
         </ConfigPageSection>
 
+        <ConfigPageSection
+          title={t('features.thinkingProcess.title')}
+          description={t('features.thinkingProcess.subtitle')}
+        >
+          <ConfigPageRow
+            label={t('features.thinkingProcess.showProcess')}
+            description={t('features.thinkingProcess.showProcessDescription')}
+            align="center"
+          >
+            <div className="bitfun-func-agent-config__row-control">
+              <Switch
+                checked={settings.show_thinking_process}
+                onChange={(e) => updateSetting('show_thinking_process', e.target.checked)}
+                size="small"
+              />
+            </div>
+          </ConfigPageRow>
+          <ConfigPageRow
+            label={t('features.thinkingProcess.keepCompletedItem')}
+            description={t('features.thinkingProcess.keepCompletedItemDescription')}
+            align="center"
+          >
+            <div className="bitfun-func-agent-config__row-control">
+              <Switch
+                checked={settings.show_completed_thinking_item}
+                disabled={!settings.show_thinking_process}
+                onChange={(e) => updateSetting('show_completed_thinking_item', e.target.checked)}
+                size="small"
+              />
+            </div>
+          </ConfigPageRow>
+        </ConfigPageSection>
+
         <ConfigPageSection
           title={tDebug('sections.combined')}
           description={tDebug('sections.combinedDescription')}
diff --git a/src/web-ui/src/infrastructure/config/services/AIExperienceConfigService.ts b/src/web-ui/src/infrastructure/config/services/AIExperienceConfigService.ts
index c9a9c222d..5bfdfb21b 100644
--- a/src/web-ui/src/infrastructure/config/services/AIExperienceConfigService.ts
+++ b/src/web-ui/src/infrastructure/config/services/AIExperienceConfigService.ts
@@ -10,6 +10,10 @@ export interface AIExperienceSettings {
   enable_visual_mode: boolean;
   /** Pixel Agent companion in collapsed chat input (session settings). */
   enable_agent_companion: boolean;
+  /** Whether to show model thinking process in FlowChat. */
+  show_thinking_process: boolean;
+  /** Whether completed thinking blocks remain as expandable collapsed items. */
+  show_completed_thinking_item: boolean;
 }
 
 const CONFIG_PATH = 'app.ai_experience';
@@ -18,6 +22,8 @@ const defaultSettings: AIExperienceSettings = {
   enable_session_title_generation: true,
   enable_visual_mode: false,
   enable_agent_companion: true,
+  show_thinking_process: true,
+  show_completed_thinking_item: true,
 };
 
  
diff --git a/src/web-ui/src/infrastructure/config/types/index.ts b/src/web-ui/src/infrastructure/config/types/index.ts
index bd8d369e6..7b68ad24b 100644
--- a/src/web-ui/src/infrastructure/config/types/index.ts
+++ b/src/web-ui/src/infrastructure/config/types/index.ts
@@ -64,6 +64,12 @@ export interface AIExperienceConfig {
 
   /** Whether to show the pixel Agent companion in the collapsed chat input. */
   enable_agent_companion: boolean;
+
+  /** Whether to show model thinking process in FlowChat. */
+  show_thinking_process: boolean;
+
+  /** Whether completed thinking blocks remain as expandable collapsed items. */
+  show_completed_thinking_item: boolean;
 }
 
 export type ModelCapability =
diff --git a/src/web-ui/src/locales/en-US/common.json b/src/web-ui/src/locales/en-US/common.json
index 192b23033..27d385c4f 100644
--- a/src/web-ui/src/locales/en-US/common.json
+++ b/src/web-ui/src/locales/en-US/common.json
@@ -529,14 +529,14 @@
     "disclaimerAgree": "Agree and Continue"
   },
   "about": {
-    "productTitle": "BitFun Agentic OS",
+    "productTitle": "Sparo OS",
     "close": "Close",
     "copy": "Copy",
     "version": "Version {{version}}",
     "buildDate": "Build Date",
     "commit": "Commit",
     "branch": "Branch",
-    "copyright": "© 2025 BitFun. All rights reserved."
+    "copyright": "© 2026 Spora OS Development Team. All rights reserved."
   },
   "actions": {
     "confirm": "Confirm",
diff --git a/src/web-ui/src/locales/en-US/flow-chat.json b/src/web-ui/src/locales/en-US/flow-chat.json
index 2258bb5cb..8bbbfdd8c 100644
--- a/src/web-ui/src/locales/en-US/flow-chat.json
+++ b/src/web-ui/src/locales/en-US/flow-chat.json
@@ -352,7 +352,9 @@
     "searchPrevious": "Previous matching turn",
     "searchNext": "Next matching turn",
     "searchClose": "Close search",
-    "searchOpen": "Search in turns"
+    "searchOpen": "Search in turns",
+    "hideCompletedThinkingItems": "Hide completed thinking items",
+    "showCompletedThinkingItems": "Show completed thinking items"
   },
   "sessionFilesBadge": {
     "files": "files",
@@ -418,6 +420,9 @@
     "searchCount_one": "{{count}} search",
     "searchCount_other": "{{count}} searches",
     "searchCount": "{{count}} search(es)",
+    "commandCount_one": "{{count}} command",
+    "commandCount_other": "{{count}} commands",
+    "commandCount": "{{count}} command(s)",
     "thinkingCount_one": "Thought {{count}} time",
     "thinkingCount_other": "Thought {{count}} times",
     "thinkingCount": "Thought {{count}} time(s)",
diff --git a/src/web-ui/src/locales/en-US/settings.json b/src/web-ui/src/locales/en-US/settings.json
index c9f4cfc24..1ff192bce 100644
--- a/src/web-ui/src/locales/en-US/settings.json
+++ b/src/web-ui/src/locales/en-US/settings.json
@@ -11,7 +11,7 @@
       "appearance": "Language, theme, and interface font size.",
       "basics": "Logging, terminal shell, launch at login, and notifications.",
       "models": "AI models, API keys, providers, and proxy.",
-      "personalization": "Title generation, Agent companion, and debug mode.",
+      "personalization": "Title generation, Agent companion, thinking process, and debug mode.",
       "permissions": "Tool confirmation, timeouts, and desktop automation access.",
       "memory": "Automatic memory extraction cadence and enablement.",
       "editor": "Editor font, display, and formatting.",
diff --git a/src/web-ui/src/locales/en-US/settings/personalization.json b/src/web-ui/src/locales/en-US/settings/personalization.json
index fc5ec4ade..33285f209 100644
--- a/src/web-ui/src/locales/en-US/settings/personalization.json
+++ b/src/web-ui/src/locales/en-US/settings/personalization.json
@@ -1,6 +1,6 @@
 {
   "title": "Personalization",
-  "subtitle": "Title generation, Agent companion, and debug mode",
+  "subtitle": "Title generation, Agent companion, thinking process, and debug mode",
   "features": {
     "sessionTitle": {
       "title": "Auto Session Title",
@@ -11,6 +11,14 @@
       "title": "Agent companion",
       "subtitle": "Show a pixel-style companion animation in the collapsed chat input.",
       "enable": "Show Agent companion"
+    },
+    "thinkingProcess": {
+      "title": "Thinking process",
+      "subtitle": "Control how model thinking content is shown in FlowChat.",
+      "showProcess": "Show thinking process",
+      "showProcessDescription": "When off, FlowChat no longer shows model thinking output.",
+      "keepCompletedItem": "Keep expandable item after completion",
+      "keepCompletedItemDescription": "After a thinking output finishes and auto-collapses, keep an expandable thinking item in FlowChat."
     }
   },
   "model": {
diff --git a/src/web-ui/src/locales/zh-CN/common.json b/src/web-ui/src/locales/zh-CN/common.json
index d4e7434ab..c6eb3d165 100644
--- a/src/web-ui/src/locales/zh-CN/common.json
+++ b/src/web-ui/src/locales/zh-CN/common.json
@@ -529,14 +529,14 @@
     "disclaimerAgree": "同意并继续"
   },
   "about": {
-    "productTitle": "BitFun Agentic OS",
+    "productTitle": "Sparo OS",
     "close": "关闭",
     "copy": "复制",
     "version": "版本 {{version}}",
     "buildDate": "构建日期",
     "commit": "提交",
     "branch": "分支",
-    "copyright": "© 2025 BitFun. All rights reserved."
+    "copyright": "© 2026 Spora OS 开发团队。保留所有权利。"
   },
   "actions": {
     "confirm": "确认",
diff --git a/src/web-ui/src/locales/zh-CN/flow-chat.json b/src/web-ui/src/locales/zh-CN/flow-chat.json
index 3edb4c7aa..25e7f1168 100644
--- a/src/web-ui/src/locales/zh-CN/flow-chat.json
+++ b/src/web-ui/src/locales/zh-CN/flow-chat.json
@@ -352,7 +352,9 @@
     "searchPrevious": "上一个匹配轮次",
     "searchNext": "下一个匹配轮次",
     "searchClose": "关闭搜索",
-    "searchOpen": "搜索对话轮次"
+    "searchOpen": "搜索对话轮次",
+    "hideCompletedThinkingItems": "隐藏已完成的思考条目",
+    "showCompletedThinkingItems": "显示已完成的思考条目"
   },
   "sessionFilesBadge": {
     "files": "文件",
@@ -414,6 +416,7 @@
   "exploreRegion": {
     "readFiles": "读取了 {{count}} 个文件",
     "searchCount": "进行了 {{count}} 次搜索",
+    "commandCount": "执行了 {{count}} 条命令",
     "thinkingCount": "思考了 {{count}} 次",
     "exploreCount": "执行了 {{count}} 次探索",
     "separator": "，",
diff --git a/src/web-ui/src/locales/zh-CN/settings.json b/src/web-ui/src/locales/zh-CN/settings.json
index ef11d94b1..189c79fa2 100644
--- a/src/web-ui/src/locales/zh-CN/settings.json
+++ b/src/web-ui/src/locales/zh-CN/settings.json
@@ -11,7 +11,7 @@
       "appearance": "语言、主题与界面字体大小。",
       "basics": "日志、终端 Shell、开机启动与通知。",
       "models": "AI 模型、API 密钥、供应商与代理。",
-      "personalization": "标题生成、Agent 伙伴与调试模式。",
+      "personalization": "标题生成、Agent 伙伴、思考过程与调试模式。",
       "permissions": "工具执行确认、超时与桌面自动化授权。",
       "memory": "自动记忆开关与提炼频率。",
       "editor": "编辑器字体、显示与格式化。",
diff --git a/src/web-ui/src/locales/zh-CN/settings/personalization.json b/src/web-ui/src/locales/zh-CN/settings/personalization.json
index 0c2501d96..895ea4f92 100644
--- a/src/web-ui/src/locales/zh-CN/settings/personalization.json
+++ b/src/web-ui/src/locales/zh-CN/settings/personalization.json
@@ -1,6 +1,6 @@
 {
   "title": "个性化",
-  "subtitle": "标题生成、Agent 伙伴与调试模式",
+  "subtitle": "标题生成、Agent 伙伴、思考过程与调试模式",
   "features": {
     "sessionTitle": {
       "title": "会话标题自动生成",
@@ -11,6 +11,14 @@
       "title": "Agent 伙伴",
       "subtitle": "在收起的会话输入框中显示像素风格伙伴动画。",
       "enable": "显示 Agent 伙伴"
+    },
+    "thinkingProcess": {
+      "title": "思考过程",
+      "subtitle": "控制 FlowChat 中模型思考内容的显示方式。",
+      "showProcess": "显示思考过程",
+      "showProcessDescription": "关闭后，FlowChat 不再展示模型的思考输出。",
+      "keepCompletedItem": "完成后保留可展开条目",
+      "keepCompletedItemDescription": "思考输出完成并自动收起后，仍在 FlowChat 中保留可展开的思考条目。"
     }
   },
   "model": {