From 2815956f5b2e8a4b3908ebc48f79f50661529a4d Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Wed, 2 Sep 2026 04:52:26 +0200
Subject: [PATCH] feat(ui): times on injects and every spoken message

---
 ui/src/lib/panel/chat-view.svelte | 39 ++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/ui/src/lib/panel/chat-view.svelte b/ui/src/lib/panel/chat-view.svelte
index 2e12074..bfeb00b 100644
--- a/ui/src/lib/panel/chat-view.svelte
+++ b/ui/src/lib/panel/chat-view.svelte
@@ -251,26 +251,39 @@
         {@const newMinute =
           message.ts &&
           minuteOf(message.ts) !== minuteOf(messages[index - 1]?.ts)}
+        {@const spoken =
+          message.role === "user" ||
+          parts.some((b) => b.type === "text" && Boolean(b.text))}
         {#if newDay}
           <p class="label-quiet self-center pt-2">
             {fmtDateTime(message.ts).replace(DAY_TIME, "")}
           </p>
         {/if}
         {#if system}
-          <button
-            aria-expanded={openSystem.has(index)}
-            class="@md:max-w-[75ch] max-w-full self-center rounded-md px-2 py-1 text-left font-mono text-muted-foreground text-xs hover:bg-accent"
-            onclick={() => toggleSystem(index)}
-            type="button"
-          >
-            {#if openSystem.has(index)}
-              <span class="whitespace-pre-wrap break-words">{system}</span>
-            {:else}
-              <span class="block truncate"
-                >{clip(system.split("\n")[0], 120)}</span
+          <div class="flex min-w-0 items-start justify-center gap-2">
+            {#if message.ts}
+              <span
+                class="tabular shrink-0 py-1 text-[11px] text-muted-foreground opacity-60"
+                title={fmtDateTime(message.ts)}
               >
+                {minuteOf(message.ts)}
+              </span>
             {/if}
-          </button>
+            <button
+              aria-expanded={openSystem.has(index)}
+              class="@md:max-w-[75ch] min-w-0 max-w-full rounded-md px-2 py-1 text-left font-mono text-muted-foreground text-xs hover:bg-accent"
+              onclick={() => toggleSystem(index)}
+              type="button"
+            >
+              {#if openSystem.has(index)}
+                <span class="whitespace-pre-wrap break-words">{system}</span>
+              {:else}
+                <span class="block truncate"
+                  >{clip(system.split("\n")[0], 120)}</span
+                >
+              {/if}
+            </button>
+          </div>
         {:else if !(isResultOnly && !showResults)}
           <div
             class={cn(
@@ -278,7 +291,7 @@
             message.role === "user" && !isResultOnly && "items-end"
           )}
           >
-            {#if message.ts && newMinute && !isResultOnly}
+            {#if message.ts && (newMinute || spoken) && !isResultOnly}
               <span
                 class="tabular px-1 text-[11px] text-muted-foreground opacity-60 transition-opacity group-hover:opacity-100"
                 title={fmtDateTime(message.ts)}