@myrialabs/clopen 0.1.7 → 0.1.9

package/backend/lib/database/migrations/023_create_user_unread_sessions_table.ts

@@ -0,0 +1,32 @@
+import type { DatabaseConnection } from '$shared/types/database/connection';
+import { debug } from '$shared/utils/logger';
+
+export const description = 'Create user_unread_sessions table for persisting per-user unread session state';
+
+export const up = (db: DatabaseConnection): void => {
+	debug.log('migration', 'Creating user_unread_sessions table...');
+
+	db.exec(`
+		CREATE TABLE IF NOT EXISTS user_unread_sessions (
+			user_id TEXT NOT NULL,
+			session_id TEXT NOT NULL,
+			project_id TEXT NOT NULL,
+			marked_at TEXT NOT NULL,
+			PRIMARY KEY (user_id, session_id),
+			FOREIGN KEY (session_id) REFERENCES chat_sessions(id) ON DELETE CASCADE
+		)
+	`);
+
+	db.exec(`
+		CREATE INDEX IF NOT EXISTS idx_user_unread_sessions_user_project
+		ON user_unread_sessions(user_id, project_id)
+	`);
+
+	debug.log('migration', 'user_unread_sessions table created');
+};
+
+export const down = (db: DatabaseConnection): void => {
+	debug.log('migration', 'Dropping user_unread_sessions table...');
+	db.exec('DROP TABLE IF EXISTS user_unread_sessions');
+	debug.log('migration', 'user_unread_sessions table dropped');
+};

package/backend/lib/database/migrations/index.ts

@@ -21,6 +21,7 @@ import * as migration019 from './019_add_claude_account_to_sessions';
 import * as migration020 from './020_add_snapshot_tree_hash';
 import * as migration021 from './021_drop_prompt_templates_table';
 import * as migration022 from './022_add_snapshot_changes_column';
+import * as migration023 from './023_create_user_unread_sessions_table';
 
 // Export all migrations in order
 export const migrations = [
@@ -155,6 +156,12 @@ export const migrations = [
 		description: migration022.description,
 		up: migration022.up,
 		down: migration022.down
+	},
+	{
+		id: '023',
+		description: migration023.description,
+		up: migration023.up,
+		down: migration023.down
 	}
 ];
 

package/backend/lib/database/queries/session-queries.ts

