feat(dashboard): implement bot settings page with partial updates and serialization fixes

web/src/server.ts

@@ -168,6 +168,71 @@ export async function createWebServer(config: WebServerConfig = {}): Promise<Web
                 }
             }
 
+            // Settings Management
+            if (url.pathname === "/api/settings") {
+                try {
+                    if (req.method === "GET") {
+                        const { config } = await import("@shared/lib/config");
+                        const { jsonReplacer } = await import("@shared/lib/utils");
+                        return new Response(JSON.stringify(config, jsonReplacer), {
+                            headers: { "Content-Type": "application/json" }
+                        });
+                    }
+                    if (req.method === "POST") {
+                        const partialConfig = await req.json();
+                        const { saveConfig, config: currentConfig } = await import("@shared/lib/config");
+                        const { deepMerge } = await import("@shared/lib/utils");
+
+                        // Merge partial update into current config
+                        const mergedConfig = deepMerge(currentConfig, partialConfig);
+
+                        // saveConfig throws if validation fails
+                        saveConfig(mergedConfig);
+                        return Response.json({ success: true });
+                    }
+                } catch (error) {
+                    console.error("Settings error:", error);
+                    return Response.json(
+                        { error: "Failed to process settings request", details: error instanceof Error ? error.message : String(error) },
+                        { status: 400 }
+                    );
+                }
+            }
+
+            if (url.pathname === "/api/settings/meta") {
+                try {
+                    const { AuroraClient } = await import("../../bot/lib/BotClient");
+                    const { env } = await import("@shared/lib/env");
+
+                    if (!env.DISCORD_GUILD_ID) {
+                        return Response.json({ roles: [], channels: [] });
+                    }
+
+                    const guild = AuroraClient.guilds.cache.get(env.DISCORD_GUILD_ID);
+                    if (!guild) {
+                        return Response.json({ roles: [], channels: [] });
+                    }
+
+                    // Map roles and channels to a simplified format
+                    const roles = guild.roles.cache
+                        .sort((a, b) => b.position - a.position)
+                        .map(r => ({ id: r.id, name: r.name, color: r.hexColor }));
+
+                    const channels = guild.channels.cache
+                        .map(c => ({ id: c.id, name: c.name, type: c.type }));
+
+                    const commands = AuroraClient.commands.map(c => c.data.name);
+
+                    return Response.json({ roles, channels, commands });
+                } catch (error) {
+                    console.error("Error fetching settings meta:", error);
+                    return Response.json(
+                        { error: "Failed to fetch metadata" },
+                        { status: 500 }
+                    );
+                }
+            }
+
             // Static File Serving
             let pathName = url.pathname;
             if (pathName === "/") pathName = "/index.html";