Skip to content

fix: update backup lists #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pankajEndee merged 18 commits into from
Mar 18, 2026
Merged

fix: update backup lists #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
a33fd7c
feat: backup jobs and notifications component
itspunkaj Feb 11, 2026
3ffec39
refactor: update .tar.gz to .tar
itspunkaj Feb 11, 2026
e31e16b
refactor: update `info` notification type for creating backup
itspunkaj Feb 11, 2026
1560041
fix: dark background
itspunkaj Feb 11, 2026
5565dfe
refactor: remove authToken from generateDownloadKey
itspunkaj Feb 11, 2026
ed424d0
refactor: put error notification above index selector
itspunkaj Feb 11, 2026
36e2493
refactor: remove backup count and jobs count
itspunkaj Feb 12, 2026
b8258a4
refactor: add upload, download backups and list jobs refs
itspunkaj Feb 12, 2026
f82ffe6
refactor: pass authToken as query param in download backup api
itspunkaj Feb 12, 2026
3a32d57
chore: add semantic release
itspunkaj Feb 13, 2026
a613a47
fix: alpha releases
itspunkaj Feb 13, 2026
c737484
chore(release): 1.1.0-alpha.1
semantic-release-bot Feb 13, 2026
1d0bf8b
minor change
itspunkaj Feb 18, 2026
2acc1f2
chore: remove semantic-release/git
itspunkaj Feb 19, 2026
66f2a29
Merge branch 'main' into develop
pankajEndee Feb 19, 2026
96e2b56
fix: remove jobs and add backup info
itspunkaj Feb 23, 2026
8ba61df
refactor: update backups list
itspunkaj Mar 18, 2026
9d94e12
Merge branch 'main' into develop
pankajEndee Mar 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@ import VectorGetPage from './pages/VectorGetPage'
import WelcomePage from './pages/WelcomePage'
import TutorialsPage from './pages/TutorialsPage'
import BackupsPage from './pages/BackupsPage'
import { APP_VERSION } from './config'
import { useTheme } from './useTheme'
import { AuthProvider, useAuth } from './context/AuthContext'
import { NotificationProvider } from './context/NotificationContext'
Expand Down Expand Up @@ -146,9 +145,9 @@ function Header() {
</>
)}
</button>
<div className='text-xs text-slate-500 dark:text-slate-400'>
{/* <div className='text-xs text-slate-500 dark:text-slate-400'>
v{APP_VERSION}
</div>
</div> */}
</div>
</div>
)
Expand Down
179 changes: 122 additions & 57 deletions src/pages/BackupsPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@ import Notification from '../components/Notification'

interface Backup {
name: string
original_index: string
timestamp: number
}

interface ActiveBackup {
Expand Down Expand Up @@ -89,7 +91,16 @@ export default function BackupsPage() {
throw new Error('Failed to fetch backups.')
}
const data = await response.json()
const backupList = Array.isArray(data) ? data.map((name: string) => ({ name })) : []
const backupList: Backup[] = Object.entries(data).map(([name, info]) => {
const backupInfo = info as BackupInfo
return {
name,
original_index: backupInfo.original_index,
timestamp: backupInfo.timestamp
}
})
// Sort by timestamp descending (newest first)
backupList.sort((a, b) => b.timestamp - a.timestamp)
setBackups(backupList)
setError(null)
} catch (err) {
Expand Down Expand Up @@ -299,8 +310,6 @@ export default function BackupsPage() {
month: 'short',
day: 'numeric',
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
})
}

