@myrialabs/clopen 0.1.7 → 0.1.8

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/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 {

package/frontend/lib/components/common/xterm/xterm-service.ts

@@ -6,9 +6,12 @@
  */
 
 import { browser } from '$frontend/lib/app-environment';
-import type { Terminal } from 'xterm';
+import type { Terminal } from '@xterm/xterm';
 import type { FitAddon } from '@xterm/addon-fit';
 import type { WebLinksAddon } from '@xterm/addon-web-links';
+import type { ClipboardAddon } from '@xterm/addon-clipboard';
+import type { Unicode11Addon } from '@xterm/addon-unicode11';
+import type { LigaturesAddon } from '@xterm/addon-ligatures';
 import type { TerminalLine } from '$shared/types/terminal';
 import { terminalConfig } from './terminal-config';
 import { debug } from '$shared/utils/logger';
@@ -18,12 +21,16 @@ export class XTermService {
 	public terminal: Terminal | null = null;
 	public fitAddon: FitAddon | null = null;
 	public webLinksAddon: WebLinksAddon | null = null;
+	public clipboardAddon: ClipboardAddon | null = null;
+	private unicode11Addon: Unicode11Addon | null = null;
+	private ligaturesAddon: LigaturesAddon | null = null;
 	public isInitialized = false;
 	public isReady = false;
 
 	private sessionId: string | null = null;
 	private resizeTimeout: ReturnType<typeof setTimeout> | null = null;
 	private inputDisposable: any = null;
+	private lastSentDims: { cols: number; rows: number } | null = null;
 
 	constructor() {
 		// Service is stateless by design
@@ -49,27 +56,39 @@ export class XTermService {
 			this.terminal = null;
 			this.fitAddon = null;
 			this.webLinksAddon = null;
+			this.clipboardAddon = null;
+				this.unicode11Addon = null;
+			this.ligaturesAddon = null;
 		}
 
 		try {
 			debug.log('terminal', '🚀 Initializing XTerm...');
 
 			// Dynamic import xterm classes
-			const [{ Terminal }, { FitAddon }, { WebLinksAddon }] = await Promise.all([
-				import('xterm'),
+			const [{ Terminal }, { FitAddon }, { WebLinksAddon }, { ClipboardAddon }, { Unicode11Addon }] = await Promise.all([
+				import('@xterm/xterm'),
 				import('@xterm/addon-fit'),
-				import('@xterm/addon-web-links')
+				import('@xterm/addon-web-links'),
+				import('@xterm/addon-clipboard'),
+				import('@xterm/addon-unicode11')
 			]);
 
 			// Create terminal instance
 			this.terminal = new Terminal(terminalConfig);
 
-			// Create and load addons
+			// Create and load core addons
 			this.fitAddon = new FitAddon();
 			this.webLinksAddon = new WebLinksAddon();
+			this.clipboardAddon = new ClipboardAddon();
+			this.unicode11Addon = new Unicode11Addon();
 
 			this.terminal.loadAddon(this.fitAddon);
 			this.terminal.loadAddon(this.webLinksAddon);
+			this.terminal.loadAddon(this.clipboardAddon);
+			this.terminal.loadAddon(this.unicode11Addon);
+
+			// Enable Unicode 11 for better character width support
+			this.terminal.unicode.activeVersion = '11';
 
 			// Open terminal in container
 			this.terminal.open(container);
@@ -82,6 +101,16 @@ export class XTermService {
 				debug.log('terminal', '⚠️ Initial fit failed (container may have zero dimensions), will retry on resize');
 			}
 
+			// Try ligatures addon for font ligature rendering (non-critical)
+			try {
+				const { LigaturesAddon } = await import('@xterm/addon-ligatures');
+				this.ligaturesAddon = new LigaturesAddon();
+				this.terminal.loadAddon(this.ligaturesAddon);
+				debug.log('terminal', '🔤 Font ligatures enabled');
+			} catch {
+				debug.log('terminal', '⚠️ Ligatures addon not available');
+			}
+
 			this.isInitialized = true;
 			this.isReady = true;
 
@@ -94,6 +123,9 @@ export class XTermService {
 			}
 			this.fitAddon = null;
 			this.webLinksAddon = null;
+			this.clipboardAddon = null;
+				this.unicode11Addon = null;
+			this.ligaturesAddon = null;
 			debug.error('terminal', '❌ Failed to initialize XTerm:', error);
 		}
 	}
@@ -180,11 +212,12 @@ export class XTermService {
 	}
 
 	/**
-	 * Update terminal font size and refit to container
+	 * Update terminal font size, line height, and refit to container
 	 */
-	updateFontSize(size: number, sessionId?: string): void {
+	updateFontSize(size: number, lineHeight: number, sessionId?: string): void {
 		if (!this.terminal) return;
 		this.terminal.options.fontSize = size;
+		this.terminal.options.lineHeight = lineHeight / size;
 		this.fit(sessionId);
 	}
 
@@ -262,6 +295,12 @@ export class XTermService {
 				const dims = this.fitAddon.proposeDimensions();
 
 				if (dims && sessionId) {
+					// Skip if dimensions haven't changed
+					if (this.lastSentDims && this.lastSentDims.cols === dims.cols && this.lastSentDims.rows === dims.rows) {
+						return;
+					}
+					this.lastSentDims = { cols: dims.cols, rows: dims.rows };
+
 					// Notify backend of new terminal size via WebSocket HTTP
 					debug.log('terminal', `🔧 Syncing terminal size: ${dims.cols}x${dims.rows}`);
 					ws.http('terminal:resize', {
@@ -293,20 +332,11 @@ export class XTermService {
 	scrollToBottomIfNearEnd(): void {
 		if (!this.terminal) return;
 
-		const viewport = (this.terminal as any)._core?.viewport;
-		if (!viewport) {
-			this.scrollToBottom();
-			return;
-		}
-
-		const scrollTop = viewport._viewportElement.scrollTop;
-		const scrollHeight = viewport._viewportElement.scrollHeight;
-		const clientHeight = viewport._viewportElement.clientHeight;
+		const buffer = this.terminal.buffer.active;
+		const isNearBottom = buffer.viewportY >= buffer.baseY - 3;
 
-		// If within 3 lines of bottom, scroll to bottom
-		const threshold = this.terminal.rows * 3;
-		if (scrollHeight - scrollTop - clientHeight < threshold) {
-			this.scrollToBottom();
+		if (isNearBottom) {
+			this.terminal.scrollToBottom();
 		}
 	}
 
@@ -361,6 +391,21 @@ export class XTermService {
 		};
 	}
 
+	/**
+	 * Paste text by sending to PTY via WebSocket
+	 */
+	pasteText(text: string): void {
+		if (!this.sessionId || !text) return;
+		try {
+			ws.emit('terminal:input', {
+				sessionId: this.sessionId,
+				data: text
+			});
+		} catch (error) {
+			debug.error('terminal', '❌ Error pasting text:', error);
+		}
+	}
+
 	/**
 	 * Cleanup terminal resources
 	 */
@@ -382,6 +427,10 @@ export class XTermService {
 
 		this.fitAddon = null;
 		this.webLinksAddon = null;
+		this.clipboardAddon = null;
+		this.unicode11Addon = null;
+		this.ligaturesAddon = null;
+		this.lastSentDims = null;
 		this.isInitialized = false;
 		this.isReady = false;
 	}

package/frontend/lib/components/files/FileTree.svelte

@@ -420,9 +420,9 @@
 
 <div class="relative flex flex-col h-full overflow-hidden">
 	<!-- Modern Header -->
-	<div class="px-5 py-3 border-b border-slate-200 dark:border-slate-700">
+	<div class="px-5 py-2.5 border-b border-slate-200 dark:border-slate-700">
 		<div class="flex items-start justify-between gap-2">
-			<div class="flex-1 min-w-0">
+			<div class="flex-1 min-w-0" title={projectState.currentProject?.path}>
 				<h3 class="text-sm font-bold text-slate-900 dark:text-slate-100">
 					{projectState.currentProject?.name}
 				</h3>
@@ -466,9 +466,8 @@
 	<div class="relative flex border-b border-slate-200 dark:border-slate-700">
 		<button
 			onclick={() => { searchVisible = false; }}
-			class="relative flex-1 flex items-center justify-center gap-1.5 px-3 py-1.5 text-xs font-medium transition-colors {!searchVisible ? 'text-violet-600 dark:text-violet-400' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}"
+			class="relative flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium transition-colors {!searchVisible ? 'text-violet-600 dark:text-violet-400' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}"
 		>
-			<Icon name="lucide:folder" class="w-3.5 h-3.5" />
 			Explorer
 			{#if !searchVisible}
 				<span class="absolute bottom-0 inset-x-0 h-px bg-violet-600 dark:bg-violet-400"></span>
@@ -476,9 +475,8 @@
 		</button>
 		<button
 			onclick={switchToSearch}
-			class="relative flex-1 flex items-center justify-center gap-1.5 px-3 py-1.5 text-xs font-medium transition-colors {searchVisible ? 'text-violet-600 dark:text-violet-400' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}"
+			class="relative flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium transition-colors {searchVisible ? 'text-violet-600 dark:text-violet-400' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}"
 		>
-			<Icon name="lucide:search" class="w-3.5 h-3.5" />
 			Search
 			{#if searchVisible}
 				<span class="absolute bottom-0 inset-x-0 h-px bg-violet-600 dark:bg-violet-400"></span>