Add a Files section to room info listing all sent attachments (#33)

Lists files and images actually attached to sent messages in a room,
newest first, with click-through to a lightbox, preview modal, or direct
download depending on type. Queries through messages.image_id/file_id
so an upload that was never sent doesn't show up as a phantom entry.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-16 19:57:14 -06:00
co-authored by Claude Sonnet 5
parent fd0b3863f0
commit 5643df6bab
11 changed files with 397 additions and 14 deletions
+55
View File
@@ -347,3 +347,58 @@
opacity: 0.4;
cursor: not-allowed;
}
.room-info-files {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: var(--sp-2);
}
.room-info-files-empty {
font-size: 0.78rem;
color: var(--ds-muted);
}
.room-info-file-row {
display: flex;
align-items: center;
gap: 8px;
background: var(--ds-surface-2);
border: 1px solid var(--ds-border);
border-radius: var(--radius);
padding: 7px 10px;
color: var(--ds-text);
text-decoration: none;
cursor: pointer;
text-align: left;
}
.room-info-file-row:hover {
border-color: var(--ds-accent);
}
.room-info-file-row svg {
flex: none;
color: var(--ds-muted);
}
.room-info-file-info {
display: flex;
flex-direction: column;
min-width: 0;
}
.room-info-file-name {
font-size: 0.82rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.room-info-file-meta {
font-size: 0.7rem;
color: var(--ds-muted);
font-family: var(--mono);
}