@@ -267,5 +267,42 @@ export const sessionQueries = {
 			SET head_message_id = ?
 			WHERE session_id = ? AND branch_name = ?
 		`).run(newHeadMessageId, sessionId, branchName);
+	},
+
+	// ==================== PER-USER UNREAD SESSION TRACKING ====================
+
+	/**
+	 * Mark a session as unread for a specific user
+	 */
+	markUnread(userId: string, sessionId: string, projectId: string): void {
+		const db = getDatabase();
+		const now = new Date().toISOString();
+		db.prepare(`
+			INSERT OR IGNORE INTO user_unread_sessions (user_id, session_id, project_id, marked_at)
+			VALUES (?, ?, ?, ?)
+		`).run(userId, sessionId, projectId, now);
+	},
+
+	/**
+	 * Mark a session as read for a specific user
+	 */
+	markRead(userId: string, sessionId: string): void {
+		const db = getDatabase();
+		db.prepare(`
+			DELETE FROM user_unread_sessions
+			WHERE user_id = ? AND session_id = ?
+		`).run(userId, sessionId);
+	},
+
+	/**
+	 * Get all unread session IDs for a user within a project
+	 * Returns array of { sessionId, projectId }
+	 */
+	getUnreadSessions(userId: string, projectId: string): { session_id: string; project_id: string }[] {
+		const db = getDatabase();
+		return db.prepare(`
+			SELECT session_id, project_id FROM user_unread_sessions
+			WHERE user_id = ? AND project_id = ?
+		`).all(userId, projectId) as { session_id: string; project_id: string }[];
 	}
 };

package/backend/lib/git/git-service.ts

@@ -283,6 +283,7 @@ export class GitService {
 
 		const args = [
 			'log',
+			'--topo-order',
 			`--format=${format}`,
 			`--max-count=${limit + 1}`, // +1 to check if there are more
 			`--skip=${skip}`

package/backend/ws/sessions/crud.ts

@@ -33,7 +33,11 @@ export const crudHandler = createRouter()
 				started_at: t.String(),
 				ended_at: t.Optional(t.String())
 			})),
-			currentSessionId: t.Optional(t.String())
+			currentSessionId: t.Optional(t.String()),
+			unreadSessionIds: t.Array(t.Object({
+				sessionId: t.String(),
+				projectId: t.String()
+			}))
 		})
 	}, async ({ conn }) => {
 		const projectId = ws.getProjectId(conn);
@@ -43,6 +47,10 @@ export const crudHandler = createRouter()
 		// Get the user's saved current session for this project
 		const currentSessionId = projectQueries.getCurrentSessionId(userId, projectId);
 
+		// Get unread sessions for this user/project
+		const unreadRows = sessionQueries.getUnreadSessions(userId, projectId);
+		debug.log('session', `[unread] sessions:list — user=${userId}, project=${projectId}, unreadCount=${unreadRows.length}`, unreadRows);
+
 		// Convert null to undefined for TypeScript optional fields
 		return {
 			sessions: sessions.map(session => ({
@@ -54,7 +62,8 @@ export const crudHandler = createRouter()
 				current_head_message_id: session.current_head_message_id ?? undefined,
 				ended_at: session.ended_at ?? undefined
 			})),
-			currentSessionId: currentSessionId ?? undefined
+			currentSessionId: currentSessionId ?? undefined,
+			unreadSessionIds: unreadRows.map(r => ({ sessionId: r.session_id, projectId: r.project_id }))
 		};
 	})
 
@@ -324,4 +333,27 @@ export const crudHandler = createRouter()
 		const userId = ws.getUserId(conn);
 		projectQueries.setCurrentSessionId(userId, projectId, data.sessionId);
 		debug.log('session', `User ${userId} set current session to ${data.sessionId} in project ${projectId}`);
+	})
+
+	// Mark a session as read for the current user
+	.on('sessions:mark-read', {
+		data: t.Object({
+			sessionId: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const userId = ws.getUserId(conn);
+		sessionQueries.markRead(userId, data.sessionId);
+		debug.log('session', `[unread] Marked session ${data.sessionId} as READ for user ${userId}`);
+	})
+
+	// Mark a session as unread for the current user
+	.on('sessions:mark-unread', {
+		data: t.Object({
+			sessionId: t.String(),
+			projectId: t.String()
+		})
+	}, async ({ data, conn }) => {
+		const userId = ws.getUserId(conn);
+		sessionQueries.markUnread(userId, data.sessionId, data.projectId);
+		debug.log('session', `[unread] Marked session ${data.sessionId} as UNREAD for user ${userId} in project ${data.projectId}`);
 	});

package/backend/ws/user/crud.ts

@@ -108,7 +108,8 @@ export const crudHandler = createRouter()
 		response: t.Object({
 			currentProjectId: t.Union([t.String(), t.Null()]),
 			lastView: t.Union([t.String(), t.Null()]),
-			settings: t.Union([t.Any(), t.Null()])
+			settings: t.Union([t.Any(), t.Null()]),
+			unreadSessions: t.Union([t.Any(), t.Null()])
 		})
 	}, async ({ conn }) => {
 		const userId = ws.getUserId(conn);
@@ -116,17 +117,20 @@ export const crudHandler = createRouter()
 		const currentProjectId = getUserState(userId, 'currentProjectId') as string | null;
 		const lastView = getUserState(userId, 'lastView') as string | null;
 		const userSettings = getUserState(userId, 'settings');
+		const unreadSessions = getUserState(userId, 'unreadSessions');
 
 		debug.log('user', `Restored state for ${userId}:`, {
 			currentProjectId,
 			lastView,
-			hasSettings: !!userSettings
+			hasSettings: !!userSettings,
+			unreadSessionsCount: unreadSessions ? Object.keys(unreadSessions).length : 0
 		});
 
 		return {
 			currentProjectId: currentProjectId ?? null,
 			lastView: lastView ?? null,
-			settings: userSettings ?? null
+			settings: userSettings ?? null,
+			unreadSessions: unreadSessions ?? null
 		};
 	})
 
@@ -143,7 +147,7 @@ export const crudHandler = createRouter()
 		const userId = ws.getUserId(conn);
 
 		// Validate allowed keys to prevent arbitrary data storage
-		const allowedKeys = ['currentProjectId', 'lastView', 'settings'];
+		const allowedKeys = ['currentProjectId', 'lastView', 'settings', 'unreadSessions'];
 		if (!allowedKeys.includes(data.key)) {
 			throw new Error(`Invalid state key: ${data.key}. Allowed: ${allowedKeys.join(', ')}`);
 		}

package/bun.lock

@@ -13,8 +13,12 @@
         "@modelcontextprotocol/sdk": "^1.26.0",
         "@monaco-editor/loader": "^1.5.0",
         "@opencode-ai/sdk": "^1.2.15",
-        "@xterm/addon-fit": "^0.10.0",
-        "@xterm/addon-web-links": "^0.11.0",
+        "@xterm/addon-clipboard": "^0.2.0",
+        "@xterm/addon-fit": "^0.11.0",
+        "@xterm/addon-ligatures": "^0.10.0",
+        "@xterm/addon-unicode11": "^0.9.0",
+        "@xterm/addon-web-links": "^0.12.0",
+        "@xterm/xterm": "^6.0.0",
         "bun-pty": "^0.4.2",
         "cloudflared": "^0.7.1",
         "elysia": "^1.4.19",
@@ -26,7 +30,6 @@
         "puppeteer": "^24.33.0",
         "puppeteer-cluster": "^0.25.0",
         "qrcode": "^1.5.4",
-        "xterm": "^5.3.0",
       },
       "devDependencies": {
         "@eslint/js": "^9.31.0",
@@ -35,7 +38,6 @@
         "@types/bun": "^1.2.18",
         "@types/node": "^24.0.14",
         "@types/qrcode": "^1.5.6",
-        "@types/xterm": "^3.0.0",
         "concurrently": "^9.2.1",
         "eslint": "^9.31.0",
         "eslint-plugin-svelte": "^3.10.1",
@@ -310,8 +312,6 @@
 
     "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
 
-    "@types/xterm": ["@types/xterm@3.0.0", "", { "dependencies": { "xterm": "*" } }, "sha512-+VaAJQmE7E1d1ebkIh/Zdc2mbXBVwxZGGSgqwzDPpk/HKo0mNT+iX5ZrnswztHSV+CDV+bURl7Yg7PWF7IZfXQ=="],
-
     "@types/yauzl": ["@types/yauzl@2.10.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q=="],
 
     "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.56.1", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.56.1", "@typescript-eslint/type-utils": "8.56.1", "@typescript-eslint/utils": "8.56.1", "@typescript-eslint/visitor-keys": "8.56.1", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.56.1", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Jz9ZztpB37dNC+HU2HI28Bs9QXpzCz+y/twHOwhyrIRdbuVDxSytJNDl6z/aAKlaRIwC7y8wJdkBv7FxYGgi0A=="],
@@ -334,11 +334,17 @@
 
     "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.56.1", "", { "dependencies": { "@typescript-eslint/types": "8.56.1", "eslint-visitor-keys": "^5.0.0" } }, "sha512-KiROIzYdEV85YygXw6BI/Dx4fnBlFQu6Mq4QE4MOH9fFnhohw6wX/OAvDY2/C+ut0I3RSPKenvZJIVYqJNkhEw=="],
 
-    "@xterm/addon-fit": ["@xterm/addon-fit@0.10.0", "", { "peerDependencies": { "@xterm/xterm": "^5.0.0" } }, "sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ=="],
+    "@xterm/addon-clipboard": ["@xterm/addon-clipboard@0.2.0", "", { "dependencies": { "js-base64": "^3.7.5" } }, "sha512-Dl31BCtBhLaUEECUbEiVcCLvLBbaeGYdT7NofB8OJkGTD3MWgBsaLjXvfGAD4tQNHhm6mbKyYkR7XD8kiZsdNg=="],
+
+    "@xterm/addon-fit": ["@xterm/addon-fit@0.11.0", "", {}, "sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g=="],
+
+    "@xterm/addon-ligatures": ["@xterm/addon-ligatures@0.10.0", "", { "dependencies": { "font-finder": "^1.1.0", "font-ligatures": "^1.4.1" } }, "sha512-/Few8ZSHMib7sGjRJoc5l7bCtEB9XJfkNofvPpOcWADxKaUl8og8P172j67OoACSNJAXqeCLIuvj8WFCBkcTxg=="],
+
+    "@xterm/addon-unicode11": ["@xterm/addon-unicode11@0.9.0", "", {}, "sha512-FxDnYcyuXhNl+XSqGZL/t0U9eiNb/q3EWT5rYkQT/zuig8Gz/VagnQANKHdDWFM2lTMk9ly0EFQxxxtZUoRetw=="],
 
-    "@xterm/addon-web-links": ["@xterm/addon-web-links@0.11.0", "", { "peerDependencies": { "@xterm/xterm": "^5.0.0" } }, "sha512-nIHQ38pQI+a5kXnRaTgwqSHnX7KE6+4SVoceompgHL26unAxdfP6IPqUTSYPQgSwM56hsElfoNrrW5V7BUED/Q=="],
+    "@xterm/addon-web-links": ["@xterm/addon-web-links@0.12.0", "", {}, "sha512-4Smom3RPyVp7ZMYOYDoC/9eGJJJqYhnPLGGqJ6wOBfB8VxPViJNSKdgRYb8NpaM6YSelEKbA2SStD7lGyqaobw=="],
 
-    "@xterm/xterm": ["@xterm/xterm@5.5.0", "", {}, "sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A=="],
+    "@xterm/xterm": ["@xterm/xterm@6.0.0", "", {}, "sha512-TQwDdQGtwwDt+2cgKDLn0IRaSxYu1tSUjgKarSDkUM0ZNiSRXFpjxEsvc/Zgc5kq5omJ+V0a8/kIM2WD3sMOYg=="],
 
     "accepts": ["accepts@2.0.0", "", { "dependencies": { "mime-types": "^3.0.0", "negotiator": "^1.0.0" } }, "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng=="],
 
@@ -562,6 +568,10 @@
 
     "flatted": ["flatted@3.3.3", "", {}, "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="],
 
+    "font-finder": ["font-finder@1.1.0", "", { "dependencies": { "get-system-fonts": "^2.0.0", "promise-stream-reader": "^1.0.1" } }, "sha512-wpCL2uIbi6GurJbU7ZlQ3nGd61Ho+dSU6U83/xJT5UPFfN35EeCW/rOtS+5k+IuEZu2SYmHzDIPL9eA5tSYRAw=="],
+
+    "font-ligatures": ["font-ligatures@1.4.1", "", { "dependencies": { "font-finder": "^1.0.3", "lru-cache": "^6.0.0", "opentype.js": "^0.8.0" } }, "sha512-7W6zlfyhvCqShZ5ReUWqmSd9vBaUudW0Hxis+tqUjtHhsPU+L3Grf8mcZAtCiXHTzorhwdRTId2WeH/88gdFkw=="],
+
     "forwarded": ["forwarded@0.2.0", "", {}, "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow=="],
 
     "fresh": ["fresh@2.0.0", "", {}, "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A=="],
@@ -578,6 +588,8 @@
 
     "get-stream": ["get-stream@5.2.0", "", { "dependencies": { "pump": "^3.0.0" } }, "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA=="],
 
+    "get-system-fonts": ["get-system-fonts@2.0.2", "", {}, "sha512-zzlgaYnHMIEgHRrfC7x0Qp0Ylhw/sHpM6MHXeVBTYIsvGf5GpbnClB+Q6rAPdn+0gd2oZZIo6Tj3EaWrt4VhDQ=="],
+
     "get-uri": ["get-uri@6.0.5", "", { "dependencies": { "basic-ftp": "^5.0.2", "data-uri-to-buffer": "^6.0.2", "debug": "^4.3.4" } }, "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg=="],
 
     "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
@@ -638,6 +650,8 @@
 
     "jose": ["jose@6.1.3", "", {}, "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ=="],
 
+    "js-base64": ["js-base64@3.7.8", "", {}, "sha512-hNngCeKxIUQiEUN3GPJOkz4wF/YvdUdbNL9hsBcMQTkKzboD7T/q3OYOuuPZLUE6dBxSGpwhk5mwuDud7JVAow=="],
+
     "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
 
     "js-yaml": ["js-yaml@4.1.1", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA=="],
@@ -694,7 +708,7 @@
 
     "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
 
-    "lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
+    "lru-cache": ["lru-cache@6.0.0", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA=="],
 
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
@@ -742,6 +756,8 @@
 
     "openapi-types": ["openapi-types@12.1.3", "", {}, "sha512-N4YtSYJqghVu4iek2ZUvcN/0aqH1kRDuNqzcycDxhOUpg7GdvLa2F3DgS6yBNhInhv2r/6I0Flkn7CqL8+nIcw=="],
 
+    "opentype.js": ["opentype.js@0.8.0", "", { "dependencies": { "tiny-inflate": "^1.0.2" }, "bin": { "ot": "./bin/ot" } }, "sha512-FQHR4oGP+a0m/f6yHoRpBOIbn/5ZWxKd4D/djHVJu8+KpBTYrJda0b7mLcgDEMWXE9xBCJm+qb0yv6FcvPjukg=="],
+
     "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
 
     "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="],
@@ -790,6 +806,8 @@
 
     "progress": ["progress@2.0.3", "", {}, "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="],
 
+    "promise-stream-reader": ["promise-stream-reader@1.0.1", "", {}, "sha512-Tnxit5trUjBAqqZCGWwjyxhmgMN4hGrtpW3Oc/tRI4bpm/O2+ej72BB08l6JBnGQgVDGCLvHFGjGgQS6vzhwXg=="],
+
     "proxy-addr": ["proxy-addr@2.0.7", "", { "dependencies": { "forwarded": "0.2.0", "ipaddr.js": "1.9.1" } }, "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg=="],
 
     "proxy-agent": ["proxy-agent@6.5.0", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "^4.3.4", "http-proxy-agent": "^7.0.1", "https-proxy-agent": "^7.0.6", "lru-cache": "^7.14.1", "pac-proxy-agent": "^7.1.0", "proxy-from-env": "^1.1.0", "socks-proxy-agent": "^8.0.5" } }, "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A=="],
@@ -904,6 +922,8 @@
 
     "text-extensions": ["text-extensions@3.1.0", "", {}, "sha512-anOjtXr8OT5w4vc/2mP4AYTCE0GWc/21icGmaHtBHnI7pN7o01a/oqG9m06/rGzoAsDm/WNzggBpqptuCmRlZQ=="],
 
+    "tiny-inflate": ["tiny-inflate@1.0.3", "", {}, "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw=="],
+
     "tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
 
     "toidentifier": ["toidentifier@1.0.1", "", {}, "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="],
@@ -958,10 +978,10 @@
 
     "ws": ["ws@8.19.0", "", { "peerDependencies": { "bufferutil": "^4.0.1", "utf-8-validate": ">=5.0.2" }, "optionalPeers": ["bufferutil", "utf-8-validate"] }, "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg=="],
 
-    "xterm": ["xterm@5.3.0", "", {}, "sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg=="],
-
     "y18n": ["y18n@5.0.8", "", {}, "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="],
 
+    "yallist": ["yallist@4.0.0", "", {}, "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="],
+
     "yaml": ["yaml@1.10.2", "", {}, "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="],
 
     "yargs": ["yargs@17.7.2", "", { "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", "yargs-parser": "^21.1.1" } }, "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w=="],
@@ -1012,6 +1032,8 @@
 
     "postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
+    "proxy-agent/lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
+
     "qrcode/yargs": ["yargs@15.4.1", "", { "dependencies": { "cliui": "^6.0.0", "decamelize": "^1.2.0", "find-up": "^4.1.0", "get-caller-file": "^2.0.1", "require-directory": "^2.1.1", "require-main-filename": "^2.0.0", "set-blocking": "^2.0.0", "string-width": "^4.2.0", "which-module": "^2.0.0", "y18n": "^4.0.0", "yargs-parser": "^18.1.2" } }, "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A=="],
 
     "@modelcontextprotocol/sdk/ajv/json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],

package/frontend/lib/components/common/MonacoEditor.svelte

@@ -58,9 +58,9 @@
 				indentGuide: '#21262d',
 				indentGuideActive: '#30363d',
 				ruler: '#21262d',
-				scrollbar: '#21262d60',
-				scrollbarHover: '#30363d80',
-				scrollbarActive: '#6e7681'
+				scrollbar: '#6e768140',
+				scrollbarHover: '#6e768180',
+				scrollbarActive: '#8b949e'
 			},
 			tokens: {
 				comment: '6A9955',
@@ -87,9 +87,9 @@
 				indentGuide: '#e3e3e3',
 				indentGuideActive: '#d3d3d3',
 				ruler: '#e3e3e3',
-				scrollbar: '#cccccc60',
-				scrollbarHover: '#999999a0',
-				scrollbarActive: '#666666'
+				scrollbar: '#92929240',
+				scrollbarHover: '#92929280',
+				scrollbarActive: '#555555'
 			},
 			tokens: {
 				comment: '008000',

package/frontend/lib/components/common/xterm/XTerm.svelte

@@ -14,7 +14,7 @@
 	import { settings } from '$frontend/lib/stores/features/settings.svelte';
 	
 	// Import CSS directly - Vite will handle it properly
-	import 'xterm/css/xterm.css';
+	import '@xterm/xterm/css/xterm.css';
 
 	// Props
 	const { 
@@ -183,127 +183,39 @@
 		};
 	}
 
-	// Handle right-click copy/paste functionality
-	function setupRightClickCopy() {
+	// Handle right-click copy/paste via clipboard addon
+	function setupClipboardHandling() {
 		if (!terminalContainer || !xtermService.terminal) return;
 
-		const handleRightClick = async (event: MouseEvent) => {
-			event.preventDefault(); // Prevent default context menu
-			
-			// Get selected text from xterm.js
+		const handleContextMenu = async (event: MouseEvent) => {
+			event.preventDefault();
+
 			const selectedText = xtermService.getSelectedText();
-			
-			if (selectedText && selectedText.trim()) {
+
+			if (selectedText?.trim()) {
 				// Copy selected text to clipboard
 				try {
 					await navigator.clipboard.writeText(selectedText);
-					
-					// Clear selection after copy (like most terminals do)
 					xtermService.clearSelection();
-					
-					// Show brief visual feedback
-					showCopyFeedback();
-				} catch (err) {
-				}
+				} catch { /* clipboard not available */ }
 			} else {
-				// No text selected - paste from clipboard instead
+				// No text selected - paste from clipboard
 				try {
-					const clipboardText = await navigator.clipboard.readText();
-					if (clipboardText && clipboardText.trim() && xtermService.isReady) {
-						
-						// Use terminal's built-in paste functionality
-						// This simulates typing each character through the input handler
-						if ((xtermService as any).inputHandler) {
-							// Process each character through the input handler
-							for (const char of clipboardText) {
-								// Skip newlines - let user decide when to execute
-								if (char !== '\n' && char !== '\r') {
-									(xtermService as any).inputHandler(char);
-								}
-							}
-						}
-						
-						// Show brief visual feedback
-						showPasteFeedback();
+					const text = await navigator.clipboard.readText();
+					if (text?.trim()) {
+						xtermService.pasteText(text);
 					}
-				} catch {
-					// paste not supported
-				}
+				} catch { /* clipboard not available */ }
 			}
 		};
 
-		// Add right-click event listener to terminal container
-		terminalContainer.addEventListener('contextmenu', handleRightClick);
-		
+		terminalContainer.addEventListener('contextmenu', handleContextMenu);
+
 		return () => {
-			terminalContainer?.removeEventListener('contextmenu', handleRightClick);
+			terminalContainer?.removeEventListener('contextmenu', handleContextMenu);
 		};
 	}
 
-	// Show brief visual feedback for copy action
-	function showCopyFeedback() {
-		if (!terminalContainer) return;
-		
-		// Create temporary feedback element
-		const feedback = document.createElement('div');
-		feedback.textContent = 'Copied!';
-		feedback.style.cssText = `
-			position: absolute;
-			top: 10px;
-			right: 10px;
-			background: rgb(34 197 94 / 0.9);
-			color: white;
-			padding: 4px 8px;
-			border-radius: 4px;
-			font-size: 12px;
-			font-family: system-ui, sans-serif;
-			z-index: 1000;
-			pointer-events: none;
-		`;
-		
-		terminalContainer.style.position = 'relative';
-		terminalContainer.appendChild(feedback);
-		
-		// Remove feedback after 1 second
-		setTimeout(() => {
-			if (feedback.parentNode) {
-				feedback.parentNode.removeChild(feedback);
-			}
-		}, 1000);
-	}
-
-	// Show brief visual feedback for paste action
-	function showPasteFeedback() {
-		if (!terminalContainer) return;
-		
-		// Create temporary feedback element
-		const feedback = document.createElement('div');
-		feedback.textContent = 'Pasted!';
-		feedback.style.cssText = `
-			position: absolute;
-			top: 10px;
-			right: 10px;
-			background: rgba(59, 130, 246, 0.9);
-			color: white;
-			padding: 4px 8px;
-			border-radius: 4px;
-			font-size: 12px;
-			font-family: system-ui, sans-serif;
-			z-index: 1000;
-			pointer-events: none;
-		`;
-		
-		terminalContainer.style.position = 'relative';
-		terminalContainer.appendChild(feedback);
-		
-		// Remove feedback after 1 second
-		setTimeout(() => {
-			if (feedback.parentNode) {
-				feedback.parentNode.removeChild(feedback);
-			}
-		}, 1000);
-	}
-
 	// Handle theme changes
 	function setupThemeHandling() {
 		xtermService.updateTheme();
@@ -404,7 +316,9 @@
 	$effect(() => {
 		const size = settings.fontSize;
 		if (isInitialized) {
-			xtermService.updateFontSize(size, session?.id);
+			const fontSize = Math.round(size * 0.9);
+			const lineHeight = Math.round(size * 0.9);
+			xtermService.updateFontSize(fontSize, lineHeight, session?.id);
 		}
 	});
 
@@ -656,12 +570,12 @@
 
 		const cleanupResize = setupResizeHandling();
 		const cleanupTheme = setupThemeHandling();
-		const cleanupRightClick = setupRightClickCopy();
+		const cleanupClipboard = setupClipboardHandling();
 
 		return () => {
 			cleanupResize();
 			cleanupTheme();
-			cleanupRightClick?.();
+			cleanupClipboard?.();
 		};
 	});
 
@@ -711,6 +625,11 @@
 	export function clearSelection() {
 		xtermService.clearSelection();
 	}
+
+	export function pasteText(text: string) {
+		xtermService.pasteText(text);
+	}
+
 </script>
 
 <!-- Pure xterm.js terminal container -->

package/frontend/lib/components/common/xterm/terminal-config.ts

@@ -4,7 +4,7 @@
  * Centralized xterm.js configuration and utilities
  */
 
-import type { ITerminalOptions } from 'xterm';
+import type { ITerminalOptions } from '@xterm/xterm';
 
 // Terminal theme configuration
 export const terminalConfig: ITerminalOptions = {
@@ -40,7 +40,7 @@ export const terminalConfig: ITerminalOptions = {
 	convertEol: true,
 	scrollback: 1000,
 	tabStopWidth: 4,
-	allowProposedApi: false,
+	allowProposedApi: true,
 	altClickMovesCursor: true,
 	disableStdin: false, // ✅ ENABLED for interactive PTY mode - stdin forwards to backend
 	allowTransparency: false

package/frontend/lib/components/common/xterm/types.ts

@@ -23,6 +23,7 @@ export interface XTermMethods {
 	writeData(data: string): void;
 	getSelectedText(): string;
 	clearSelection(): void;
+	pasteText(text: string): void;
 }
 
 export interface TerminalSize {