release/1.1 → dev: all v1.1 features + plugin system

app/e2e/charts.spec.ts

@@ -733,7 +733,7 @@ test.describe("Graph chart exploration", () => {
     await expect(statusBar).toBeVisible({ timeout: 15_000 });
 
     // Status bar should show node and edge counts
-    const nodeCount = page.locator("[data-testid='graph-node-count']");
+    const nodeCount = page.locator("[data-testid='graph-node-count']").first();
     await expect(nodeCount).toBeVisible();
     await expect(nodeCount).toContainText("nodes");
 
@@ -778,7 +778,9 @@ test.describe("Graph chart exploration", () => {
     await expect(exploration).toBeVisible({ timeout: 15_000 });
 
     // Record initial node count text
-    const nodeCountEl = page.locator("[data-testid='graph-node-count']");
+    const nodeCountEl = page
+      .locator("[data-testid='graph-node-count']")
+      .first();
     await expect(nodeCountEl).toBeVisible({ timeout: 10_000 });
 
     // NVL renders overlay divs, so force: true is needed for canvas clicks
@@ -823,7 +825,9 @@ test.describe("Graph chart exploration", () => {
     await expect(exploration).toBeVisible({ timeout: 15_000 });
 
     // Record initial node count
-    const nodeCountEl = page.locator("[data-testid='graph-node-count']");
+    const nodeCountEl = page
+      .locator("[data-testid='graph-node-count']")
+      .first();
     await expect(nodeCountEl).toBeVisible({ timeout: 10_000 });
     const initialText = await nodeCountEl.textContent();
 
@@ -1001,7 +1005,9 @@ test.describe("Graph chart exploration", () => {
     const exploration = page.locator("[data-testid='graph-exploration']");
     await expect(exploration).toBeVisible({ timeout: 15_000 });
 
-    const nodeCountEl = page.locator("[data-testid='graph-node-count']");
+    const nodeCountEl = page
+      .locator("[data-testid='graph-node-count']")
+      .first();
     await expect(nodeCountEl).toBeVisible({ timeout: 10_000 });
     const initialText = await nodeCountEl.textContent();
 

app/e2e/global-setup.ts

@@ -249,7 +249,9 @@ export default async function globalSetup() {
     `⏳ Starting Next.js ${serverCmd} server on port ${serverPort}...`,
   );
   const args = ["next", serverCmd, "--port", String(serverPort)];
-  if (serverCmd === "dev") args.push("--turbopack");
+  // Use webpack explicitly — Turbopack (Next.js 16 default) doesn't correctly
+  // resolve CJS/ESM interop for the @neoboard/connection package at runtime.
+  if (serverCmd === "dev") args.push("--webpack");
   const server = spawn("npx", args, {
     cwd: appDir,
     stdio: "pipe",

app/next.config.ts

@@ -24,8 +24,13 @@ const nextConfig: NextConfig = {
   // Enable source maps in production for E2E coverage collection (nextcov).
   productionBrowserSourceMaps: process.env.E2E_COVERAGE === "1",
   outputFileTracingRoot: resolve(import.meta.dirname, ".."),
-  transpilePackages: ["@neoboard/components"],
-  serverExternalPackages: ["connection", "postgres", "pg"],
+  transpilePackages: ["@neoboard/components", "@neoboard/connection"],
+  serverExternalPackages: [
+    "postgres",
+    "pg",
+    "neo4j-driver",
+    "neo4j-driver-core",
+  ],
   webpack: (config, { isServer }) => {
     if (isServer) {
       // The instrumentation file is compiled in a separate webpack pass that does

app/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --webpack",
     "build": "next build --webpack",
     "start": "next start",
     "lint": "next lint",

app/src/app/(dashboard)/layout.tsx

@@ -86,8 +86,11 @@ export default function DashboardLayout({
           footer={
             <>
               {userName && (
-                <div
-                  className={`flex items-center gap-2 px-3 py-2 text-sm ${collapsed ? "justify-center" : ""}`}
+                <button
+                  type="button"
+                  onClick={() => router.push("/settings/profile")}
+                  aria-label="Account menu"
+                  className={`flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors ${collapsed ? "justify-center" : ""}`}
                 >
                   <User className="h-4 w-4 shrink-0 text-muted-foreground" />
                   {!collapsed && (
@@ -103,7 +106,7 @@ export default function DashboardLayout({
                       )}
                     </span>
                   )}
-                </div>
+                </button>
               )}
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>