fix: tidy up Agentic Chat and Context accordions and behaviour

vscode/src/chat/agentic/DeepCody.ts

@@ -189,7 +189,10 @@ export class DeepCodyAgent {
         span.addEvent('reviewLoop')
         for (let i = 0; i < maxLoops && !chatAbortSignal.aborted; i++) {
             this.stats.loop++
-            const step = this.stepsManager.addStep({ title: 'Reflecting' })
+            const step = this.stepsManager.addStep({
+                title: 'Reflecting',
+                state: 'pending', // Explicitly set pending state
+            })
             const newContext = await this.review(requestID, span, chatAbortSignal)
             this.statusCallback.onComplete(step.id)
             if (!newContext.length) break
@@ -227,8 +230,9 @@ export class DeepCodyAgent {
                 return []
             }
 
-            const step = this.stepsManager.addStep({ title: 'Retrieving context' })
-
+            const step = this.stepsManager.addStep({
+                title: 'Finding relevant context',
+            })
             const results = await Promise.all(
                 this.tools.map(async tool => {
                     try {
@@ -283,7 +287,7 @@ export class DeepCodyAgent {
             if (reviewed.length > 0) {
                 this.statusCallback.onStream({
                     title: 'Optimizing context',
-                    content: `selected ${toPlural(reviewed.length, 'item')}`,
+                    content: `${toPlural(reviewed.length, 'item')} selected`,
                 })
                 const userAdded = this.context.filter(c => isUserAddedItem(c))
                 reviewed.push(...userAdded)

vscode/webviews/chat/Transcript.tsx

@@ -57,7 +57,6 @@ import { useIntentDetectionConfig } from '../components/omnibox/intentDetection'
 import { AgenticContextCell } from './cells/agenticCell/AgenticContextCell'
 import ApprovalCell from './cells/agenticCell/ApprovalCell'
 import { DidYouMeanNotice } from './cells/messageCell/assistant/DidYouMean'
-import { SwitchIntent } from './cells/messageCell/assistant/SwitchIntent'
 import { LastEditorContext } from './context'
 
 interface TranscriptProps {
@@ -765,37 +764,35 @@ const TranscriptInteraction: FC<TranscriptInteractionProps> = memo(props => {
                 intent={manuallySelectedIntent?.intent || intentResults?.intent}
                 manuallySelectIntent={handleManualIntentSelection}
             />
-            {experimentalOneBoxEnabled && (
-                <SwitchIntent
-                    intent={humanMessage.intent}
-                    manuallySelected={!!humanMessage.manuallySelectedIntent}
-                    onSwitch={
-                        humanMessage.intent === 'search'
-                            ? reSubmitWithChatIntent
-                            : reSubmitWithSearchIntent
-                    }
-                />
-            )}
             {experimentalOneBoxEnabled && assistantMessage?.didYouMeanQuery && (
                 <DidYouMeanNotice
                     query={assistantMessage?.didYouMeanQuery}
                     disabled={!!assistantMessage?.isLoading}
                     switchToSearch={() => editAndSubmitSearch(assistantMessage?.didYouMeanQuery ?? '')}
                 />
             )}
-            {!isSearchIntent && humanMessage.agent && (
-                <AgenticContextCell
-                    key={`${humanMessage.index}-${humanMessage.intent}-process`}
-                    isContextLoading={isContextLoading}
-                    processes={humanMessage?.processes ?? undefined}
-                />
+            {humanMessage.agent && (
+                <>
+                    <AgenticContextCell
+                        key={`${humanMessage.index}-${humanMessage.intent}-process`}
+                        isContextLoading={isContextLoading}
+                        processes={humanMessage?.processes ?? undefined}
+                        intent={isSearchIntent ? 'search' : 'chat'}
+                        onSwitchIntent={
+                            isSearchIntent ? reSubmitWithChatIntent : reSubmitWithSearchIntent
+                        }
+                        contextItems={humanMessage.contextFiles}
+                        isForFirstMessage={humanMessage.index === 0}
+                        model={assistantMessage?.model}
+                        experimentalOneBoxEnabled={experimentalOneBoxEnabled}
+                    />
+                    {!isSearchIntent &&
+                        humanMessage.agent &&
+                        isContextLoading &&
+                        assistantMessage?.isLoading && <ApprovalCell vscodeAPI={vscodeAPI} />}
+                </>
             )}
-            {!isSearchIntent &&
-                humanMessage.agent &&
-                isContextLoading &&
-                assistantMessage?.isLoading && <ApprovalCell vscodeAPI={vscodeAPI} />}
-
-            {!(humanMessage.agent && isContextLoading) &&
+            {!(humanMessage.agent === 'deep-cody') &&
                 (humanMessage.contextFiles || assistantMessage || isContextLoading) &&
                 !isSearchIntent && (
                     <ContextCell

vscode/webviews/chat/cells/agenticCell/AgenticContextCell.module.css

@@ -0,0 +1,27 @@
+.processItem {
+    transition: all 0.3s ease-in-out;
+}
+
+.stateIcon {
+    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+}
+
+.stateText {
+    transition: color 0.3s ease-in-out;
+}
+
+.fadeIn {
+    opacity: 0;
+    animation: fadeIn 0.3s ease-in-out forwards;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-4px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}