<div class="mt-2 knowledge-table-header">
	{#if totalDataCount != null && totalDataCount != undefined}
		<div class="knowledge-count line-align-center text-muted font-size-11">
			{`Total data: ${Number(totalDataCount).toLocaleString("en-US")}`}
		</div>

if (totalDataCount) {
	totalDataCount -= 1;
}

totalDataCount = items.length;
isFromSearch = true;

// In svelte components
let totalDataCount;

// On search
searchVectorKnowledge(...).then(res => {
    items = res || [];
    totalDataCount = items.length; // Incorrect: only shows count for the current page
});

// On pagination
loadMore().then(res => {
    ...
    totalDataCount = res.count; // Correctly gets total count from server
});

// On delete
deleteVectorKnowledge(id).then(() => {
    if (totalDataCount) {
        totalDataCount -= 1; // Unreliable: local decrement can drift from backend state
    }
});

// In svelte components
let totalDataCount;

// On search (assuming API is updated to return total count)
searchVectorKnowledge(...).then(res => {
    items = res.data || [];
    totalDataCount = res.count; // Correct: always use total count from the server
});

// On pagination
loadMore().then(res => {
    ...
    totalDataCount = res.count; // Stays consistent
});

// On delete (refetch or get new count from API response)
deleteVectorKnowledge(id).then(res => {
    // Option 1: Refetch data/count
    // Option 2: API returns new count
    totalDataCount = res.new_count;
});