added being able to assign sessions to projects via the sessions modal

packages/chat-client/src/api/orchestration.js

@@ -143,7 +143,7 @@ export async function fetchModels() {
   if(!res.ok) throw new Error(`Failted to fetch models: ${res.status}`);
   return res.json();
 }
-
+/*
 export async function renameSession(sessionId, name) {
     const res = await fetch(`${BASE_URL}/sessions/${sessionId}`, {
         method: 'PATCH',
@@ -153,6 +153,20 @@ export async function renameSession(sessionId, name) {
     if (!res.ok) throw new Error(`Failed to rename session: ${res.status}`);
     return res.json();
 }
+*/
+export async function updateSession(sessionId, { name, projectId } = {}) {
+  const res = await fetch(`${BASE_URL}/sessions/${sessionId}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ name, projectId }),
+  });
+  if (!res.ok) throw new Error(`Failed to update session: ${res.status}`);
+  return res.json();
+}
+
+export async function renameSession(sessionId, name) {
+  return updateSession(sessionId, {name})
+}
 
 export async function deleteSession(sessionId) {
     const res = await fetch(`${BASE_URL}/sessions/${sessionId}`, {
@@ -191,3 +205,13 @@ export async function deleteProject(id) {
   const res = await fetch(`${BASE_URL}/projects/${id}`, { method: 'DELETE' });
   if (!res.ok) throw new Error(`Failed to delete project: ${res.status}`);
 }
+
+export async function updateSessionProject(sessionId, projectId) {
+  const res = await fetch(`${BASE_URL}/sessions/${sessionId}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ projectId }),
+  });
+  if (!res.ok) throw new Error(`Failed to update session project: ${res.status}`);
+  return res.json();
+}

packages/chat-client/src/components/SessionModal.jsx

@@ -1,8 +1,9 @@
-// SessionModal.jsx
+import React, { useState, useEffect, useRef } from 'react';
-import React, {useState, useEffect, useRef} from 'react';
+import { updateSession } from '../api/orchestration';
 
