devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 34 Packages Projects Releases Wiki Activity

feat: show dangling attachment count in Storage panel

Browse Source 
Adds a 'Dangling Records' card to the storage overview grid and
includes dangling records in the cleanup eligibility check.
This commit is contained in:
Jannis Braun
2026-03-23 01:56:51 +01:00
parent f634f35450
commit 3c2c333a56
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/modals/instanceSettingsPanels/StoragePanel.tsx
+10 -3
View File
@@ -70,7 +70,7 @@ export function StoragePanel() {
if (!stats) return null; if (!stats) return null;
const hasOrphans = stats.orphanedFiles > 0 || stats.unlinkedAttachments > 0; const hasOrphans = stats.orphanedFiles > 0 || stats.unlinkedAttachments > 0 || stats.danglingAttachments > 0;
return ( return (
<div className="space-y-5"> <div className="space-y-5">
@@ -107,6 +107,13 @@ export function StoragePanel() {
</div> </div>
<div className="text-xs text-txt-tertiary">{formatBytes(stats.unlinkedSize)}</div> <div className="text-xs text-txt-tertiary">{formatBytes(stats.unlinkedSize)}</div>
</div> </div>
<div className="rounded-lg bg-white/[0.02] p-3.5">
<div className="text-xs text-txt-tertiary mb-0.5">Dangling Records</div>
<div className={`text-lg font-semibold ${stats.danglingAttachments > 0 ? 'text-accent-amber' : 'text-txt-primary'}`}>
{stats.danglingAttachments}
</div>
<div className="text-xs text-txt-tertiary">{formatBytes(stats.danglingSize)}</div>
</div>
</div> </div>
</div> </div>
@@ -134,7 +141,7 @@ export function StoragePanel() {
<div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">Cleanup</div> <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">Cleanup</div>
<div className="rounded-lg bg-white/[0.02] p-3.5 space-y-3"> <div className="rounded-lg bg-white/[0.02] p-3.5 space-y-3">
{!hasOrphans && ( {!hasOrphans && (
<div className="text-sm text-txt-tertiary">No orphaned files or stale uploads found.</div> <div className="text-sm text-txt-tertiary">No orphaned files, stale uploads, or dangling records found.</div>
)} )}
{hasOrphans && ( {hasOrphans && (
@@ -166,7 +173,7 @@ export function StoragePanel() {
{cleanupResult.dryRun ? 'Preview — no files deleted' : 'Cleanup complete'} {cleanupResult.dryRun ? 'Preview — no files deleted' : 'Cleanup complete'}
</div> </div>
<div> <div>
{cleanupResult.deletedFiles} orphaned file{cleanupResult.deletedFiles !== 1 ? 's' : ''} ({formatBytes(cleanupResult.freedBytes)}) {cleanupResult.deletedFiles} orphaned/dangling file{cleanupResult.deletedFiles !== 1 ? 's' : ''} ({formatBytes(cleanupResult.freedBytes)})
{cleanupResult.deletedAttachmentRecords > 0 && ( {cleanupResult.deletedAttachmentRecords > 0 && (
<>, {cleanupResult.deletedAttachmentRecords} stale upload record{cleanupResult.deletedAttachmentRecords !== 1 ? 's' : ''}</> <>, {cleanupResult.deletedAttachmentRecords} stale upload record{cleanupResult.deletedAttachmentRecords !== 1 ? 's' : ''}</>
)} )}