Layonara Forge — NWN Development IDE

Electron desktop application for Neverwinter Nights module development.
Clone, edit, build, and run a complete Layonara NWNX server with only
Docker required.

- React 19 + Vite frontend with Monaco editor and NWScript LSP
- Node.js + Express backend managing Docker sibling containers
- Electron shell with Docker availability check and auto-setup
- Builder image auto-builds on first use from bundled Dockerfile
- Cross-platform: Windows (.exe), macOS (.dmg), Linux (.AppImage)
- Gitea Actions CI for automated release builds

packages/frontend/src/layouts/IDELayout.tsx

@@ -152,7 +152,25 @@ export function IDELayout({ sidebar }: { sidebar?: React.ReactNode }) {
                 <item.Icon size={18} strokeWidth={isActive ? 2.5 : 2} />
                 <span style={{ marginTop: "0.25rem", fontSize: "0.625rem", fontWeight: 500, lineHeight: 1 }}>{item.label}</span>
                 {badge > 0 && (
-                  <span className="absolute right-1 top-1 flex h-3.5 min-w-3.5 items-center justify-center rounded-full px-0.5 text-[8px] font-bold" style={{ backgroundColor: "var(--forge-accent)", color: "var(--forge-accent-text)" }}>
+                  <span
+                    style={{
+                      position: "absolute",
+                      right: "0.25rem",
+                      top: "0.25rem",
+                      display: "flex",
+                      height: "0.875rem",
+                      minWidth: "0.875rem",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      borderRadius: "9999px",
+                      padding: "0 0.125rem",
+                      fontSize: "8px",
+                      fontWeight: 700,
+                      lineHeight: 1,
+                      backgroundColor: "var(--forge-accent)",
+                      color: "var(--forge-accent-text)",
+                    }}
+                  >
                     {badge}
                   </span>
                 )}