feat(app): add Settings view, configurable claude dir, and recap docs refactor

Introduce a Settings view for configuring the Claude data directory
  (with WSL auto-detection on Windows), sidebar project grouping module,
  and an empty-state onboarding screen for SessionList. Refactor
  recap-patterns.md into per-card reference files under references/recap/
  with separate retrieval and writing guides. Remove the legacy panel.html.
  On the data layer: incremental indexing via changedPaths, per-session
  live-update IPC (obelisk:session-updated), and session dirty-tracking
  in the renderer.

app/renderer/src/main.js

@@ -4,6 +4,7 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router.js';
 import { loadInitialData } from './data.js';
+import { noteSessionUpdated, sessionLiveState } from './session-live.mjs';
 
 // Import all original CSS globally
 import '../styles/base.css';
@@ -11,7 +12,6 @@ import '../styles/sidebar.css';
 import '../styles/toolbar.css';
 import '../styles/list.css';
 import '../styles/detail.css';
-import '../styles/statusbar.css';
 
 const app = createApp(App);
 
@@ -33,4 +33,10 @@ window.obelisk?.onIndexUpdated?.(() => {
   loadInitialData();
 });
 
+window.obelisk?.onSessionUpdated?.(({ sessionId } = {}) => {
+  const route = router.currentRoute.value;
+  const currentSessionId = route.name === 'SessionDetail' ? String(route.params.id || '') : null;
+  noteSessionUpdated(sessionLiveState, sessionId, currentSessionId);
+});
+
 app.mount('#app');