feat: Expandable metadata drawer + transcription system (#175, #176) #178

Merged
marcel merged 47 commits from feat/issue-175-176-metadata-drawer-transcription into main 2026-04-06 11:31:11 +02:00
Showing only changes of commit a66bec1971 - Show all commits

View File

@@ -138,7 +138,7 @@ onMount(() => {
{#if flatMessages.length > 0}
<div class="rounded border-l-2 border-accent bg-muted p-2">
<div class="mb-2 flex items-center gap-1.5 font-sans text-xs font-semibold text-ink-2">
<div class="mb-2 flex items-center gap-1.5 font-sans text-sm font-semibold text-ink-2">
<svg
class="h-3.5 w-3.5"
viewBox="0 0 24 24"
@@ -167,21 +167,21 @@ onMount(() => {
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-1.5">
<span class="font-sans text-xs font-semibold text-ink">{msg.authorName}</span>
<span class="font-sans text-sm font-semibold text-ink">{msg.authorName}</span>
{#if wasEdited(msg)}
<span class="font-sans text-[10px] text-ink-3"
<span class="font-sans text-xs text-ink-3"
>{timeAgo(msg.updatedAt)} {m.comment_edited_label()}</span
>
{:else}
<span class="font-sans text-[10px] text-ink-3">{timeAgo(msg.createdAt)}</span>
<span class="font-sans text-xs text-ink-3">{timeAgo(msg.createdAt)}</span>
{/if}
</div>
{#if parsed.quote}
<div class="my-1 border-l-2 border-line pl-2 font-serif text-xs text-ink-3 italic">
<div class="my-1 border-l-2 border-line pl-2 font-serif text-sm text-ink-3 italic">
&ldquo;{parsed.quote}&rdquo;
</div>
{/if}
<p class="font-serif text-xs leading-relaxed text-ink-2">
<p class="font-serif text-sm leading-relaxed text-ink-2">
<!-- eslint-disable-next-line svelte/no-at-html-tags -- renderBody escapes all HTML before injecting mention links -->
{@html renderBody(parsed.body, msg.mentionDTOs ?? [])}
</p>