- {visibleSteps.map((step, i) => {
- // Stable key based on absolute position in the full log — React reuses
- // existing DOM elements and only mounts (and animates) new ones.
- const globalIndex = startIndex + i;
- const isActive = i === visibleSteps.length - 1; // last = newest = bottom
- // Connector runs below every step except the active one at the bottom.
- const showConnector = i < visibleSteps.length - 1;
- const label = formatProgress(step, t, resolveToolName);
- return (
-
-
-
- {progressStepIcon(step, resolveToolIcon, isActive)}
-
- {showConnector &&
}
-
-
{label}
-
- );
- })}
+
+
+
+
+ {label}
+ {current && (
+
+ {progressStepIcon(current, resolveToolIcon)}
+
+ )}
);
}
@@ -265,8 +229,10 @@ function formatDuration(ms: number, t: TranslateFn): string {
}
/**
- * Collapsed "Ran for X seconds" dropdown that appears above each completed
- * assistant turn. Expands to show the full ordered progress log for that turn.
+ * Collapsed "Ran for X seconds" control above each completed assistant turn.
+ * Expands to a numbered list of just the tools that actually ran — generic
+ * progress phases (analysing, thinking, reading the document, …) are omitted.
+ * When no tool ran, the duration shows as a plain label with nothing to expand.
*/
function CompletedProgressLogDropdown({
progressLog,
@@ -284,6 +250,22 @@ function CompletedProgressLogDropdown({
const [expanded, setExpanded] = useState(false);
const label = formatDuration(durationMs, t);
+ const toolSteps = progressLog.filter(
+ (step) => step.phase === AiWorkflowPhase.EXECUTING_TOOL && step.tool,
+ );
+
+ // A purely conversational turn (no tools): just show the duration, nothing
+ // to expand.
+ if (toolSteps.length === 0) {
+ return (
+
+
+ {label}
+
+
+ );
+ }
+
return (
-
- {progressLog.map((step, i) => {
- const showConnector = i < progressLog.length - 1;
- const stepLabel = formatProgress(step, t, resolveToolName);
+
+ {toolSteps.map((step, i) => {
+ const endpoint = step.tool ?? "";
+ const name = resolveToolName(endpoint) ?? endpoint;
return (
-
-
-
- {progressStepIcon(step, resolveToolIcon, false)}
-
- {showConnector && (
-
- )}
-
-
{stepLabel}
-
-
+ {i + 1}
+
+ {progressStepIcon(step, resolveToolIcon)}
+
+ {name}
+
);
})}
-
);
@@ -488,6 +463,10 @@ export function ChatPanel({ onBack, backLabel }: ChatPanelProps) {
};
const showQuickActions = messages.length === 0 && !isLoading;
+ const disclaimerText = t(
+ "chat.input.disclaimer",
+ "AI can make mistakes. Be sure to verify the output before sharing.",
+ );
return (
@@ -533,8 +512,23 @@ export function ChatPanel({ onBack, backLabel }: ChatPanelProps) {