diff --git a/package.json b/package.json
index 1873fdd..1c1aabc 100644
--- a/package.json
+++ b/package.json
@@ -43,3 +43,5 @@
     "vite": "^7.0.4"
   }
 }
+// test
+// test 2
diff --git a/src/components/SidePanel.tsx b/src/components/SidePanel.tsx
index a583e7c..809f0fd 100644
--- a/src/components/SidePanel.tsx
+++ b/src/components/SidePanel.tsx
@@ -2,9 +2,14 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
 import * as repo from "../lib/repo";
 import { burst } from "../lib/confetti";
-import { RainbowText } from "./RainbowText";
+import { HUES, RainbowText, cycle } from "./RainbowText";
 import type { AgentState, Blocker, Commit, Decision, FanOutRollup, Note, ToolEvent } from "../types";
 
+// Horizontal rainbow for the "Left behind" section's bottom divider —
+// same hue table as the heading text, applied via border-image so a
+// single-pixel border-bottom can carry a gradient (background can't).
+const RAINBOW_DIVIDER = `linear-gradient(90deg, ${HUES.map((_, i) => cycle(i, 0.6)).join(", ")})`;
+
 interface Props {
   cwd: string; // expanded absolute project dir of the active tab
   sessionId: string | null; // session currently bound to the active tab, for scoping decisions/tool events away from sibling tabs on the same cwd
@@ -341,7 +346,7 @@ export function SidePanel({
       )}
       <div className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-3">
       {prevCwd && prevCwd !== cwd && (
-        <section className="border-b border-zinc-800 pb-3">
+        <section className="border-b pb-3" style={{ borderImage: `${RAINBOW_DIVIDER} 1` }}>
           <h2 className="mb-1.5 flex items-center gap-1.5 font-semibold tracking-wide uppercase">
             <RainbowText text="Left behind" />
             {prevState && <span className={`h-2 w-2 rounded-full ${STATE_DOT[prevState]}`} title={prevState} />}