fix(dashboard): color compartment strip by importance; show real project dir

Compartment timeline strip: replace the per-sequence rainbow hue with the
compartment's importance band color (critical=red, high=amber, medium=blue,
low/minimal=gray) — matching the row pills — so the strip reads as an
importance heat-map instead of a meaningless gradient.

Session list project label: OpenCode buckets git sessions that had no remote or
commit at creation under the `global` project (worktree "/", empty name), so the
list rendered "/" (basename of the worktree) even though the session ran in a
real repo. Resolve both the display label and the project identity from the
session's own `s.directory` column (falling back to the project worktree only
for legacy rows with no directory) — which also matches the identity the plugin
keys memories under. SUBCONSCIOUS et al. now show their real directory name.

Author: ualtinok

packages/dashboard/src-tauri/src/db.rs

@@ -3156,9 +3156,15 @@ pub fn list_opencode_sessions(filter: &SessionFilter) -> Vec<SessionRow> {
     // joining/grouping the 300k+ row `message` table per call was the dominant
     // cost (a multi-hundred-ms scan that froze the UI on every History entry).
     // `session.time_updated` is the session's own last-activity timestamp.
+    // Select the session's OWN directory, not just the joined project's
+    // worktree: OpenCode buckets git sessions that had no remote/commit at
+    // creation under the `global` project (worktree "/", empty name), so
+    // `p.worktree` is "/" and basename("/") renders as "/". `s.directory` always
+    // holds the real cwd. We resolve identity from it too — which also matches
+    // what the plugin keys memories under (plugin identity = session.directory).
     let Ok(mut stmt) = conn.prepare(
         "SELECT s.id, COALESCE(s.title, ''), COALESCE(p.name, ''), COALESCE(p.worktree, ''),
-                s.time_updated AS last_activity
+                COALESCE(s.directory, ''), s.time_updated AS last_activity
          FROM session s
          LEFT JOIN project p ON p.id = s.project_id",
     ) else {
@@ -3177,19 +3183,27 @@ pub fn list_opencode_sessions(filter: &SessionFilter) -> Vec<SessionRow> {
         let title: String = row.get(1)?;
         let project_name: String = row.get(2)?;
         let worktree: String = row.get(3)?;
-        let last_activity_ms: i64 = row.get(4)?;
-        let identity = resolve_project_identity(&worktree);
+        let directory: String = row.get(4)?;
+        let last_activity_ms: i64 = row.get(5)?;
+        // Prefer the session's real directory; fall back to the project worktree
+        // only when the session row has no directory (legacy rows).
+        let effective_dir = if directory.is_empty() { &worktree } else { &directory };
+        let identity = resolve_project_identity(effective_dir);
         let is_subagent = subagent_map.get(&session_id).copied().unwrap_or(false);
+        // Friendly label: the named project wins; otherwise the directory's
+        // basename. Never show a bare "/" (the global-project worktree) when the
+        // session actually ran in a real directory.
+        let project_display = if !project_name.is_empty() {
+            project_name
+        } else {
+            basename(effective_dir)
+        };
         Ok(SessionRow {
             harness: Harness::Opencode,
             session_id,
             title,
             project_identity: identity,
-            project_display: if project_name.is_empty() {
-                basename(&worktree)
-            } else {
-                project_name
-            },
+            project_display,
             last_activity_ms,
             is_subagent,
         })

packages/dashboard/src/components/SessionViewer/SessionViewer.tsx

@@ -73,6 +73,27 @@ function importanceInfo(importance: number): {
   };
 }
 
+/**
+ * Importance band → the same CSS color the row pills use, so the timeline strip
+ * encodes importance (red=critical, amber=high, blue=medium, gray=low) instead
+ * of a meaningless per-sequence rainbow. `dim` recedes low-importance segments.
+ */
+function importanceBarColor(importance: number, expanded: boolean): string {
+  const { pillColor } = importanceInfo(importance);
+  const base =
+    pillColor === "red"
+      ? "var(--red)"
+      : pillColor === "amber"
+        ? "var(--amber)"
+        : pillColor === "blue"
+          ? "var(--accent)"
+          : "var(--text-muted)";
+  // Slightly mute unexpanded segments so the expanded one (and high-importance
+  // warm colors) read as the focal points; gray bands recede the most.
+  const mix = expanded ? 100 : pillColor === "gray" ? 55 : 78;
+  return `color-mix(in srgb, ${base} ${mix}%, var(--bg-card))`;
+}
+
 /**
  * Split a v2 `episode_type` (possibly comma-joined, e.g. "design,bug,refactor")
  * into trimmed non-empty tags for badge rendering.
@@ -995,13 +1016,11 @@ export default function SessionViewer() {
                 {(comp) => {
                   const range = comp.end_message - comp.start_message;
                   const width = () => Math.max(0.5, (range / totalRange()) * 100);
-                  // Saturation tracks v2 importance: high-importance (sticky,
-                  // slow-decay) compartments stay vivid; low-importance ones
-                  // recede toward gray. Clamped so every segment stays visible.
+                  // Color encodes v2 IMPORTANCE (decay rate), not sequence:
+                  // critical→red, high→amber, medium→blue, low/minimal→gray, so
+                  // the strip reads as a heat-map of which compartments matter.
                   const isExpanded = () => expandedCompartment() === comp.id;
                   const imp = Number.isFinite(comp.importance) ? comp.importance : 50;
-                  const sat = Math.max(15, (isExpanded() ? 40 : 20) + (imp / 100) * 45);
-                  const light = Math.max(28, (isExpanded() ? 55 : 45) - (imp / 100) * 12);
                   const info = importanceInfo(imp);
                   const titleSuffix = ` · imp ${imp} ${info.label}${comp.legacy ? " · legacy" : ""}`;
                   return (
@@ -1010,7 +1029,7 @@ export default function SessionViewer() {
                       class="timeline-segment"
                       style={{
                         width: `${width()}%`,
-                        background: `hsl(${(comp.sequence * 37) % 360}, ${sat}%, ${light}%)`,
+                        background: importanceBarColor(imp, isExpanded()),
                         outline: isExpanded() ? "2px solid var(--accent)" : "none",
                         border: "none",
                         padding: 0,