Nurfog/openccb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Use correct token key (studio_token) in admin pages

Browse Source 
- Fix localStorage token key from 'token' to 'studio_token'
- Add debug logging for token authentication
- Add automatic redirect to login on 401
- Add error messages for missing/expired tokens

Affected pages:
- /admin/token-usage
- /admin/users
- /admin

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
Juan Enrique Allende Cifuentes
2026-03-23 17:32:08 -03:00
parent dce68d76df
commit 995065df4f
3 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/studio/src/app/admin/page.tsx
+1 -1
View File
@@ -39,7 +39,7 @@ export default function AdminDashboard() {
cmsApi.getAllUsers(), cmsApi.getAllUsers(),
fetch(`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/token-usage`, { fetch(`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/token-usage`, {
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${localStorage.getItem('studio_token')}`,
}, },
}) })
]); ]);
web/studio/src/app/admin/token-usage/page.tsx
+24 -4
View File
@@ -54,12 +54,32 @@ export default function AdminTokenTracking() {
const loadTokenUsage = async () => { const loadTokenUsage = async () => {
try { try {
const token = localStorage.getItem('studio_token');
console.log('[TokenUsage] Token from localStorage:', token ? 'Present (studio_token)' : 'Missing');
if (!token) {
console.error('[TokenUsage] No authentication token found!');
alert('No authentication token found. Please login again.');
window.location.href = '/auth/login';
return;
}
const response = await fetch(`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/token-usage`, { const response = await fetch(`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/token-usage`, {
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${token}`,
'Content-Type': 'application/json',
}, },
}); });
console.log('[TokenUsage] API Response status:', response.status);
if (response.status === 401) {
console.error('[TokenUsage] Unauthorized - Token may be expired');
alert('Session expired. Please login again.');
window.location.href = '/auth/login';
return;
}
if (response.ok) { if (response.ok) {
const data = await response.json(); const data = await response.json();
setUsage(data.usage || []); setUsage(data.usage || []);
@@ -73,7 +93,7 @@ export default function AdminTokenTracking() {
`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${user.user_id}/token-limit/check`, `${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${user.user_id}/token-limit/check`,
{ {
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${localStorage.getItem('studio_token')}`,
}, },
} }
); );
@@ -110,7 +130,7 @@ export default function AdminTokenTracking() {
{ {
method: 'PUT', method: 'PUT',
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${localStorage.getItem('studio_token')}`,
'Content-Type': 'application/json', 'Content-Type': 'application/json',
}, },
body: JSON.stringify({ body: JSON.stringify({
@@ -126,7 +146,7 @@ export default function AdminTokenTracking() {
`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${userId}/token-limit/check`, `${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${userId}/token-limit/check`,
{ {
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${localStorage.getItem('studio_token')}`,
}, },
} }
); );
web/studio/src/app/admin/users/page.tsx
+1 -1
View File
@@ -50,7 +50,7 @@ export default function UsersPage() {
`${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${user.id}/token-limit/check`, `${process.env.NEXT_PUBLIC_CMS_API_URL || 'http://localhost:3001'}/admin/users/${user.id}/token-limit/check`,
{ {
headers: { headers: {
'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Authorization': `Bearer ${localStorage.getItem('studio_token')}`,
}, },
} }
); );