';\n html += '

Usage Record

';\n html += '

Input Tokens: ' + formatNumber(usageInputTokens) + '

';\n html += '

Output Tokens: ' + formatNumber(usageOutputTokens) + '

';\n html += '

Cache Read: ' + formatNumber(usageCacheReadTokens) + '

';\n html += '

Cache Write: ' + formatNumber(usageCacheWriteTokens) + '

';\n html += '

Price: ' + formatPrice(usagePrice) + '

';\n html += '

';\n \n html += '

';\n html += '

Inference Calls (' + data.data.length + ')

';\n html += '

Input Tokens: ' + formatNumber(totalInputTokens) + (inputDiscrepancy ? ' Mismatch!' : '') + '

';\n html += '

Output Tokens: ' + formatNumber(totalOutputTokens) + (outputDiscrepancy ? ' Mismatch!' : '') + '

';\n html += '

Cache Read: ' + formatNumber(totalCacheReadTokens) + (cacheReadDiscrepancy ? ' Mismatch!' : '') + '

';\n html += '

Cache Write: ' + formatNumber(totalCacheWriteTokens) + (cacheWriteDiscrepancy ? ' Mismatch!' : '') + '

';\n html += '

Price: ' + formatPrice(totalPrice) + (priceDiscrepancy ? ' Mismatch!' : '') + '

';\n html += '

';\n \n // Add inference calls table\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n \n data.data.forEach(call => {\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n html += '';\n });\n \n html += '

ID	Timestamp	Step Type	Input	Output	Cache Read	Cache Write	Price	Finish
' + call.id + '	' + new Date(call.timestamp).toLocaleString(\"en-US\", { timeZone: \"America/New_York\" }) + '	' + (call.step_type \|\| '-') + '	' + (call.input_tokens ? formatNumber(call.input_tokens) : '-') + '	' + (call.output_tokens ? formatNumber(call.output_tokens) : '-') + '	' + (call.cache_read_tokens ? formatNumber(call.cache_read_tokens) : '-') + '	' + (call.cache_write_tokens ? formatNumber(call.cache_write_tokens) : '-') + '	' + (call.price ? formatPrice(call.price) : '-') + '	' + (call.finish_reason \|\| '-') + '

';\n html += '';\n \n // Update the details row\n document.getElementById('inference-' + usageId).innerHTML = html;\n })\n .catch(error => {\n document.getElementById('inference-' + usageId).innerHTML = \n 'Error loading inference calls: ' + error.message + '';\n });\n }\n }\n \n // Add click event listeners to all collapsible rows\n document.addEventListener('DOMContentLoaded', function() {\n document.querySelectorAll('.collapsible').forEach(row => {\n row.addEventListener('click', function() {\n const usageId = this.getAttribute('data-id');\n toggleInferenceDetails(usageId);\n });\n });\n });\n `;\n \n // Generate the content\n const content = `\n

All Usage Requests

Total Requests: ${totalRequests}

Total Price: ${formatPrice(totalPrice)}

Click on a row to see associated inference calls

\n \n ${paginationControls}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ${data.map(row => `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `).join(\"\")}\n \n

ID	User	Timestamp	Val ID	Branch ID	Input	Output	Cache Read	Cache Write	Model	Price	Finish	Images	Our API
${row.id}	${row.username}	${formatDate(row.timestamp)}	${row.val_id}	${row.branch_id ?? \"main\"}	${formatNumber(row.input_tokens)}	${formatNumber(row.output_tokens)}	${formatNumber(row.cache_read_tokens)}	${formatNumber(row.cache_write_tokens)}	${row.model}	${formatPrice(row.price)}	${row.finish_reason \|\| '-'}	${formatNumber(row.num_images)}	${formatBoolean(row.our_api_token)}

\n \n ${paginationControls}\n

\n `;\n \n return renderLayout(content, {\n title: \"Usage Dashboard - All Requests\",\n activeTab: \"requests\",\n scripts: [script]\n });\n}","deleted","label",[169,170,171,172,152],"backend","database","usage-dashboard","views","permalink","https://www.val.town/x/toowired/Townie2/code/backend/database/usage-dashboard/views/requests.ts","extension","actionData","errors"]