ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Studio: center Cancel in indexing toast, start file counter at 1

Browse source
This commit is contained in:
Roland Tannous 2026-05-29 13:18:11 +04:00
commit 1112fc891b
1 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

38
studio/frontend/src/features/rag/components/ingestion-toast-stack.tsx
View file

@ -90,7 +90,10 @@ export function IngestionToastStack() {
`${totalChunks} chunk${totalChunks === 1 ? "" : "s"} indexed` +
(errored > 0 ? ` · ${errored} failed` : "");
} else {
subtitle = `${done}/${total} · ${pct}%`;
// Show the file currently being worked on (1-based), not the completed
// count — so a fresh batch reads "1/8" rather than "0/8".
const current = Math.min(total, done + 1);
subtitle = `${current}/${total} · ${pct}%`;
}
return (
@ -105,7 +108,7 @@ export function IngestionToastStack() {
transition={{ duration: reduced ? 0 : 0.15 }}
className="pointer-events-auto rounded-md border border-border bg-popover px-3 py-2 shadow-md"
>
<div className="flex items-start justify-between gap-2">
<div className="flex items-stretch justify-between gap-2">
<div className="flex min-w-0 flex-col gap-1.5">
<span className="truncate text-xs font-medium">{title}</span>
{allDone ? (
@ -122,21 +125,11 @@ export function IngestionToastStack() {
</div>
)}
</div>
<div className="flex shrink-0 items-center gap-1">
{/* While indexing: "Cancel" stops the batch and resets the
index; the "X" only dismisses the toast and lets indexing
continue in the background. When done, just the dismiss X. */}
{!allDone && (
<Button
variant="ghost"
size="sm"
disabled={cancelling}
className="h-6 px-2 text-xs text-muted-foreground hover:text-destructive"
onClick={onCancel}
>
{cancelling ? "Cancelling…" : "Cancel"}
</Button>
)}
{/* While indexing: "Cancel" stops the batch and resets the index;
the "X" only dismisses the toast and lets indexing continue in
the background. When done, just the dismiss X. The X stays
top-right; Cancel sits centered down the toast's height. */}
<div className="flex shrink-0 flex-col items-end">
<Button
variant="ghost"
size="icon"
@ -146,6 +139,17 @@ export function IngestionToastStack() {
>
<HugeiconsIcon icon={Cancel01Icon} size={12} />
</Button>
{!allDone && (
<Button
variant="ghost"
size="sm"
disabled={cancelling}
className="my-auto h-6 px-2 text-xs text-muted-foreground hover:text-destructive"
onClick={onCancel}
>
{cancelling ? "Cancelling…" : "Cancel"}
</Button>
)}
</div>
</div>
</motion.div>