@springbrand/message-panel 0.1.3-alpha.0 → 0.1.3-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@springbrand/message-panel",
-  "version": "0.1.3-alpha.0",
+  "version": "0.1.3-alpha.1",
   "type": "module",
   "files": [
     "src",

package/src/camel/camel-chat-messages.tsx

@@ -74,6 +74,7 @@ export interface CamelChatMessagesProps {
   isServerStreaming?: boolean;
   /** Show the opt-in activity bar for recovering or server-streaming states. */
   showActivityStatus?: boolean;
+  activityStatusLabel?: string;
   hasPendingSteer?: boolean;
   startedWithPending?: boolean;
   error?: unknown;
@@ -403,16 +404,21 @@ function CamelToolRow({
   onApprove: (approvalId: string, decision: ToolApprovalDecision) => void;
   getToolApproval?: (part: unknown) => ToolApprovalView | undefined;
 }) {
-  const [open, setOpen] = useState(false);
   const approval = getToolApproval?.(part) ?? toolApprovalOf(part);
   const pendingApproval = approval && approval.approved === undefined;
   const presentation = getCamelToolPresentation(part, isActive);
+  const autoOpen = presentation.running && (
+    presentation.isSubAgent ||
+    presentation.kind === "write" ||
+    presentation.kind === "edit"
+  );
+  const [open, setOpen] = useState(autoOpen);
   const hasDetails = children != null || presentation.hasDetails;
   const title = presentation.summary;
 
   useEffect(() => {
-    if (presentation.isSubAgent && presentation.running) setOpen(true);
-  }, [presentation.isSubAgent, presentation.running]);
+    if (autoOpen) setOpen(true);
+  }, [autoOpen]);
 
   return (
     <div data-part-type={normalizedPartType(part)}>
@@ -1189,6 +1195,11 @@ function AssistantTurn({
   const thinkingActivity = deriveThinkingActivity(
     turn.traceParts.at(-1)?.part ?? turn.finalParts.at(-1)?.part,
   );
+  const hasRunningTool = turn.traceParts.some(
+    ({ part }) =>
+      toolNameOfPart(part) !== null &&
+      getCamelToolPresentation(part, isActive).running,
+  );
   const activeActivity = hasPendingSteer
     ? pendingSteerActivity
     : thinkingActivity;
@@ -1269,7 +1280,7 @@ function AssistantTurn({
             {turn.copyText && <ClipboardAction text={turn.copyText} />}
           </div>
         )}
-        {isActive && turn.finalParts.length === 0 && (
+        {isActive && turn.finalParts.length === 0 && !hasRunningTool && (
           <ThinkingIndicator {...activeActivity} />
         )}
       </div>
@@ -1285,6 +1296,7 @@ export function CamelChatMessages({
   isRecovering = false,
   isServerStreaming = false,
   showActivityStatus = false,
+  activityStatusLabel,
   hasPendingSteer = false,
   startedWithPending = false,
   error,
@@ -1345,7 +1357,7 @@ export function CamelChatMessages({
           role="status"
         >
           <span className="size-1.5 animate-pulse rounded-full bg-blue-500" />
-          {isRecovering ? "Recovering…" : "Running…"}
+          {activityStatusLabel ?? (isRecovering ? "Recovering…" : "Running…")}
         </div>
       )}
       <div

package/src/camel/camel-turn.ts

@@ -169,11 +169,20 @@ function isTraceWork(
   if (isVisibleReasoning(part)) return true;
   const kind = resolvePartKind(part);
   if (kind === "plan") return false;
-  const toolName = toolNameOfPart(part);
-  if (toolName !== null && finalToolNames.includes(toolName)) return false;
+  if (isFinalOutputTool(part, finalToolNames)) return false;
   return TRACE_PART_KINDS.has(kind ?? "");
 }
 
+function isFinalOutputTool(
+  part: CamelPart,
+  finalToolNames: readonly string[],
+): boolean {
+  const toolName = toolNameOfPart(part);
+  return toolName !== null &&
+    (finalToolNames.includes(toolName) ||
+      resolvePartKind(part) === "suggestions");
+}
+
 function isTraceBoundary(
   part: CamelPart,
   finalToolNames: readonly string[],
@@ -226,8 +235,17 @@ export function projectCamelAssistantTurn(
     partIndex,
     part,
   }));
-  let lastTraceBoundary = -1;
+  let finalOutputBoundary = parts.length;
   for (let index = parts.length - 1; index >= 0; index -= 1) {
+    if (isFinalOutputTool(parts[index].part, finalToolNames)) {
+      finalOutputBoundary = index;
+      break;
+    }
+  }
+  let lastTraceBoundary = -1;
+  // Provider cleanup steps after final output must not pull the answer back
+  // into the collapsible work trace.
+  for (let index = finalOutputBoundary - 1; index >= 0; index -= 1) {
     if (isTraceBoundary(parts[index].part, finalToolNames)) {
       lastTraceBoundary = index;
       break;

package/src/parts/plan.ts

@@ -26,8 +26,9 @@ export function planStepsOfPart(part: unknown): PlanStep[] {
     const value = recordOf(step);
     const text = typeof value.text === "string" ? value.text.trim() : "";
     if (!text) return [];
-    const status =
-      value.status === "in_progress" || value.status === "done"
+    const status = value.status === "completed"
+      ? "done"
+      : value.status === "in_progress" || value.status === "done"
         ? value.status
         : "pending";
     return [{ text, status }];