+
+
+
+
+
diff --git a/dashboard/src/routes/+page.server.ts b/dashboard/src/routes/+page.server.ts
new file mode 100644
index 0000000..5cb069d
--- /dev/null
+++ b/dashboard/src/routes/+page.server.ts
@@ -0,0 +1,77 @@
+import type { PageServerLoad } from './$types';
+import { db } from '$lib/server/db';
+import { bugReports, bugReportFiles } from '$lib/schema';
+import { eq, like, or, count, sql, desc } from 'drizzle-orm';
+
+export const load: PageServerLoad = async ({ url }) => {
+ const page = Math.max(1, Number(url.searchParams.get('page')) || 1);
+ const pageSize = Math.min(50, Math.max(10, Number(url.searchParams.get('pageSize')) || 20));
+ const status = url.searchParams.get('status') || '';
+ const search = url.searchParams.get('search') || '';
+
+ const conditions = [];
+ if (status && ['new', 'in_review', 'resolved', 'closed'].includes(status)) {
+ conditions.push(eq(bugReports.status, status as 'new' | 'in_review' | 'resolved' | 'closed'));
+ }
+ if (search) {
+ const pattern = `%${search}%`;
+ conditions.push(
+ or(
+ like(bugReports.hostname, pattern),
+ like(bugReports.os_user, pattern),
+ like(bugReports.name, pattern),
+ like(bugReports.email, pattern)
+ )!
+ );
+ }
+
+ const where = conditions.length > 0
+ ? conditions.length === 1
+ ? conditions[0]
+ : sql`${conditions[0]} AND ${conditions[1]}`
+ : undefined;
+
+ const [totalResult] = await db
+ .select({ count: count() })
+ .from(bugReports)
+ .where(where);
+
+ const total = totalResult.count;
+ const totalPages = Math.max(1, Math.ceil(total / pageSize));
+
+ const fileCountSubquery = db
+ .select({
+ report_id: bugReportFiles.report_id,
+ file_count: count().as('file_count')
+ })
+ .from(bugReportFiles)
+ .groupBy(bugReportFiles.report_id)
+ .as('fc');
+
+ const reports = await db
+ .select({
+ id: bugReports.id,
+ name: bugReports.name,
+ email: bugReports.email,
+ hostname: bugReports.hostname,
+ os_user: bugReports.os_user,
+ status: bugReports.status,
+ created_at: bugReports.created_at,
+ file_count: sql
+
+
+
+
+
+
+ {@render children()}
+
+
++ {#if $page.url.pathname === '/'} + Bug Reports + {:else if $page.url.pathname.startsWith('/reports/')} + Report Detail + {:else} + Dashboard + {/if} +
+ {#if data.newCount > 0} +
+
+ {data.newCount} new {data.newCount === 1 ? 'report' : 'reports'}
+
+ {/if}
+
+
+
diff --git a/dashboard/src/routes/api/reports/[id]/download/+server.ts b/dashboard/src/routes/api/reports/[id]/download/+server.ts
new file mode 100644
index 0000000..51595c2
--- /dev/null
+++ b/dashboard/src/routes/api/reports/[id]/download/+server.ts
@@ -0,0 +1,68 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { db } from '$lib/server/db';
+import { bugReports, bugReportFiles } from '$lib/schema';
+import { eq } from 'drizzle-orm';
+import JSZip from 'jszip';
+
+export const GET: RequestHandler = async ({ params }) => {
+ const id = Number(params.id);
+ if (isNaN(id)) throw error(400, 'Invalid report ID');
+
+ const [report] = await db
+ .select()
+ .from(bugReports)
+ .where(eq(bugReports.id, id))
+ .limit(1);
+
+ if (!report) throw error(404, 'Report not found');
+
+ const files = await db
+ .select()
+ .from(bugReportFiles)
+ .where(eq(bugReportFiles.report_id, id));
+
+ const zip = new JSZip();
+
+ // Add report metadata as text file
+ const reportText = [
+ `Bug Report #${report.id}`,
+ `========================`,
+ ``,
+ `Name: ${report.name}`,
+ `Email: ${report.email}`,
+ `Hostname: ${report.hostname}`,
+ `OS User: ${report.os_user}`,
+ `HWID: ${report.hwid}`,
+ `IP: ${report.submitter_ip}`,
+ `Status: ${report.status}`,
+ `Created: ${report.created_at.toISOString()}`,
+ `Updated: ${report.updated_at.toISOString()}`,
+ ``,
+ `Description:`,
+ `------------`,
+ report.description,
+ ``,
+ ...(report.system_info
+ ? [`System Info:`, `------------`, JSON.stringify(report.system_info, null, 2)]
+ : [])
+ ].join('\n');
+
+ zip.file('report.txt', reportText);
+
+ // Add all files
+ for (const file of files) {
+ const folder = file.file_role;
+ zip.file(`${folder}/${file.filename}`, file.data);
+ }
+
+ const zipBuffer = await zip.generateAsync({ type: 'nodebuffer' });
+
+ return new Response(new Uint8Array(zipBuffer), {
+ headers: {
+ 'Content-Type': 'application/zip',
+ 'Content-Disposition': `attachment; filename="report-${id}.zip"`,
+ 'Content-Length': String(zipBuffer.length)
+ }
+ });
+};
diff --git a/dashboard/src/routes/api/reports/[id]/files/[fileId]/+server.ts b/dashboard/src/routes/api/reports/[id]/files/[fileId]/+server.ts
new file mode 100644
index 0000000..980bdfd
--- /dev/null
+++ b/dashboard/src/routes/api/reports/[id]/files/[fileId]/+server.ts
@@ -0,0 +1,28 @@
+import { error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { db } from '$lib/server/db';
+import { bugReportFiles } from '$lib/schema';
+import { eq, and } from 'drizzle-orm';
+
+export const GET: RequestHandler = async ({ params }) => {
+ const reportId = Number(params.id);
+ const fileId = Number(params.fileId);
+
+ if (isNaN(reportId) || isNaN(fileId)) throw error(400, 'Invalid ID');
+
+ const [file] = await db
+ .select()
+ .from(bugReportFiles)
+ .where(and(eq(bugReportFiles.id, fileId), eq(bugReportFiles.report_id, reportId)))
+ .limit(1);
+
+ if (!file) throw error(404, 'File not found');
+
+ return new Response(new Uint8Array(file.data), {
+ headers: {
+ 'Content-Type': file.mime_type,
+ 'Content-Disposition': `inline; filename="${file.filename}"`,
+ 'Content-Length': String(file.file_size)
+ }
+ });
+};
diff --git a/dashboard/src/routes/reports/[id]/+page.server.ts b/dashboard/src/routes/reports/[id]/+page.server.ts
new file mode 100644
index 0000000..83dea88
--- /dev/null
+++ b/dashboard/src/routes/reports/[id]/+page.server.ts
@@ -0,0 +1,44 @@
+import type { PageServerLoad } from './$types';
+import { db } from '$lib/server/db';
+import { bugReports, bugReportFiles } from '$lib/schema';
+import { eq } from 'drizzle-orm';
+import { error } from '@sveltejs/kit';
+
+export const load: PageServerLoad = async ({ params }) => {
+ const id = Number(params.id);
+ if (isNaN(id)) throw error(400, 'Invalid report ID');
+
+ const [report] = await db
+ .select()
+ .from(bugReports)
+ .where(eq(bugReports.id, id))
+ .limit(1);
+
+ if (!report) throw error(404, 'Report not found');
+
+ const files = await db
+ .select({
+ id: bugReportFiles.id,
+ report_id: bugReportFiles.report_id,
+ file_role: bugReportFiles.file_role,
+ filename: bugReportFiles.filename,
+ mime_type: bugReportFiles.mime_type,
+ file_size: bugReportFiles.file_size,
+ created_at: bugReportFiles.created_at
+ })
+ .from(bugReportFiles)
+ .where(eq(bugReportFiles.report_id, id));
+
+ return {
+ report: {
+ ...report,
+ system_info: report.system_info ? JSON.stringify(report.system_info, null, 2) : null,
+ created_at: report.created_at.toISOString(),
+ updated_at: report.updated_at.toISOString()
+ },
+ files: files.map((f) => ({
+ ...f,
+ created_at: f.created_at.toISOString()
+ }))
+ };
+};
diff --git a/dashboard/src/routes/reports/[id]/+page.svelte b/dashboard/src/routes/reports/[id]/+page.svelte
new file mode 100644
index 0000000..eb43c0a
--- /dev/null
+++ b/dashboard/src/routes/reports/[id]/+page.svelte
@@ -0,0 +1,279 @@
+
+
+
+
+
+
+
+
+
+
+ {#if data.filters.search || data.filters.status}
+
+ {/if}
+
+
+
+
+
+
+
+ {#if data.pagination.totalPages > 1}
+ | ID | +Hostname | +User | +Reporter | +Status | +Files | +Created | +
|---|---|---|---|---|---|---|
| #{report.id} | +{report.hostname || '—'} | +{report.os_user || '—'} | +
+ {report.name}
+ {report.email}
+ |
+ + + {statusLabels[report.status]} + + | +
+ {#if report.file_count > 0}
+
+ |
+ {formatDate(report.created_at)} | +
| + No reports found. + | +||||||
+
+ {/if}
++ Showing {(data.pagination.page - 1) * data.pagination.pageSize + 1} to {Math.min( + data.pagination.page * data.pagination.pageSize, + data.pagination.total + )} of {data.pagination.total} reports +
+
+
+ {#each Array.from({ length: data.pagination.totalPages }, (_, i) => i + 1) as p}
+ {#if p === 1 || p === data.pagination.totalPages || (p >= data.pagination.page - 1 && p <= data.pagination.page + 1)}
+
+ {:else if p === data.pagination.page - 2 || p === data.pagination.page + 2}
+ ...
+ {/if}
+ {/each}
+
+
+
+
+
+
+
+
+{#if showDeleteDialog}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Report #{data.report.id}
+ + {statusLabels[data.report.status]} + ++ Submitted by {data.report.name} ({data.report.email}) +
+
+
+
+
+
+
+
+
+
+
+
+ Hostname
+{data.report.hostname || '—'}
+
+
+ OS User
+{data.report.os_user || '—'}
+
+
+ HWID
+{data.report.hwid || '—'}
+
+
+ IP Address
+{data.report.submitter_ip || '—'}
+
+
+ Created
+{formatDate(data.report.created_at)}
+
+
+ Updated
+{formatDate(data.report.updated_at)}
+
+
+
+
+ {#if data.report.system_info}
+ Description
+{data.report.description}
+
+
+ {#if showSystemInfo}
+
+ {/if}
+
+
+
+
+ {/if}
+ {data.report.system_info}
+
+
++ Attached Files ({data.files.length}) +
+ {#if data.files.length > 0} + + {@const screenshots = data.files.filter((f) => f.file_role === 'screenshot')} + {#if screenshots.length > 0} +
+ {#each screenshots as file}
+
+ {/if}
+
+
+ 
+
+ {/each}
+ {file.filename}
+
+
+
+
+
+ {:else}
+ | Role | +Filename | +Size | +Action | +
|---|---|---|---|
|
+
+ |
+ {file.filename} | +{formatBytes(file.file_size)} | +
+
+ |
+
No files attached.
+ {/if} + e.key === 'Escape' && (showDeleteDialog = false)}
+ >
+
+
+{/if}
diff --git a/dashboard/src/routes/reports/[id]/+server.ts b/dashboard/src/routes/reports/[id]/+server.ts
new file mode 100644
index 0000000..1b67138
--- /dev/null
+++ b/dashboard/src/routes/reports/[id]/+server.ts
@@ -0,0 +1,39 @@
+import { json, error } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { db } from '$lib/server/db';
+import { bugReports } from '$lib/schema';
+import { eq } from 'drizzle-orm';
+
+export const PATCH: RequestHandler = async ({ params, request }) => {
+ const id = Number(params.id);
+ if (isNaN(id)) throw error(400, 'Invalid report ID');
+
+ const body = await request.json();
+ const { status } = body;
+
+ if (!['new', 'in_review', 'resolved', 'closed'].includes(status)) {
+ throw error(400, 'Invalid status');
+ }
+
+ const [result] = await db
+ .update(bugReports)
+ .set({ status })
+ .where(eq(bugReports.id, id));
+
+ if (result.affectedRows === 0) throw error(404, 'Report not found');
+
+ return json({ success: true });
+};
+
+export const DELETE: RequestHandler = async ({ params }) => {
+ const id = Number(params.id);
+ if (isNaN(id)) throw error(400, 'Invalid report ID');
+
+ const [result] = await db
+ .delete(bugReports)
+ .where(eq(bugReports.id, id));
+
+ if (result.affectedRows === 0) throw error(404, 'Report not found');
+
+ return json({ success: true });
+};
diff --git a/dashboard/svelte.config.js b/dashboard/svelte.config.js
new file mode 100644
index 0000000..b4b7de8
--- /dev/null
+++ b/dashboard/svelte.config.js
@@ -0,0 +1,12 @@
+import adapter from '@sveltejs/adapter-node';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ preprocess: vitePreprocess(),
+ kit: {
+ adapter: adapter()
+ }
+};
+
+export default config;
diff --git a/dashboard/tsconfig.json b/dashboard/tsconfig.json
new file mode 100644
index 0000000..a8f10c8
--- /dev/null
+++ b/dashboard/tsconfig.json
@@ -0,0 +1,14 @@
+{
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ }
+}
diff --git a/dashboard/vite.config.ts b/dashboard/vite.config.ts
new file mode 100644
index 0000000..bf699a8
--- /dev/null
+++ b/dashboard/vite.config.ts
@@ -0,0 +1,7 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+ plugins: [tailwindcss(), sveltekit()]
+});
diff --git a/server/docker-compose.yml b/server/docker-compose.yml
index ff3f75c..8514d85 100644
--- a/server/docker-compose.yml
+++ b/server/docker-compose.yml
@@ -36,5 +36,19 @@ services:
mysql:
condition: service_healthy
+ dashboard:
+ build: ../dashboard
+ ports:
+ - "${DASHBOARD_PORT:-3001}:3000"
+ environment:
+ MYSQL_HOST: mysql
+ MYSQL_PORT: 3306
+ MYSQL_USER: ${MYSQL_USER:-emly}
+ MYSQL_PASSWORD: ${MYSQL_PASSWORD}
+ MYSQL_DATABASE: ${MYSQL_DATABASE:-emly_bugreports}
+ depends_on:
+ mysql:
+ condition: service_healthy
+
volumes:
mysql_data:
(showDeleteDialog = false)}>
+
+
+ Delete Report
++ Are you sure you want to delete report #{data.report.id}? This will permanently remove the + report and all attached files. This action cannot be undone. +
+
+
+
+
+