-export default function SessionModal({ session, mode = 'settings', onRename, onDelete, onClose }) {
+export default function SessionModal({ session, mode = 'settings', onRename, onDelete, onClose, projects = [] }) {
   const [name, setName] = useState(session?.name || '');
+  const [projectId, setProjectId] = useState(session?.project_id ?? '');
   const inputRef = useRef(null);
 
   useEffect(() => {
@@ -15,7 +16,7 @@ export default function SessionModal({ session, mode = 'settings', onRename, onD
   function handleSubmit() {
     const trimmed = name.trim();
     if (!trimmed) return;
-        onRename(session, trimmed);
+    onRename(session, trimmed, projectId || null);
     onClose();
   }
 
@@ -28,30 +29,26 @@ export default function SessionModal({ session, mode = 'settings', onRename, onD
 
   return (
     <div onClick={onClose} style={{
-            position: 'fixed',
+      position: 'fixed', inset: 0,
-            inset: 0,
       background: 'rgba(0,0,0,0.5)',
-            display: 'flex',
+      display: 'flex', alignItems: 'center', justifyContent: 'center',
-            alignItems: 'center',
-            justifyContent: 'center',
       zIndex: 100,
     }}>
       <div onClick={e => e.stopPropagation()} onKeyDown={handleKeyDown} style={{
         background: 'var(--bg-surface)',
         border: '1px solid var(--border)',
         borderRadius: 'var(--radius-lg)',
-                padding: '24px',
+        padding: '24px', width: '360px',
-                width: '360px',
+        display: 'flex', flexDirection: 'column', gap: '16px',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '16px',
       }}>
         {mode === 'settings' ? (
           <>
             <h2 style={{ fontSize: '15px', fontWeight: 600, color: 'var(--text-primary)' }}>
               Session Settings
             </h2>
-                        <div className="flex-col" style={{ gap: '8px' }}>
+
+            {/* Name */}
+            <div className="flex-col" style={{ gap: '6px' }}>
               <label className="label-upper">Name</label>
               <input
                 ref={inputRef}
@@ -59,26 +56,44 @@ export default function SessionModal({ session, mode = 'settings', onRename, onD
                 onChange={e => setName(e.target.value)}
                 placeholder="Enter session name..."
                 style={{
-                                    background: 'var(--bg-elevated)',
+                  background: 'var(--bg-elevated)', border: '1px solid var(--border)',
-                                    border: '1px solid var(--border)',
+                  borderRadius: 'var(--radius-md)', padding: '8px 12px',
-                                    borderRadius: 'var(--radius-md)',
+                  color: 'var(--text-primary)', fontSize: '14px', outline: 'none', width: '100%',
-                                    padding: '8px 12px',
-                                    color: 'var(--text-primary)',
-                                    fontSize: '14px',
-                                    outline: 'none',
-                                    width: '100%',
                 }}
               />
             </div>
+
+            {/* Project assignment */}
+            <div className="flex-col" style={{ gap: '6px' }}>
+              <label className="label-upper">Project <span style={{ opacity: 0.5 }}>(optional)</span></label>
+              <select
+                value={projectId}
+                onChange={e => setProjectId(e.target.value)}
+                style={{
+                  width: '100%', padding: '8px 10px',
+                  background: 'var(--bg-elevated)', border: '1px solid var(--border)',
+                  borderRadius: 'var(--radius-md)', color: 'var(--text-primary)',
+                  fontSize: '13px', cursor: 'pointer', outline: 'none',
+                }}
+              >
+                <option value=''>No project</option>
+                {projects.map(p => (
+                  <option key={p.id} value={p.id}>{p.name}</option>
+                ))}
+              </select>
+            </div>
+
             <div className="flex" style={{ gap: '8px', justifyContent: 'flex-end' }}>
               <button className="btn-reset text-base text-muted"
                 onClick={onClose}
-                                style={{ padding: '8px 14px', borderRadius: 'var(--radius-md)' }}
+                style={{ padding: '8px 14px', borderRadius: 'var(--radius-md)' }}>
-                            >Cancel</button>
+                Cancel
+              </button>
               <button className="btn-primary" onClick={handleSubmit}
                 disabled={!name.trim()}
-                                style={{ padding: '8px 16px' }}
+                style={{ padding: '8px 16px' }}>
-                            >Save</button>
+                Save
+              </button>
             </div>
           </>
         ) : (
@@ -96,17 +111,14 @@ export default function SessionModal({ session, mode = 'settings', onRename, onD
             <div className="flex" style={{ gap: '8px', justifyContent: 'flex-end' }}>
               <button className="btn-reset text-base text-muted"
                 onClick={onClose}
-                                style={{ padding: '8px 14px', borderRadius: 'var(--radius-md)' }}
+                style={{ padding: '8px 14px', borderRadius: 'var(--radius-md)' }}>
-                            >Cancel</button>
+                Cancel
+              </button>
               <button className="btn-reset text-base"
                 onClick={() => { onDelete(session); onClose(); }}
-                                style={{
+                style={{ padding: '8px 16px', borderRadius: 'var(--radius-md)', background: '#c0392b', color: 'white' }}>
-                                    padding: '8px 16px',
+                Delete
-                                    borderRadius: 'var(--radius-md)',
+              </button>
-                                    background: '#c0392b',
-                                    color: 'white',
-                                }}
-                            >Delete</button>
             </div>
           </>
         )}

packages/chat-client/src/components/Sidebar.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import SessionModal from './SessionModal';
 import { useContextMenu } from '../hooks/useContextMenu';
-import { renameSession, deleteSession } from '../api/orchestration';
+import { renameSession, deleteSession, updateSession } from '../api/orchestration';
 
 
 export default function Sidebar({
@@ -26,9 +26,9 @@ export default function Sidebar({
 
   // ── Handlers ────────────────────────────────────────────
 
-  async function handleRename(session, name) {
+  async function handleRename(session, name, projectId) {
     try {
-      await renameSession(session.external_id, name);
+      await updateSession(session.external_id, { name, projectId });
       onSessionsChange();
     } catch (err) {
       console.error('[Sidebar] Rename failed:', err.message);
@@ -273,6 +273,7 @@ export default function Sidebar({
           onRename={handleRename}
           onDelete={handleDelete}
           onClose={() => setModalSession(null)}
+          projects={projects}
         />
       )}
     </>

packages/chat-client/src/hooks/useChat.js

@@ -53,6 +53,9 @@ export function useChat({ activeSession, appendMessage, updateLastMessage, refre
 
           // Refresh session list so new sessions appear in sidebar
           refreshSessions();
+
+          // Delayed refresh
+          setTimeout( () => refreshSessions(), 3000);
         },
 
         onError: (err) => {

packages/memory-service/src/episodic/index.js

@@ -52,13 +52,15 @@ function deleteSession(id) {
     db.prepare(`DELETE FROM sessions WHERE id = ?`).run(id);
 }
 
-function updateSession(id, { name } = {}){
+function updateSession(id, { name, projectId } = {}) {
   const db = getDB();
   db.prepare(`
     UPDATE sessions
-    SET name = ?, updated_at = unixepoch()
+    SET name = ?,
+        project_id = COALESCE(?, project_id),
+        updated_at = unixepoch()
     WHERE id = ?
-  `).run(name ?? null, id);
+  `).run(name ?? null, projectId ?? null, id);
   return getSession(id);
 }
 

packages/memory-service/src/index.js

@@ -66,9 +66,9 @@ app.get('/sessions/:id', (req, res) => {
 });
 
 app.patch('/sessions/by-external/:externalId', (req, res) => {
-  const { name } = req.body;
+  const { name, projectId } = req.body;
   try {
-    const session = episodic.updateSessionByExternalId(req.params.externalId, {name });
+    const session = episodic.updateSessionByExternalId(req.params.externalId, {name, projectId });
     res.json(session);
   } catch (err) {
     res.status(500).json({error: err.message });

packages/orchestration-service/src/routes/sessions.js

@@ -30,11 +30,11 @@ router.get('/', async (req, res) => {
 })
 
 router.patch('/:sessionId', async (req, res) => {
-    const { name } = req.body;
+    const { name, projectId } = req.body;
     if (!name?.trim()) return res.status(400).json({ error: 'name is required' });
 
     try {
-        const session = await memory.updateSession(req.params.sessionId, { name: name.trim() });
+        const session = await memory.updateSession(req.params.sessionId, { name, projectId });
         res.json(session);
     } catch (err) {
         res.status(500).json({ error: err.message });

packages/orchestration-service/src/services/memory.js

@@ -63,11 +63,11 @@ async function getSessions(limit = EPISODIC.DEFAULT_SESSIONS_LIMIT, offset = EPI
     return res.json();
 }
 
-async function updateSession(externalId, { name }) {
+async function updateSession(externalId, { name, projectId }) {
     const res = await fetch(`${BASE_URL}/sessions/by-external/${externalId}`, {
         method: 'PATCH',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ name }),
+        body: JSON.stringify({ name, projectId }),
     });
     if (!res.ok) throw new Error(`Failed to update session: ${res.status}`);
     return res.json();