Expand Down Expand Up @@ -393,19 +402,35 @@ export default function BackupsPage() {
<th className="text-left px-4 py-3 text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider">
Backup Name
</th>
<th className="text-left px-4 py-3 text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider">
Original Index
</th>
<th className="text-left px-4 py-3 text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider">
Created At
</th>
<th className="text-right px-4 py-3 text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider">
Actions
</th>
</tr>
</thead>
<tbody className="divide-y divide-slate-200 dark:divide-slate-600">
{backups.map((backup) => (
<tr key={backup.name}>
<tr key={backup.name} className="hover:bg-slate-50 dark:hover:bg-slate-600/50 transition-colors">
<td className="px-4 py-3">
<span onClick={()=>openInfoModal(backup.name)} className="text-sm font-medium text-slate-800 dark:text-slate-200 hover:text-blue-600 hover:underline cursor-pointer">
<span onClick={() => openInfoModal(backup.name)} className="text-sm font-medium text-slate-800 dark:text-slate-200 hover:text-blue-600 dark:hover:text-blue-400 hover:underline cursor-pointer">
{backup.name}
</span>
</td>
<td className="px-4 py-3">
<span className="text-sm text-slate-600 dark:text-slate-300">
{backup.original_index}
</span>
</td>
<td className="px-4 py-3">
<span className="text-sm text-slate-500 dark:text-slate-400">
{formatDateTime(backup.timestamp)}
</span>
</td>
<td className="px-4 py-3 text-right">
<div className="flex items-center justify-end gap-2">
{/* <button
Expand Down Expand Up @@ -452,54 +477,91 @@ export default function BackupsPage() {

{/* Backup Info Modal */}
{showInfoModal && (
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
<div className="bg-white dark:bg-slate-800 rounded-lg p-6 max-w-md w-full mx-4">
<div className="flex items-center justify-between mb-1">
<h3 className="text-lg font-semibold text-slate-800 dark:text-slate-100">Backup Info</h3>
<button
onClick={closeInfoModal}
className="text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors"
>
<GoX className="w-5 h-5" />
</button>
<div className="fixed inset-0 bg-black/40 backdrop-blur-sm flex items-center justify-center z-50">
<div className="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-lg mx-4 overflow-hidden">
{/* Header */}
<div className="px-6 py-5 border-b border-slate-100 dark:border-slate-700">
<div className="flex items-start justify-between">
<div>
<p className="text-xs font-medium text-slate-400 dark:text-slate-500 uppercase tracking-wider mb-1">Backup Details</p>
<h3 className="text-xl font-semibold text-slate-900 dark:text-slate-50 tracking-tight">{infoBackupName}</h3>
</div>
<button
onClick={closeInfoModal}
className="p-1.5 -mr-1.5 -mt-1 rounded-lg text-slate-400 hover:text-slate-600 hover:bg-slate-100 dark:hover:text-slate-300 dark:hover:bg-slate-700 transition-all"
>
<GoX className="w-5 h-5" />
</button>
</div>
</div>
<p className="text-sm text-slate-500 dark:text-slate-400 mb-4 font-mono">{infoBackupName}</p>

{loadingInfo && (
<div className="text-center py-8 text-slate-500 dark:text-slate-400 text-sm">Loading...</div>
)}
{/* Content */}
<div className="px-6 py-5">
{loadingInfo && (
<div className="flex items-center justify-center py-12">
<div className="w-5 h-5 border-2 border-slate-200 dark:border-slate-600 border-t-blue-500 rounded-full animate-spin" />
</div>
)}

{infoError && (
<Notification type="error" message={infoError} compact />
)}

{backupInfo && (
<div className="space-y-6">
{/* Primary Info */}
<div className="grid grid-cols-3 gap-4">
<div className="col-span-1">
<p className="text-xs text-slate-400 dark:text-slate-500 mb-1">Source Index</p>
<p className="text-sm font-medium text-slate-900 dark:text-slate-100">{backupInfo.original_index}</p>
</div>
<div className="col-span-1">
<p className="text-xs text-slate-400 dark:text-slate-500 mb-1">Created</p>
<p className="text-sm text-slate-700 dark:text-slate-200">{formatDateTime(backupInfo.timestamp)}</p>
</div>
<div className="col-span-1">
<p className="text-xs text-slate-400 dark:text-slate-500 mb-1">Size</p>
<p className="text-sm text-slate-700 dark:text-slate-200">{backupInfo.size_mb} <span className="text-slate-400">MB</span></p>
</div>
</div>

{infoError && (
<Notification type="error" message={infoError} compact />
)}
{/* Divider */}
<div className="border-t border-slate-100 dark:border-slate-700" />

{backupInfo && (
<div className="space-y-4">
<div className="grid grid-cols-2 gap-x-6 gap-y-3">
<div>
<div className="text-xs text-slate-500 dark:text-slate-400 mb-0.5">Original Index</div>
<div className="text-sm font-medium text-slate-800 dark:text-slate-200">{backupInfo.original_index}</div>
</div>
{/* Index Parameters */}
<div>
<div className="text-xs text-slate-500 dark:text-slate-400 mb-0.5">Created</div>
<div className="text-sm text-slate-800 dark:text-slate-200">{formatDateTime(backupInfo.timestamp)}</div>
</div>
<div>
<div className="text-xs text-slate-500 dark:text-slate-400 mb-0.5">Size</div>
<div className="text-sm text-slate-800 dark:text-slate-200">{backupInfo.size_mb} MB</div>
</div>
<div>
<div className="text-xs text-slate-500 dark:text-slate-400 mb-0.5">Space Type</div>
<div className="text-sm text-slate-800 dark:text-slate-200">{backupInfo.params.space_type}</div>
</div>
</div>

<div>
<div className="text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider mb-2">Index Parameters</div>
<div className="bg-slate-50 dark:bg-slate-900/30 rounded-md p-3 grid grid-cols-2 gap-y-2 gap-x-4 text-sm">
<div className="flex justify-between">
<span className="text-slate-500 dark:text-slate-400">Dimensions</span>
<span className="font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.dim}</span>
<p className="text-xs font-medium text-slate-400 dark:text-slate-500 uppercase tracking-wider mb-3">Index Configuration</p>
<div className="grid grid-cols-2 gap-x-8 gap-y-3">
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">Dimensions</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.dim}</span>
</div>
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">Vectors</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.total_elements.toLocaleString()}</span>
</div>
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">Space Type</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.space_type}</span>
</div>
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">M</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.M}</span>
</div>
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">ef_construction</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.ef_construction}</span>
</div>
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">Quant Level</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.quant_level}</span>
</div>
{backupInfo.params.sparse_dim > 0 && (
<div className="flex items-center justify-between">
<span className="text-sm text-slate-500 dark:text-slate-400">Sparse Dim</span>
<span className="text-sm font-mono font-medium text-slate-800 dark:text-slate-200">{backupInfo.params.sparse_dim}</span>
</div>
)}
</div>
<div className="flex justify-between">
<span className="text-slate-500 dark:text-slate-400">Vectors</span>
Expand All @@ -525,16 +587,19 @@ export default function BackupsPage() {
)}
</div>
</div>
</div>
)}
)}
</div>

<div className="flex justify-end mt-6">
<button
onClick={closeInfoModal}
className="px-4 py-2 bg-slate-100 dark:bg-slate-600 text-slate-700 dark:text-slate-200 rounded-md hover:bg-slate-200 dark:hover:bg-slate-500 transition-colors"
>
Close
</button>
{/* Footer */}
<div className="px-6 py-4 bg-slate-50 dark:bg-slate-800/50 border-t border-slate-100 dark:border-slate-700">
<div className="flex justify-end">
<button
onClick={closeInfoModal}
className="px-4 py-2 text-sm font-medium text-slate-600 dark:text-slate-300 hover:text-slate-800 dark:hover:text-slate-100 transition-colors"
>
Close
</button>
</div>
</div>
</div>
</div>
Expand Down
Loading