feat(ui): times on injects and every spoken message
This commit is contained in:
@@ -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)}
|
||||
|
||||
Reference in New Issue
Block a user