fix: hide empty background task messages

Author: vnt-dev

apps/kimi-code/src/chat/liveTurnVisibility.ts

@@ -0,0 +1,15 @@
+export interface LiveUserMessageVisibilityInput {
+  prompt: string;
+  attachments: readonly unknown[];
+  pluginCommand?: unknown;
+}
+
+export function hasVisibleLiveUserMessage(
+  turn: LiveUserMessageVisibilityInput,
+): boolean {
+  return (
+    turn.prompt.trim().length > 0 ||
+    turn.attachments.length > 0 ||
+    turn.pluginCommand !== undefined
+  );
+}

apps/kimi-code/src/components/chat/ConversationViews.tsx

@@ -44,6 +44,7 @@ import {
   type QueuedPrompt,
   type RemoteQueuedPrompt,
 } from "../../chat/liveTurns";
+import { hasVisibleLiveUserMessage } from "../../chat/liveTurnVisibility";
 import { isVisibleRetryStep } from "../../chat/retryStatus";
 import {
   mediaSourceUrl,
@@ -172,41 +173,44 @@ export function LiveTurnView({
   );
   const streaming = isTurnRunning(turn);
   const cronFire = parseCronFireMessage(turn.prompt);
+  const showUserMessage = hasVisibleLiveUserMessage(turn);
 
   return (
     <section
       className="conversation-turn live-conversation-turn"
       data-conversation-turn-id={outlineId}
     >
-      <article className={`message user-message live-user-message${cronFire ? " cron-fire-message" : ""}`}>
-        <div className="message-meta">
-          <time>{formatTime(turn.createdAt)}</time>
-        </div>
-        <div className={`user-bubble${cronFire ? " cron-fire-bubble" : ""}`}>
-          {cronFire ? (
-            <CronFireMessageContent fire={cronFire} />
-          ) : turn.pluginCommand ? (
-            <PluginCommandDisplayContent
-              command={turn.pluginCommand}
-              onOpen={() =>
-                onPluginCommandOpen({
-                  ...turn.pluginCommand!,
-                  id: turn.userMessageId ?? turn.promptId ?? turn.createdAt,
-                  content: turn.pluginCommandContent ?? "",
-                  createdAt: turn.createdAt,
-                })
-              }
-            />
-          ) : (
-            <SkillPromptDisplayContent
-              text={turn.prompt}
-              skills={turn.skills}
-              onSkillOpen={onSkillOpen}
-            />
-          )}
-          <PromptAttachmentContent attachments={turn.attachments} />
-        </div>
-      </article>
+      {showUserMessage && (
+        <article className={`message user-message live-user-message${cronFire ? " cron-fire-message" : ""}`}>
+          <div className="message-meta">
+            <time>{formatTime(turn.createdAt)}</time>
+          </div>
+          <div className={`user-bubble${cronFire ? " cron-fire-bubble" : ""}`}>
+            {cronFire ? (
+              <CronFireMessageContent fire={cronFire} />
+            ) : turn.pluginCommand ? (
+              <PluginCommandDisplayContent
+                command={turn.pluginCommand}
+                onOpen={() =>
+                  onPluginCommandOpen({
+                    ...turn.pluginCommand!,
+                    id: turn.userMessageId ?? turn.promptId ?? turn.createdAt,
+                    content: turn.pluginCommandContent ?? "",
+                    createdAt: turn.createdAt,
+                  })
+                }
+              />
+            ) : (
+              <SkillPromptDisplayContent
+                text={turn.prompt}
+                skills={turn.skills}
+                onSkillOpen={onSkillOpen}
+              />
+            )}
+            <PromptAttachmentContent attachments={turn.attachments} />
+          </div>
+        </article>
+      )}
       <article className={`message assistant-message live-turn ${turn.status}`}>
         <div className="assistant-body">
           {visibleSteps.map((step) => {

apps/kimi-code/tests/liveTurnVisibility.test.ts

@@ -0,0 +1,54 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+
+import { hasVisibleLiveUserMessage } from "../src/chat/liveTurnVisibility.ts";
+
+test("hides a model-facing background task turn without visible user content", () => {
+  assert.equal(
+    hasVisibleLiveUserMessage({
+      prompt: "",
+      attachments: [],
+      pluginCommand: undefined,
+    }),
+    false,
+  );
+});
+
+test("keeps visible prompts, attachments, and plugin commands", () => {
+  assert.equal(
+    hasVisibleLiveUserMessage({
+      prompt: "hello",
+      attachments: [],
+      pluginCommand: undefined,
+    }),
+    true,
+  );
+  assert.equal(
+    hasVisibleLiveUserMessage({
+      prompt: "",
+      attachments: [
+        {
+          id: "attachment-1",
+          name: "image.png",
+          kind: "image",
+          mediaType: "image/png",
+          size: 1,
+        },
+      ],
+      pluginCommand: undefined,
+    }),
+    true,
+  );
+  assert.equal(
+    hasVisibleLiveUserMessage({
+      prompt: "",
+      attachments: [],
+      pluginCommand: {
+        pluginId: "plugin-1",
+        commandName: "run",
+        args: "",
+      },
+    }),
+    true,
+  );
+});