refactor: integrate ink-picture as source directory

- Move ink-picture dependencies from file: reference to direct source integration
- Remove ink-picture's own node_modules, build, package.json, tsconfig.json, biome.json
- Update all ink-picture imports to use src/ink-picture path alias
- Add ink-picture path alias to tsconfig.json
- Add is-unicode-supported, iterm2-version, jimp, node-fetch, sixel as direct deps

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

bun.lock

@@ -75,11 +75,14 @@
         "ignore": "^7.0.5",
         "indent-string": "^5.0.0",
         "ink": "^6.8.0",
+        "is-unicode-supported": "^2.1.0",
+        "iterm2-version": "^6.0.0",
+        "jimp": "^1.6.1",
         "jsonc-parser": "^3.3.1",
         "lodash-es": "^4.17.23",
         "lru-cache": "^11.2.7",
         "marked": "^17.0.5",
-        "node-edge-tts": "^1.2.10",
+        "node-fetch": "^3.3.2",
         "onnxruntime-web": "^1.27.0",
         "p-map": "^7.0.4",
         "picomatch": "^4.0.4",
@@ -93,6 +96,7 @@
         "sharp": "^0.34.5",
         "shell-quote": "^1.8.3",
         "signal-exit": "^4.1.0",
+        "sixel": "^0.16.0",
         "stack-utils": "^2.0.6",
         "strip-ansi": "^7.2.0",
         "supports-hyperlinks": "^4.4.0",
@@ -240,6 +244,8 @@
 
     "@babel/runtime": ["@babel/runtime@7.29.7", "", {}, "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw=="],
 
+    "@borewit/text-codec": ["@borewit/text-codec@0.2.2", "", {}, "sha512-DDaRehssg1aNrH4+2hnj1B7vnUGEjU6OIlyRdkMd0aUdIUvKXrJfXsy8LVtXAy7DRvYVluWbMspsRhz2lcW0mQ=="],
+
     "@commander-js/extra-typings": ["@commander-js/extra-typings@14.0.0", "", { "peerDependencies": { "commander": "~14.0.0" } }, "sha512-hIn0ncNaJRLkZrxBIp5AsW/eXEHNKYQBh0aPdoUqNgD+Io3NIykQqpKFyKcuasZhicGaEZJX/JBSIkZ4e5x8Dg=="],
 
     "@emnapi/runtime": ["@emnapi/runtime@1.11.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg=="],
@@ -332,6 +338,62 @@
 
     "@inquirer/type": ["@inquirer/type@2.0.0", "", { "dependencies": { "mute-stream": "^1.0.0" } }, "sha512-XvJRx+2KR3YXyYtPUUy+qd9i7p+GO9Ko6VIIpWlBrpWwXDv8WLFeHTxz35CfQFUiBMLXlGHhGzys7lqit9gWag=="],
 
+    "@jimp/core": ["@jimp/core@1.6.1", "", { "dependencies": { "@jimp/file-ops": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "await-to-js": "^3.0.0", "exif-parser": "^0.1.12", "file-type": "^21.3.3", "mime": "3" } }, "sha512-+BoKC5G6hkrSy501zcJ2EpfnllP+avPevcBfRcZe/CW+EwEfY6X1EZ8QWyT7NpDIvEEJb1fdJnMMfUnFkxmw9A=="],
+
+    "@jimp/diff": ["@jimp/diff@1.6.1", "", { "dependencies": { "@jimp/plugin-resize": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "pixelmatch": "^5.3.0" } }, "sha512-YkKDPdHjLgo1Api3+Bhc0GLAygldlpt97NfOKoNg1U6IUNXA6X2MgosCjPfSBiSvJvrrz1fsIR+/4cfYXBI/HQ=="],
+
+    "@jimp/file-ops": ["@jimp/file-ops@1.6.1", "", {}, "sha512-T+gX6osHjprbDRad0/B71Evyre7ZdVY1z/gFGEG9Z8KOtZPKboWvPeP2UjbZYWQLy9UKCPQX1FNAnDiOPkJL7w=="],
+
+    "@jimp/js-bmp": ["@jimp/js-bmp@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "bmp-ts": "^1.0.9" } }, "sha512-xzWzNT4/u5zGrTT3Tme9sGU7YzIKxi13+BCQwLqACbt5DXf9SAfdzRkopZQnmDko+6In5nqaT89Gjs43/WdnYQ=="],
+
+    "@jimp/js-gif": ["@jimp/js-gif@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "gifwrap": "^0.10.1", "omggif": "^1.0.10" } }, "sha512-YjY2W26rQa05XhanYhRZ7dingCiNN+T2Ymb1JiigIbABY0B28wHE3v3Cf1/HZPWGu0hOg36ylaKgV5KxF2M58w=="],
+
+    "@jimp/js-jpeg": ["@jimp/js-jpeg@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "jpeg-js": "^0.4.4" } }, "sha512-HT9H3yOmlOFzYmdI15IYdfy6ggQhSRIaHeA+OTJSEORXBqEo97sUZu/DsgHIcX5NJ7TkJBTgZ9BZXsV6UbsyMg=="],
+
+    "@jimp/js-png": ["@jimp/js-png@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "pngjs": "^7.0.0" } }, "sha512-SZ/KVhI5UjcSzzlXsXdIi/LhJ7UShf2NkMOtVrbZQcGzsqNtynAelrOXeoTxcanfVqmNhAoVHg8yR2cYoqrYjA=="],
+
+    "@jimp/js-tiff": ["@jimp/js-tiff@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "utif2": "^4.1.0" } }, "sha512-jDG/eJquID1M4MBlKMmDRBmz2TpXMv7TUyu2nIRUxhlUc2ogC82T+VQUkca9GJH1BBJ9dx5sSE5dGkWNjIbZxw=="],
+
+    "@jimp/plugin-blit": ["@jimp/plugin-blit@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-MwnI7C7K81uWddY9FLw1fCOIy6SsPIUftUz36Spt7jisCn8/40DhQMlSxpxTNelnZb/2SnloFimQfRZAmHLOqQ=="],
+
+    "@jimp/plugin-blur": ["@jimp/plugin-blur@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/utils": "1.6.1" } }, "sha512-lIo7Tzp5jQu30EFFSK/phXANK3citKVEjepDjQ6ljHoIFtuMRrnybnmI2Md24ulvWlDaz+hh3n6qrMb8ydwhZQ=="],
+
+    "@jimp/plugin-circle": ["@jimp/plugin-circle@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "zod": "^3.23.8" } }, "sha512-kK1PavY6cKHNNKce37vdV4Tmpc1/zDKngGoeOV3j+EMatoHFZUinV3s6F9aWryPs3A0xhCLZgdJ6Zeea1d5LCQ=="],
+
+    "@jimp/plugin-color": ["@jimp/plugin-color@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "tinycolor2": "^1.6.0", "zod": "^3.23.8" } }, "sha512-LtUN1vAP+LRlZAtTNVhDRSiXx+26Kbz3zJaG6a5k59gQ95jgT5mknnF8lxkHcqJthM4MEk3/tPxkdJpEybyF/A=="],
+
+    "@jimp/plugin-contain": ["@jimp/plugin-contain@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/plugin-blit": "1.6.1", "@jimp/plugin-resize": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-m0qhrfA8jkTqretGv4w+T/ADFR4GwBpE0sCOC2uJ0dzr44/ddOMsIdrpi89kabqYiPYIrxkgdCVCLm3zn1Vkkg=="],
+
+    "@jimp/plugin-cover": ["@jimp/plugin-cover@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/plugin-crop": "1.6.1", "@jimp/plugin-resize": "1.6.1", "@jimp/types": "1.6.1", "zod": "^3.23.8" } }, "sha512-hZytnsth0zoll6cPf434BrT+p/v569Wr5tyO6Dp0dH1IDPhzhB5F38sZGMLDo7bzQiN9JFVB3fxkcJ/WYCJ3Mg=="],
+
+    "@jimp/plugin-crop": ["@jimp/plugin-crop@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-EerRSLlclXyKDnYc/H9w/1amZW7b7v3OGi/VlerPd2M/pAu5X8TkyYWtfqYCXnNp1Ixtd8oCo9zGfY9zoXT4rg=="],
+
+    "@jimp/plugin-displace": ["@jimp/plugin-displace@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-K07QVl7xQwIfD6KfxRV/c3E9e7ZBXxUXdWuvoTWcKHL2qV48MOF5Nqbz/aJW4ThnQARIsxvYlZjPFiqkCjlU+g=="],
+
+    "@jimp/plugin-dither": ["@jimp/plugin-dither@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1" } }, "sha512-+2V+GCV2WycMoX1/z977TkZ8Zq/4MVSKElHYatgUqtwXMi2fDK2gKYU2g9V39IqFvTJsTIsK0+58VFz/ROBVew=="],
+
+    "@jimp/plugin-fisheye": ["@jimp/plugin-fisheye@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-XtS5ZyoZ0vxZxJ6gkqI63SivhtI58vX95foMPM+cyzYkRsJXMOYCr8DScxF5bp4Xr003NjYm/P+7+08tibwzHA=="],
+
+    "@jimp/plugin-flip": ["@jimp/plugin-flip@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "zod": "^3.23.8" } }, "sha512-ws38W/sGj7LobNRayQ83garxiktOyWxM5vO/y4a/2cy9v65SLEUzVkrj+oeAaUSSObdz4HcCEla7XtGlnAGAaA=="],
+
+    "@jimp/plugin-hash": ["@jimp/plugin-hash@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/js-bmp": "1.6.1", "@jimp/js-jpeg": "1.6.1", "@jimp/js-png": "1.6.1", "@jimp/js-tiff": "1.6.1", "@jimp/plugin-color": "1.6.1", "@jimp/plugin-resize": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "any-base": "^1.1.0" } }, "sha512-sZt6ZcMX6i8vFWb4GYnw0pR/o9++ef0dTVcboTB5B/g7nrxCODIB4wfEkJ/YqZM5wUvol77K1qeS0/rVO6z21A=="],
+
+    "@jimp/plugin-mask": ["@jimp/plugin-mask@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "zod": "^3.23.8" } }, "sha512-SIG0/FcmEj3tkwFxc7fAGLO8o4uNzMpSOdQOhbCgxefQKq5wOVMk9BQx/sdMPBwtMLr9WLq0GzLA/rk6t2v20A=="],
+
+    "@jimp/plugin-print": ["@jimp/plugin-print@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/js-jpeg": "1.6.1", "@jimp/js-png": "1.6.1", "@jimp/plugin-blit": "1.6.1", "@jimp/types": "1.6.1", "parse-bmfont-ascii": "^1.0.6", "parse-bmfont-binary": "^1.0.6", "parse-bmfont-xml": "^1.1.6", "simple-xml-to-json": "^1.2.2", "zod": "^3.23.8" } }, "sha512-BYVz/X3Xzv8XYilVeDy11NOp0h7BTDjlOtu0BekIFHP1yHVd24AXNzbOy52XlzYZWQ0Dl36HOHEpl/nSNrzc6w=="],
+
+    "@jimp/plugin-quantize": ["@jimp/plugin-quantize@1.6.1", "", { "dependencies": { "image-q": "^4.0.0", "zod": "^3.23.8" } }, "sha512-J2En9PLURfP+vwYDtuZ9T8yBW6BWYZBScydAjRiPBmJfEhTcNQqiiQODrZf7EqbbX/Sy5H6dAeRiqkgoV9N6Ww=="],
+
+    "@jimp/plugin-resize": ["@jimp/plugin-resize@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/types": "1.6.1", "zod": "^3.23.8" } }, "sha512-CLkrtJoIz2HdWnpYiN6p8KYcPc00rCH/SUu6o+lfZL05Q4uhecJlnvXuj9x+U6mDn3ldPmJj6aZqMHuUJzdVqg=="],
+
+    "@jimp/plugin-rotate": ["@jimp/plugin-rotate@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/plugin-crop": "1.6.1", "@jimp/plugin-resize": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-nOjVjbbj705B02ksysKnh0POAwEBXZtJ9zQ5qC+X7Tavl3JNn+P3BzQovbBxLPSbUSld6XID9z5ijin4PtOAUg=="],
+
+    "@jimp/plugin-threshold": ["@jimp/plugin-threshold@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/plugin-color": "1.6.1", "@jimp/plugin-hash": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1", "zod": "^3.23.8" } }, "sha512-JOKv9F8s6tnVLf4sB/2fF0F339EFnHvgEdFYugO6VhowKLsap0pEZmLyE/DlRnYtIj2RddHZVxVMp/eKJ04l2Q=="],
+
+    "@jimp/types": ["@jimp/types@1.6.1", "", { "dependencies": { "zod": "^3.23.8" } }, "sha512-leI7YbveTNi565m910XgIOwXyuu074H5qazAD1357HImJSv2hqxnWXpwxQbadGWZ7goZRYBDZy5lpqud0p7q5w=="],
+
+    "@jimp/utils": ["@jimp/utils@1.6.1", "", { "dependencies": { "@jimp/types": "1.6.1", "tinycolor2": "^1.6.0" } }, "sha512-veFPRd93FCnS7AgmCkPgARVGoDRrJ9cm1ujuNyA+UfQ5VKbED2002sm5XfFLFwTsKC8j04heTrwe+tU1dluXOw=="],
+
     "@js-sdsl/ordered-map": ["@js-sdsl/ordered-map@4.4.2", "", {}, "sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw=="],
 
     "@larksuite/channel": ["@larksuite/channel@0.1.2", "", { "dependencies": { "@larksuiteoapi/node-sdk": "^1.66.1", "https-proxy-agent": "^9.0.0" } }, "sha512-9bhxF8lCFsYiOq+E9Swg1/5nqJLJNPsVLTGIdEE8hcqRKg/Dwazh4UKP0jHjiFf8yI8KKTfsEkA2P6PUFmSZQw=="],
@@ -478,6 +540,10 @@
 
     "@tavily/core": ["@tavily/core@0.6.4", "", { "dependencies": { "axios": "^1.7.7", "https-proxy-agent": "^7.0.6", "js-tiktoken": "^1.0.14" } }, "sha512-PppC0p2SwkoImLiYFT/uqDyWKPivpVsIM16HUf1Apmtbqg1YhI7Yg5Hq6eYSojC6COVCGXE4CotBnWqUmrai+A=="],
 
+    "@tokenizer/inflate": ["@tokenizer/inflate@0.4.1", "", { "dependencies": { "debug": "^4.4.3", "token-types": "^6.1.1" } }, "sha512-2mAv+8pkG6GIZiF1kNg1jAjh27IDxEPKwdGul3snfztFerfPGI1LjDezZp3i7BElXompqEtPmoPx6c2wgtWsOA=="],
+
+    "@tokenizer/token": ["@tokenizer/token@0.3.0", "", {}, "sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A=="],
+
     "@types/bun": ["@types/bun@1.3.14", "", { "dependencies": { "bun-types": "1.3.14" } }, "sha512-h1hFqFVcvAvD9j9K7ZW7vd82aSA+rTdznZa+5bwvCwqSB1jmmfLcbIWhOLx1/+boy/xmjgCs/OMUL8hRJSmnPw=="],
 
     "@types/lodash": ["@types/lodash@4.17.24", "", {}, "sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ=="],
@@ -488,6 +554,8 @@
 
     "@types/node": ["@types/node@25.9.3", "", { "dependencies": { "undici-types": ">=7.24.0 <7.24.7" } }, "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg=="],
 
+    "@types/react": ["@types/react@19.2.17", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw=="],
+
     "@types/wrap-ansi": ["@types/wrap-ansi@3.0.0", "", {}, "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g=="],
 
     "@typespec/ts-http-runtime": ["@typespec/ts-http-runtime@0.3.6", "", { "dependencies": { "http-proxy-agent": "^7.0.0", "https-proxy-agent": "^7.0.0", "tslib": "^2.6.2" } }, "sha512-jIXhD0eWQ1JA6ln/5Dltyx22UxWNrw0hZmhy2rlv6m6KgF7kplHx3g0fzi09lNmTJQRR91OlemYp3xFnvDK9og=="],
@@ -514,10 +582,14 @@
 
     "ansi-styles": ["ansi-styles@6.2.3", "", {}, "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg=="],
 
+    "any-base": ["any-base@1.1.0", "", {}, "sha512-uMgjozySS8adZZYePpaWs8cxB9/kdzmpX6SgJZ+wbz1K5eYk5QMYDVJaZKhxyIHUdnnJkfR7SVgStgH7LkGUyg=="],
+
     "any-promise": ["any-promise@1.3.0", "", {}, "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="],
 
     "anynum": ["anynum@1.0.0", "", {}, "sha512-xjR9/zBVnUOP6ztMIIgShjsxui80nQUQH+5xJnvrYLs+90bF25/KJqaAi8mk+B4RDtX1Nspi6fmp4YTEts8SfA=="],
 
+    "app-path": ["app-path@4.0.0", "", { "dependencies": { "execa": "^5.0.0" } }, "sha512-mgBO9PZJ3MpbKbwFTljTi36ZKBvG5X/fkVR1F85ANsVcVllEb+C0LGNdJfGUm84GpC4xxgN6HFkmkMU8VEO4mA=="],
+
     "asciichart": ["asciichart@1.5.25", "", {}, "sha512-PNxzXIPPOtWq8T7bgzBtk9cI2lgS4SJZthUHEiQ1aoIc3lNzGfUvIvo9LiAnq26TACo9t1/4qP6KTGAUbzX9Xg=="],
 
     "asynckit": ["asynckit@0.4.0", "", {}, "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="],
@@ -526,6 +598,8 @@
 
     "auto-bind": ["auto-bind@5.0.1", "", {}, "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg=="],
 
+    "await-to-js": ["await-to-js@3.0.0", "", {}, "sha512-zJAaP9zxTcvTHRlejau3ZOY4V7SRpiByf3/dxx2uyKxxor19tpmpV2QRsTKikckwhaPmr2dVpxxMr7jOCYVp5g=="],
+
     "axios": ["axios@1.17.0", "", { "dependencies": { "follow-redirects": "^1.16.0", "form-data": "^4.0.5", "https-proxy-agent": "^5.0.1", "proxy-from-env": "^2.1.0" } }, "sha512-J8SwNxprqqpbfenehxWYXE7CW+wM1BB4w3+N+g+/Wx40xM4rsLrfPmHHxSWIxJLYDgSY/HqlFPIYb2/S3rxafw=="],
 
     "balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
@@ -538,6 +612,8 @@
 
     "bindings": ["bindings@1.5.0", "", { "dependencies": { "file-uri-to-path": "1.0.0" } }, "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="],
 
+    "bmp-ts": ["bmp-ts@1.0.9", "", {}, "sha512-cTEHk2jLrPyi+12M3dhpEbnnPOsaZuq7C45ylbbQIiWgDFZq4UVYPEY5mlqjvsj/6gJv9qX5sa+ebDzLXT28Vw=="],
+
     "body-parser": ["body-parser@2.2.2", "", { "dependencies": { "bytes": "^3.1.2", "content-type": "^1.0.5", "debug": "^4.4.3", "http-errors": "^2.0.0", "iconv-lite": "^0.7.0", "on-finished": "^2.4.1", "qs": "^6.14.1", "raw-body": "^3.0.1", "type-is": "^2.0.1" } }, "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA=="],
 
     "bowser": ["bowser@2.14.1", "", {}, "sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg=="],
@@ -604,6 +680,8 @@
 
     "cssfilter": ["cssfilter@0.0.10", "", {}, "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw=="],
 
+    "csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
+
     "data-uri-to-buffer": ["data-uri-to-buffer@4.0.1", "", {}, "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A=="],
 
     "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
@@ -672,6 +750,8 @@
 
     "execa": ["execa@9.6.1", "", { "dependencies": { "@sindresorhus/merge-streams": "^4.0.0", "cross-spawn": "^7.0.6", "figures": "^6.1.0", "get-stream": "^9.0.0", "human-signals": "^8.0.1", "is-plain-obj": "^4.1.0", "is-stream": "^4.0.1", "npm-run-path": "^6.0.0", "pretty-ms": "^9.2.0", "signal-exit": "^4.1.0", "strip-final-newline": "^4.0.0", "yoctocolors": "^2.1.1" } }, "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA=="],
 
+    "exif-parser": ["exif-parser@0.1.12", "", {}, "sha512-c2bQfLNbMzLPmzQuOr8fy0csy84WmwnER81W88DzTp9CYNPJ6yzOj2EZAh9pywYpqHnshVLHQJ8WzldAyfY+Iw=="],
+
     "express": ["express@5.2.1", "", { "dependencies": { "accepts": "^2.0.0", "body-parser": "^2.2.1", "content-disposition": "^1.0.0", "content-type": "^1.0.5", "cookie": "^0.7.1", "cookie-signature": "^1.2.1", "debug": "^4.4.0", "depd": "^2.0.0", "encodeurl": "^2.0.0", "escape-html": "^1.0.3", "etag": "^1.8.1", "finalhandler": "^2.1.0", "fresh": "^2.0.0", "http-errors": "^2.0.0", "merge-descriptors": "^2.0.0", "mime-types": "^3.0.0", "on-finished": "^2.4.1", "once": "^1.4.0", "parseurl": "^1.3.3", "proxy-addr": "^2.0.7", "qs": "^6.14.0", "range-parser": "^1.2.1", "router": "^2.2.0", "send": "^1.1.0", "serve-static": "^2.2.0", "statuses": "^2.0.1", "type-is": "^2.0.1", "vary": "^1.1.2" } }, "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw=="],
 
     "express-rate-limit": ["express-rate-limit@8.5.2", "", { "dependencies": { "ip-address": "^10.2.0" }, "peerDependencies": { "express": ">= 4.11" } }, "sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A=="],
@@ -694,6 +774,8 @@
 
     "figures": ["figures@6.1.0", "", { "dependencies": { "is-unicode-supported": "^2.0.0" } }, "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg=="],
 
+    "file-type": ["file-type@21.3.4", "", { "dependencies": { "@tokenizer/inflate": "^0.4.1", "strtok3": "^10.3.4", "token-types": "^6.1.1", "uint8array-extras": "^1.4.0" } }, "sha512-Ievi/yy8DS3ygGvT47PjSfdFoX+2isQueoYP1cntFW1JLYAuS4GD7NUPGg4zv2iZfV52uDyk5w5Z0TdpRS6Q1g=="],
+
     "file-uri-to-path": ["file-uri-to-path@1.0.0", "", {}, "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="],
 
     "finalhandler": ["finalhandler@2.1.1", "", { "dependencies": { "debug": "^4.4.0", "encodeurl": "^2.0.0", "escape-html": "^1.0.3", "on-finished": "^2.4.1", "parseurl": "^1.3.3", "statuses": "^2.0.1" } }, "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA=="],
@@ -738,6 +820,8 @@
 
     "get-stream": ["get-stream@9.0.1", "", { "dependencies": { "@sec-ant/readable-stream": "^0.4.1", "is-stream": "^4.0.1" } }, "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA=="],
 
+    "gifwrap": ["gifwrap@0.10.1", "", { "dependencies": { "image-q": "^4.0.0", "omggif": "^1.0.10" } }, "sha512-2760b1vpJHNmLzZ/ubTtNnEx5WApN/PYWJvXvgS+tL1egTTthayFYIQQNi136FLEDcN/IyEY2EcGpIITD6eYUw=="],
+
     "glob": ["glob@13.0.6", "", { "dependencies": { "minimatch": "^10.2.2", "minipass": "^7.1.3", "path-scurry": "^2.0.2" } }, "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw=="],
 
     "global-agent": ["global-agent@4.1.3", "", { "dependencies": { "globalthis": "^1.0.2", "matcher": "^4.0.0", "semver": "^7.3.5", "serialize-error": "^8.1.0" } }, "sha512-KUJEViiuFT3I97t+GYMikLPJS2Lfo/S2F+DQuBWzuzaMPnvt5yyZePzArx36fBzpGTxZjIpDbXLeySLgh+k76g=="],
@@ -782,8 +866,12 @@
 
     "iconv-lite": ["iconv-lite@0.7.2", "", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw=="],
 
+    "ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
+
     "ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
+    "image-q": ["image-q@4.0.0", "", { "dependencies": { "@types/node": "16.9.1" } }, "sha512-PfJGVgIfKQJuq3s0tTDOKtztksibuUEbJQIYT3by6wctQo+Rdlh7ef4evJ5NCdxY4CfMbvFkocEwbl4BF8RlJw=="],
+
     "indent-string": ["indent-string@5.0.0", "", {}, "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg=="],
 
     "inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
@@ -816,8 +904,14 @@
 
     "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
 
+    "iterm2-version": ["iterm2-version@6.0.0", "", { "dependencies": { "app-path": "^4.0.0", "plist": "^3.1.0", "terminal-query": "^0.1.0" } }, "sha512-oH14QLmk+49KBsxlVBRe9piHHIY0vn41Mmop/LTzkCMVyGcikhMLJCpbR4LWB+WRdDF1v66u39CuRj+LLfZ9QQ=="],
+
+    "jimp": ["jimp@1.6.1", "", { "dependencies": { "@jimp/core": "1.6.1", "@jimp/diff": "1.6.1", "@jimp/js-bmp": "1.6.1", "@jimp/js-gif": "1.6.1", "@jimp/js-jpeg": "1.6.1", "@jimp/js-png": "1.6.1", "@jimp/js-tiff": "1.6.1", "@jimp/plugin-blit": "1.6.1", "@jimp/plugin-blur": "1.6.1", "@jimp/plugin-circle": "1.6.1", "@jimp/plugin-color": "1.6.1", "@jimp/plugin-contain": "1.6.1", "@jimp/plugin-cover": "1.6.1", "@jimp/plugin-crop": "1.6.1", "@jimp/plugin-displace": "1.6.1", "@jimp/plugin-dither": "1.6.1", "@jimp/plugin-fisheye": "1.6.1", "@jimp/plugin-flip": "1.6.1", "@jimp/plugin-hash": "1.6.1", "@jimp/plugin-mask": "1.6.1", "@jimp/plugin-print": "1.6.1", "@jimp/plugin-quantize": "1.6.1", "@jimp/plugin-resize": "1.6.1", "@jimp/plugin-rotate": "1.6.1", "@jimp/plugin-threshold": "1.6.1", "@jimp/types": "1.6.1", "@jimp/utils": "1.6.1" } }, "sha512-hNQh6rZtWfSVWSNVmvq87N5BPJsNH7k7I7qyrXf9DOma9xATQk3fsyHazCQe51nCjdkoWdTmh0vD7bjVSLoxxw=="],
+
     "jose": ["jose@6.2.3", "", {}, "sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw=="],
 
+    "jpeg-js": ["jpeg-js@0.4.4", "", {}, "sha512-WZzeDOEtTOBK4Mdsar0IqEU5sMr3vSV2RqkAIzUEV2BHnUfKGyswWFPFwK5EeDo93K3FohSHbLAjj0s1Wzd+dg=="],
+
     "js-tiktoken": ["js-tiktoken@1.0.21", "", { "dependencies": { "base64-js": "^1.5.1" } }, "sha512-biOj/6M5qdgx5TKjDnFT1ymSpM5tbd3ylwDtrQvFQSu0Z7bBYko2dF+W/aUkXUPuk6IVpRxk/3Q2sHOzGlS36g=="],
 
     "json-bigint": ["json-bigint@1.0.0", "", { "dependencies": { "bignumber.js": "^9.0.0" } }, "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ=="],
@@ -880,6 +974,10 @@
 
     "merge-descriptors": ["merge-descriptors@2.0.0", "", {}, "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g=="],
 
+    "merge-stream": ["merge-stream@2.0.0", "", {}, "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="],
+
+    "mime": ["mime@3.0.0", "", { "bin": { "mime": "cli.js" } }, "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A=="],
+
     "mime-db": ["mime-db@1.54.0", "", {}, "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ=="],
 
     "mime-types": ["mime-types@3.0.2", "", { "dependencies": { "mime-db": "^1.54.0" } }, "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A=="],
@@ -908,8 +1006,6 @@
 
     "node-domexception": ["node-domexception@1.0.0", "", {}, "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ=="],
 
-    "node-edge-tts": ["node-edge-tts@1.2.10", "", { "dependencies": { "https-proxy-agent": "^7.0.1", "ws": "^8.13.0", "yargs": "^17.7.2" }, "bin": { "node-edge-tts": "bin.js" } }, "sha512-bV2i4XU54D45+US0Zm1HcJRkifuB3W438dWyuJEHLQdKxnuqlI1kim2MOvR6Q3XUQZvfF9PoDyR1Rt7aeXhPdQ=="],
-
     "node-fetch": ["node-fetch@3.3.2", "", { "dependencies": { "data-uri-to-buffer": "^4.0.0", "fetch-blob": "^3.1.4", "formdata-polyfill": "^4.0.10" } }, "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA=="],
 
     "node-forge": ["node-forge@1.4.0", "", {}, "sha512-LarFH0+6VfriEhqMMcLX2F7SwSXeWwnEAJEsYm5QKWchiVYVvJyV9v7UDvUv+w5HO23ZpQTXDv/GxdDdMyOuoQ=="],
@@ -922,6 +1018,8 @@
 
     "object-keys": ["object-keys@1.1.1", "", {}, "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="],
 
+    "omggif": ["omggif@1.0.10", "", {}, "sha512-LMJTtvgc/nugXj0Vcrrs68Mn2D1r0zf630VNtqtpI1FEO7e+O9FP4gqs9AcnBaSEeoHIPm28u6qgPR0oyEpGSw=="],
+
     "on-finished": ["on-finished@2.4.1", "", { "dependencies": { "ee-first": "1.1.1" } }, "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg=="],
 
     "once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
@@ -948,6 +1046,14 @@
 
     "p-try": ["p-try@2.2.0", "", {}, "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="],
 
+    "pako": ["pako@1.0.11", "", {}, "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="],
+
+    "parse-bmfont-ascii": ["parse-bmfont-ascii@1.0.6", "", {}, "sha512-U4RrVsUFCleIOBsIGYOMKjn9PavsGOXxbvYGtMOEfnId0SVNsgehXh1DxUdVPLoxd5mvcEtvmKs2Mmf0Mpa1ZA=="],
+
+    "parse-bmfont-binary": ["parse-bmfont-binary@1.0.6", "", {}, "sha512-GxmsRea0wdGdYthjuUeWTMWPqm2+FAd4GI8vCvhgJsFnoGhTrLhXDDupwTo7rXVAgaLIGoVHDZS9p/5XbSqeWA=="],
+
+    "parse-bmfont-xml": ["parse-bmfont-xml@1.1.6", "", { "dependencies": { "xml-parse-from-string": "^1.0.0", "xml2js": "^0.5.0" } }, "sha512-0cEliVMZEhrFDwMh4SxIyVJpqYoOWDJ9P895tFuS+XuNzI5UBmBk5U5O4KuJdTnZpSBI4LFA2+ZiJaiwfSwlMA=="],
+
     "parse-ms": ["parse-ms@4.0.0", "", {}, "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw=="],
 
     "parse5": ["parse5@5.1.1", "", {}, "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug=="],
@@ -970,6 +1076,8 @@
 
     "picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
 
+    "pixelmatch": ["pixelmatch@5.3.0", "", { "dependencies": { "pngjs": "^6.0.0" }, "bin": { "pixelmatch": "bin/pixelmatch" } }, "sha512-o8mkY4E/+LNUf6LzX96ht6k6CEDi65k9G2rjMtBe9Oo+VPKSvl+0GKHuH/AlG+GA5LPG/i5hrekkxUc3s2HU+Q=="],
+
     "pkce-challenge": ["pkce-challenge@5.0.1", "", {}, "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ=="],
 
     "platform": ["platform@1.3.6", "", {}, "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg=="],
@@ -1026,6 +1134,8 @@
 
     "safer-buffer": ["safer-buffer@2.1.2", "", {}, "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="],
 
+    "sax": ["sax@1.6.0", "", {}, "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA=="],
+
     "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],
 
     "semver": ["semver@7.8.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA=="],
@@ -1058,6 +1168,10 @@
 
     "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
 
+    "simple-xml-to-json": ["simple-xml-to-json@1.2.7", "", {}, "sha512-mz9VXphOxQWX3eQ/uXCtm6upltoN0DLx8Zb5T4TFC4FHB7S9FDPGre8CfLWqPWQQH/GrQYd2AXhhVM5LDpYx6Q=="],
+
+    "sixel": ["sixel@0.16.0", "", {}, "sha512-xicu6Y6Cyhmv5rjyHxq2r5RnKerlL/nyZEGjOU5bLCshXkZryc9JFJThTCKPOAtWXCfeWquEKFVFfMPcTD25PA=="],
+
     "slice-ansi": ["slice-ansi@8.0.0", "", { "dependencies": { "ansi-styles": "^6.2.3", "is-fullwidth-code-point": "^5.1.0" } }, "sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg=="],
 
     "ssri": ["ssri@13.0.1", "", { "dependencies": { "minipass": "^7.0.3" } }, "sha512-QUiRf1+u9wPTL/76GTYlKttDEBWV1ga9ZXW8BG6kfdeyyM8LGPix9gROyg9V2+P0xNyF3X2Go526xKFdMZrHSQ=="],
@@ -1074,22 +1188,30 @@
 
     "strnum": ["strnum@2.4.0", "", { "dependencies": { "anynum": "^1.0.0" } }, "sha512-sHrVyWWdq28RbhjuJdZsA1SnGRJV6NiXbk6AXBxDOsgAcA+lmpUZCYjOdLBxkXMwis6RRe7dlZt4VlIWFVzkmg=="],
 
+    "strtok3": ["strtok3@10.3.5", "", { "dependencies": { "@tokenizer/token": "^0.3.0" } }, "sha512-ki4hZQfh5rX0QDLLkOCj+h+CVNkqmp/CMf8v8kZpkNVK6jGQooMytqzLZYUVYIZcFZ6yDB70EfD8POcFXiF5oA=="],
+
     "supports-color": ["supports-color@10.2.2", "", {}, "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g=="],
 
     "supports-hyperlinks": ["supports-hyperlinks@4.4.0", "", { "dependencies": { "has-flag": "^5.0.1", "supports-color": "^10.2.2" } }, "sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg=="],
 
     "tagged-tag": ["tagged-tag@1.0.0", "", {}, "sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng=="],
 
+    "terminal-query": ["terminal-query@0.1.1", "", {}, "sha512-MlkY08iL6mCFtdiyOKRzJqTHvUFEKCTRZZDLOdN1Vk79rX6ALq2tk2p3IfQhJJbnNLxHZnQu+WS2JT9kwLW2vQ=="],
+
     "terminal-size": ["terminal-size@4.0.1", "", {}, "sha512-avMLDQpUI9I5XFrklECw1ZEUPJhqzcwSWsyyI8blhRLT+8N1jLJWLWWYQpB2q2xthq8xDvjZPISVh53T/+CLYQ=="],
 
     "thenify": ["thenify@3.3.1", "", { "dependencies": { "any-promise": "^1.0.0" } }, "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw=="],
 
     "thenify-all": ["thenify-all@1.6.0", "", { "dependencies": { "thenify": ">= 3.1.0 < 4" } }, "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA=="],
 
+    "tinycolor2": ["tinycolor2@1.6.0", "", {}, "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw=="],
+
     "tmp": ["tmp@0.0.33", "", { "dependencies": { "os-tmpdir": "~1.0.2" } }, "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw=="],
 
     "toidentifier": ["toidentifier@1.0.1", "", {}, "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="],
 
+    "token-types": ["token-types@6.1.2", "", { "dependencies": { "@borewit/text-codec": "^0.2.1", "@tokenizer/token": "^0.3.0", "ieee754": "^1.2.1" } }, "sha512-dRXchy+C0IgK8WPC6xvCHFRIWYUbqqdEIKPaKo/AcTUNzwLTK6AH7RjdLWsEZcAN/TBdtfUw3PYEgPr5VPr6ww=="],
+
     "tr46": ["tr46@0.0.3", "", {}, "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="],
 
     "tree-kill": ["tree-kill@1.2.2", "", { "bin": { "tree-kill": "cli.js" } }, "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A=="],
@@ -1106,6 +1228,8 @@
 
     "typescript": ["typescript@6.0.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw=="],
 
+    "uint8array-extras": ["uint8array-extras@1.5.0", "", {}, "sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A=="],
+
     "undici": ["undici@7.27.2", "", {}, "sha512-uZsKNuzQxDMUY6M3pIMvy5tvlGmtq8XJ2oLAkfRKGNu+1VQAIvLy2xIVG5ATZl5wDXl/tddByAWCizRbOme+TA=="],
 
     "undici-types": ["undici-types@7.24.6", "", {}, "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg=="],
@@ -1118,6 +1242,8 @@
 
     "usehooks-ts": ["usehooks-ts@3.1.1", "", { "dependencies": { "lodash.debounce": "^4.0.8" }, "peerDependencies": { "react": "^16.8.0  || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-I4diPp9Cq6ieSUH2wu+fDAVQO43xwtulo+fKEidHUwZPnYImbtkTjzIJYcDcJqxgmX31GVqNFURodvcgHcW0pA=="],
 
+    "utif2": ["utif2@4.1.0", "", { "dependencies": { "pako": "^1.0.11" } }, "sha512-+oknB9FHrJ7oW7A2WZYajOcv4FcDR4CfoGB0dPNfxbi4GO05RRnFmt5oa23+9w32EanrYcSJWspUiJkLMs+37w=="],
+
     "uuid": ["uuid@9.0.1", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA=="],
 
     "vanipath": ["vanipath@1.0.10", "", {}, "sha512-50l1CcT4Me+1p2SI51sm/KYcADNC3pLDB70jMlGWdm61TIyryO4K6IvV8PCJxM/V6AILISNqidpzkFKScsxWfg=="],
@@ -1154,6 +1280,10 @@
 
     "xml-naming": ["xml-naming@0.1.0", "", {}, "sha512-k8KO9hrMyNk6tUWqUfkTEZbezRRpONVOzUTnc97VnCvyj6Tf9lyUR9EDAIeiVLv56jsMcoXEwjW8Kv5yPY52lw=="],
 
+    "xml-parse-from-string": ["xml-parse-from-string@1.0.1", "", {}, "sha512-ErcKwJTF54uRzzNMXq2X5sMIy88zJvfN2DmdoQvy7PAFJ+tPRU6ydWuOKNMyfmOjdyBQTFREi60s0Y0SyI0G0g=="],
+
+    "xml2js": ["xml2js@0.5.0", "", { "dependencies": { "sax": ">=0.6.0", "xmlbuilder": "~11.0.0" } }, "sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA=="],
+
     "xmlbuilder": ["xmlbuilder@15.1.1", "", {}, "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg=="],
 
     "xss": ["xss@1.0.15", "", { "dependencies": { "commander": "^2.20.3", "cssfilter": "0.0.10" }, "bin": { "xss": "bin/xss" } }, "sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg=="],
@@ -1284,6 +1414,40 @@
 
     "@inquirer/select/ansi-escapes": ["ansi-escapes@4.3.2", "", { "dependencies": { "type-fest": "^0.21.3" } }, "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ=="],
 
+    "@jimp/js-png/pngjs": ["pngjs@7.0.0", "", {}, "sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow=="],
+
+    "@jimp/plugin-blit/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-circle/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-color/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-contain/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-cover/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-crop/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-displace/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-fisheye/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-flip/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-mask/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-print/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-quantize/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-resize/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-rotate/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/plugin-threshold/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
+    "@jimp/types/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
     "@larksuite/channel/https-proxy-agent": ["https-proxy-agent@9.1.0", "", { "dependencies": { "agent-base": "9.0.0", "debug": "^4.3.4", "proxy-agent-negotiate": "1.1.0" } }, "sha512-ag87y7cJJ9/3+GxFr8Oy4O5faDsGRGnBGsJj/YjOSsSx/5eadKLYTMPlzuR6obgoCDDm0abAAZitXXQkMOPSpA=="],
 
     "@larksuiteoapi/node-sdk/axios": ["axios@1.13.6", "", { "dependencies": { "follow-redirects": "^1.15.11", "form-data": "^4.0.5", "proxy-from-env": "^1.1.0" } }, "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ=="],
@@ -1394,6 +1558,8 @@
 
     "@typespec/ts-http-runtime/https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
 
+    "app-path/execa": ["execa@5.1.1", "", { "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", "human-signals": "^2.1.0", "is-stream": "^2.0.0", "merge-stream": "^2.0.0", "npm-run-path": "^4.0.1", "onetime": "^5.1.2", "signal-exit": "^3.0.3", "strip-final-newline": "^2.0.0" } }, "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg=="],
+
     "axios/https-proxy-agent": ["https-proxy-agent@5.0.1", "", { "dependencies": { "agent-base": "6", "debug": "4" } }, "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA=="],
 
     "cli-highlight/chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
@@ -1418,6 +1584,8 @@
 
     "http-proxy-agent/agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
 
+    "image-q/@types/node": ["@types/node@16.9.1", "", {}, "sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g=="],
+
     "ink/@alcalzone/ansi-tokenize": ["@alcalzone/ansi-tokenize@0.2.5", "", { "dependencies": { "ansi-styles": "^6.2.1", "is-fullwidth-code-point": "^5.0.0" } }, "sha512-3NX/MpTdroi0aKz134A6RC2Gb2iXVECN4QaAXnvCIxxIm3C3AVB1mkUe8NaaiyvOpDfsrqWhYtj+Q6a62RrTsw=="],
 
     "ink/cli-boxes": ["cli-boxes@3.0.0", "", {}, "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g=="],
@@ -1432,14 +1600,12 @@
 
     "minipass-pipeline/minipass": ["minipass@3.3.6", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw=="],
 
-    "node-edge-tts/https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
-
-    "node-edge-tts/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=="],
-
     "npm-run-path/path-key": ["path-key@4.0.0", "", {}, "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ=="],
 
     "parse5-htmlparser2-tree-adapter/parse5": ["parse5@6.0.1", "", {}, "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw=="],
 
+    "pixelmatch/pngjs": ["pngjs@6.0.0", "", {}, "sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg=="],
+
     "proper-lockfile/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
 
     "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=="],
@@ -1452,6 +1618,8 @@
 
     "vscode-languageserver-protocol/vscode-jsonrpc": ["vscode-jsonrpc@9.0.0", "", {}, "sha512-+VvMmQPJhtvJ+8O+zu2JKIRiLxXF8NW7krWgyMGeOHrp4Cn23T5hc0v2LknNeopDOB70wghHAds7mKtcZ0I4Sg=="],
 
+    "xml2js/xmlbuilder": ["xmlbuilder@11.0.1", "", {}, "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA=="],
+
     "xss/commander": ["commander@2.20.3", "", {}, "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="],
 
     "yargs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
@@ -1506,6 +1674,18 @@
 
     "@typespec/ts-http-runtime/https-proxy-agent/agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
 
+    "app-path/execa/get-stream": ["get-stream@6.0.1", "", {}, "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg=="],
+
+    "app-path/execa/human-signals": ["human-signals@2.1.0", "", {}, "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw=="],
+
+    "app-path/execa/is-stream": ["is-stream@2.0.1", "", {}, "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="],
+
+    "app-path/execa/npm-run-path": ["npm-run-path@4.0.1", "", { "dependencies": { "path-key": "^3.0.0" } }, "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw=="],
+
+    "app-path/execa/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
+
+    "app-path/execa/strip-final-newline": ["strip-final-newline@2.0.0", "", {}, "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="],
+
     "axios/https-proxy-agent/agent-base": ["agent-base@6.0.2", "", { "dependencies": { "debug": "4" } }, "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ=="],
 
     "cli-highlight/chalk/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
@@ -1532,14 +1712,6 @@
 
     "ink/wrap-ansi/string-width": ["string-width@7.2.0", "", { "dependencies": { "emoji-regex": "^10.3.0", "get-east-asian-width": "^1.0.0", "strip-ansi": "^7.1.0" } }, "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ=="],
 
-    "node-edge-tts/https-proxy-agent/agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
-
-    "node-edge-tts/yargs/cliui": ["cliui@8.0.1", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", "wrap-ansi": "^7.0.0" } }, "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ=="],
-
-    "node-edge-tts/yargs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
-
-    "node-edge-tts/yargs/yargs-parser": ["yargs-parser@21.1.1", "", {}, "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw=="],
-
     "qrcode/yargs/cliui": ["cliui@6.0.0", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.0", "wrap-ansi": "^6.2.0" } }, "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ=="],
 
     "qrcode/yargs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
@@ -1590,16 +1762,6 @@
 
     "gtoken/gaxios/https-proxy-agent/agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
 
-    "node-edge-tts/yargs/cliui/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
-    "node-edge-tts/yargs/cliui/wrap-ansi": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
-
-    "node-edge-tts/yargs/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
-
-    "node-edge-tts/yargs/string-width/is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
-
-    "node-edge-tts/yargs/string-width/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
     "qrcode/yargs/cliui/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
     "qrcode/yargs/cliui/wrap-ansi": ["wrap-ansi@6.2.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA=="],
@@ -1620,12 +1782,6 @@
 
     "@grpc/proto-loader/yargs/string-width/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
 
-    "node-edge-tts/yargs/cliui/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
-
-    "node-edge-tts/yargs/cliui/wrap-ansi/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
-
-    "node-edge-tts/yargs/string-width/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
-
     "qrcode/yargs/cliui/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
 
     "qrcode/yargs/cliui/wrap-ansi/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],

package.json

@@ -96,7 +96,11 @@
     "lodash-es": "^4.17.23",
     "lru-cache": "^11.2.7",
     "marked": "^17.0.5",
-    "node-edge-tts": "^1.2.10",
+    "is-unicode-supported": "^2.1.0",
+    "iterm2-version": "^6.0.0",
+    "jimp": "^1.6.1",
+    "node-fetch": "^3.3.2",
+    "sixel": "^0.16.0",
     "onnxruntime-web": "^1.27.0",
     "p-map": "^7.0.4",
     "picomatch": "^4.0.4",

src/components/InlineImage.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import Image, { InkPictureProvider } from 'ink-picture'
+import Image, { InkPictureProvider } from 'src/ink-picture/index.ts'
 import Link from '../ink/components/Link.js'
 import { supportsHyperlinks } from '../ink/supports-hyperlinks.js'
 import { Box, Text } from '../ink.js'

src/ink-picture/InkPictureProvider.tsx

@@ -0,0 +1,318 @@
+import { useStdin } from "src/ink";
+import checkIsUnicodeSupported from "is-unicode-supported";
+import iterm2Version from "iterm2-version";
+import React, {
+  createContext,
+  Profiler,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import supportsColor from "supports-color";
+import { ImageCache } from "./utils/imageCache.js";
+import { queryTerminal } from "./utils/queryTerminal.js";
+
+function resolveConfig(
+  key: string,
+  propValue: number | undefined,
+  fallback: number,
+  min: number,
+): number {
+  const env = process.env[key];
+  if (env !== undefined) {
+    const n = parseInt(env, 10);
+    if (Number.isFinite(n) && n >= min) return n;
+  }
+  if (propValue !== undefined) return Math.max(min, propValue);
+  return fallback;
+}
+
+export interface InkPictureConfig {
+  pollIntervalMs: number;
+  /** @deprecated Unused since v2.0.1 — images are now repainted after each React render via the Profiler. */
+  paintIntervalMs: number;
+  cacheSize: number;
+}
+
+export const defaultConfig: InkPictureConfig = {
+  pollIntervalMs: 16,
+  /** @deprecated */
+  paintIntervalMs: 16,
+  cacheSize: 10,
+};
+
+const InkPictureConfigContext = createContext<InkPictureConfig>(defaultConfig);
+
+export function useInkPictureConfig(): InkPictureConfig {
+  return useContext(InkPictureConfigContext);
+}
+
+const ImageCacheContext = createContext<ImageCache | null>(null);
+
+export function useImageCache(): ImageCache | null {
+  return useContext(ImageCacheContext);
+}
+
+type RenderListener = () => void;
+const RenderListenerContext = createContext<Set<RenderListener> | null>(null);
+
+export function useOnRender(cb: RenderListener): void {
+  const listeners = useContext(RenderListenerContext);
+  useEffect(() => {
+    if (listeners === null) return;
+    listeners.add(cb);
+    return () => {
+      listeners.delete(cb);
+    };
+  }, [cb, listeners]);
+}
+
+export interface TerminalInfo {
+  /** Terminal viewport width in pixels */
+  terminalWidth: number;
+  /** Terminal viewport height in pixels */
+  terminalHeight: number;
+  /** Width of a single character cell in pixels */
+  cellWidth: number;
+  /** Height of a single character cell in pixels */
+  cellHeight: number;
+  /** Whether the terminal supports Unicode characters */
+  supportsUnicode: boolean;
+  /** Whether the terminal supports color output */
+  supportsColor: boolean;
+  /** Whether the terminal supports Sixel graphics protocol */
+  supportsSixelGraphics: boolean;
+  /** Whether the terminal supports Kitty graphics protocol */
+  supportsKittyGraphics: boolean;
+  /** Whether the terminal supports iTerm2 inline images */
+  supportsITerm2Graphics: boolean;
+}
+
+export const defaultTerminalInfo: TerminalInfo = {
+  terminalWidth: 6 * process.stdout.columns,
+  terminalHeight: 12 * process.stdout.rows,
+  cellWidth: 6,
+  cellHeight: 12,
+  supportsUnicode: false,
+  supportsColor: false,
+  supportsSixelGraphics: false,
+  supportsKittyGraphics: false,
+  supportsITerm2Graphics: false,
+};
+
+export const TerminalInfoContext = createContext<TerminalInfo | undefined>(
+  undefined,
+);
+
+export const useTerminalInfo = () => {
+  const terminalInfo = useContext(TerminalInfoContext);
+
+  return terminalInfo ?? defaultTerminalInfo;
+};
+
+function supportsITerm2(context?: {
+  supportsSixelGraphics: boolean;
+  hasITermCellSizeResponse: boolean;
+}) {
+  if (context?.hasITermCellSizeResponse) return true;
+  if (process.env.TERM_PROGRAM === "iTerm.app") {
+    const version = iterm2Version();
+    if (!version || Number(version[0]) < 3) return false;
+    return true;
+  } else if (process.env.TERM_PROGRAM === "WezTerm") {
+    // WezTerm is compatible with iTerm2 inline images starting from version 20220319-142410-0fcdea07
+    // See https://wezterm.org/imgcat.html
+    const version = process.env.TERM_PROGRAM_VERSION;
+    if (!version) return false;
+    const date = parseInt(version.split("-")[0], 10);
+    if (!Number.isNaN(date) && date >= 20220319) {
+      return true;
+    }
+  } else if (process.env.KONSOLE_VERSION) {
+    // Konsole supports iTerm2 inline images since some time around 2022
+    // See https://www.reddit.com/r/kde/comments/ul0irg/konsole_2204_with_sixel_support_is_out_of_beta_now/
+    const version = process.env.KONSOLE_VERSION;
+    if (!version) return false;
+    const date = parseInt(version, 10);
+    if (!Number.isNaN(date) && date >= 220400) {
+      return true;
+    }
+  } else if (process.env.TERM_PROGRAM === "rio") {
+    // Rio terminal supports iTerm2 inline images since version 0.1.13
+    // See https://github.com/raphamorim/rio/releases/tag/v0.1.13
+    const version = process.env.TERM_PROGRAM_VERSION;
+    if (!version) return false;
+    const [major, minor, patch] = version
+      .split(".")
+      .map((v) => parseInt(v, 10));
+    if (
+      !Number.isNaN(major) &&
+      !Number.isNaN(minor) &&
+      !Number.isNaN(patch) &&
+      (major > 0 ||
+        (major === 0 && minor > 1) ||
+        (major === 0 && minor === 1 && patch >= 13))
+    ) {
+      return true;
+    }
+  } else if (process.env.TERM_PROGRAM === "vscode") {
+    // VS Code's integrated terminal can be configured to support Sixel and iTerm2 graphics
+    // If Sixel is supported, iTerm2 images are also supported
+    if (context?.supportsSixelGraphics) {
+      return true;
+    }
+  } else if (process.env.TERM_PROGRAM === "WarpTerminal") {
+    const version = process.env.TERM_PROGRAM_VERSION;
+    // Supported since v0.2025.03.05.08.02
+    // See https://docs.warp.dev/getting-started/changelog
+    if (version) {
+      const [, year, month, day] = version
+        .slice(1)
+        .split(".")
+        .map((v) => parseInt(v, 10));
+      if (
+        !Number.isNaN(year) &&
+        !Number.isNaN(month) &&
+        !Number.isNaN(day) &&
+        (year > 2025 ||
+          (year === 2025 && month > 3) ||
+          (year === 2025 && month === 3 && day >= 5))
+      ) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
+interface InkPictureProviderProps {
+  children: React.ReactNode;
+  config?: Partial<InkPictureConfig>;
+  terminalInfo?: Partial<TerminalInfo>;
+  onTerminalInfoDetection?: (terminalInfo: TerminalInfo) => void;
+}
+
+export function InkPictureProvider({
+  children,
+  config,
+  terminalInfo: overrides,
+  onTerminalInfoDetection,
+}: InkPictureProviderProps) {
+  const { stdin, setRawMode } = useStdin();
+  const [terminalInfo, setTerminalInfo] = useState<TerminalInfo | undefined>(
+    undefined,
+  );
+
+  const resolvedConfig: InkPictureConfig = useMemo(() => {
+    const c: InkPictureConfig = {
+      pollIntervalMs: resolveConfig(
+        "INK_PICTURE_POLL_INTERVAL",
+        config?.pollIntervalMs,
+        16,
+        1,
+      ),
+      paintIntervalMs: resolveConfig(
+        "INK_PICTURE_PAINT_INTERVAL",
+        config?.paintIntervalMs,
+        16,
+        1,
+      ),
+      cacheSize: resolveConfig(
+        "INK_PICTURE_CACHE_SIZE",
+        config?.cacheSize,
+        10,
+        0,
+      ),
+    };
+    return c;
+  }, [config]);
+
+  useEffect(() => {
+    const controller = new AbortController();
+
+    const queryTerminalInfo = async () => {
+      const result = await queryTerminal(stdin, setRawMode, controller.signal);
+
+      const info = { ...defaultTerminalInfo, ...overrides };
+
+      if (result.cellWidth && result.cellHeight) {
+        info.cellWidth = result.cellWidth;
+        info.cellHeight = result.cellHeight;
+      } else if (result.terminalWidth && result.terminalHeight) {
+        info.cellWidth = result.terminalWidth / process.stdout.columns;
+        info.cellHeight = result.terminalHeight / process.stdout.rows;
+      }
+
+      info.supportsUnicode = checkIsUnicodeSupported();
+      info.supportsColor = !!supportsColor.stdout;
+
+      const supportsITerm2Graphics = supportsITerm2({
+        hasITermCellSizeResponse: result.iterm2CellWidth !== undefined,
+        supportsSixelGraphics: result.supportsSixelGraphics,
+      });
+      info.supportsSixelGraphics = result.supportsSixelGraphics;
+      info.supportsKittyGraphics = result.supportsKittyGraphics;
+      info.supportsITerm2Graphics = supportsITerm2Graphics;
+
+      // Apply iTerm2 cell size override for HiDPI scaling
+      // See https://iterm2.com/documentation-escape-codes.html#report-cell-size
+      if (
+        result.iterm2CellWidth !== undefined &&
+        result.iterm2CellHeight !== undefined &&
+        result.iterm2Scale !== undefined
+      ) {
+        info.cellWidth = result.iterm2CellWidth * result.iterm2Scale;
+        info.cellHeight = result.iterm2CellHeight * result.iterm2Scale;
+        info.terminalWidth = info.cellWidth * process.stdout.columns;
+        info.terminalHeight = info.cellHeight * process.stdout.rows;
+      }
+      setTerminalInfo(info);
+      onTerminalInfoDetection?.(info);
+    };
+    queryTerminalInfo();
+
+    return () => controller.abort();
+  }, [stdin, setRawMode, overrides, onTerminalInfoDetection]);
+
+  const resolvedInfo = useMemo(
+    () => ({ ...defaultTerminalInfo, ...terminalInfo, ...overrides }),
+    [terminalInfo, overrides],
+  );
+
+  const { current: cache } = useRef(
+    resolvedConfig.cacheSize === 0
+      ? null
+      : new ImageCache(resolvedConfig.cacheSize),
+  );
+
+  const renderListeners = useMemo(() => new Set<() => void>(), []);
+
+  const handleRender = useCallback(() => {
+    for (const cb of renderListeners) {
+      cb();
+    }
+  }, [renderListeners]);
+
+  if (!terminalInfo && !overrides) {
+    return null;
+  }
+
+  return (
+    <InkPictureConfigContext.Provider value={resolvedConfig}>
+      <ImageCacheContext.Provider value={cache}>
+        <TerminalInfoContext.Provider value={resolvedInfo}>
+          <RenderListenerContext.Provider value={renderListeners}>
+            <Profiler id="ink-picture" onRender={handleRender}>
+              {children}
+            </Profiler>
+          </RenderListenerContext.Provider>
+        </TerminalInfoContext.Provider>
+      </ImageCacheContext.Provider>
+    </InkPictureConfigContext.Provider>
+  );
+}
+
+export const TerminalInfoProvider = InkPictureProvider;

src/ink-picture/components/ImageBox.tsx

@@ -0,0 +1,44 @@
+import { Box, type DOMElement, Newline, Text } from "src/ink";
+import React, { forwardRef } from "react";
+
+export interface ImageBoxProps {
+  width: number | string;
+  height: number | string;
+  alt?: string;
+  error?: boolean;
+  loaded?: boolean;
+  children?: React.ReactNode;
+}
+
+const ImageBox = forwardRef<DOMElement, ImageBoxProps>(function ImageBox(
+  { width, height, alt, error, loaded, children },
+  ref,
+) {
+  return (
+    <Box ref={ref} flexDirection="column" width={width} height={height}>
+      {loaded && children ? (
+        children
+      ) : (
+        <Box
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          overflow="hidden"
+        >
+          {alt ? (
+            <Text color="gray">{alt}</Text>
+          ) : error ? (
+            <Text color="red">
+              X<Newline />
+              Load failed
+            </Text>
+          ) : (
+            <Text color="gray">Loading...</Text>
+          )}
+        </Box>
+      )}
+    </Box>
+  );
+});
+
+export default ImageBox;

src/ink-picture/components/image/Ascii.tsx

@@ -0,0 +1,48 @@
+import { Text } from "src/ink";
+import React, { useMemo } from "react";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import { useTerminalInfo } from "../../InkPictureProvider.js";
+import { renderAscii } from "../../renderers/ascii.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function AsciiImage(props: ImageProps) {
+  const terminalInfo = useTerminalInfo();
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth: resolvedWidth,
+    pixelHeight: resolvedHeight,
+    mode: "pixels",
+  });
+
+  const imageOutput = useMemo(() => {
+    if (!imageData) return null;
+    return renderAscii(imageData, { colored: terminalInfo?.supportsColor });
+  }, [imageData, terminalInfo?.supportsColor]);
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageOutput}
+    >
+      {imageOutput?.split("\n").map((line, idx) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: static content, won't change
+        <Text key={`${line}-${idx}`}>{line}</Text>
+      ))}
+    </ImageBox>
+  );
+}
+
+export default AsciiImage;

src/ink-picture/components/image/Braille.tsx

@@ -0,0 +1,46 @@
+import { Text } from "src/ink";
+import React, { useMemo } from "react";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import { renderBraille } from "../../renderers/braille.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function BrailleImage(props: ImageProps) {
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth: resolvedWidth * 2,
+    pixelHeight: resolvedHeight * 4,
+    mode: "pixels",
+  });
+
+  const imageOutput = useMemo(() => {
+    if (!imageData) return null;
+    return renderBraille(imageData);
+  }, [imageData]);
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageOutput}
+    >
+      {imageOutput?.split("\n").map((line, idx) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: static content, won't change
+        <Text key={`${line}-${idx}`}>{line}</Text>
+      ))}
+    </ImageBox>
+  );
+}
+
+export default BrailleImage;

src/ink-picture/components/image/HalfBlock.tsx

@@ -0,0 +1,46 @@
+import { Text } from "src/ink";
+import React, { useMemo } from "react";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import { renderHalfBlock } from "../../renderers/halfBlock.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function HalfBlockImage(props: ImageProps) {
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth: resolvedWidth,
+    pixelHeight: resolvedHeight * 2,
+    mode: "pixels",
+  });
+
+  const imageOutput = useMemo(() => {
+    if (!imageData) return null;
+    return renderHalfBlock(imageData);
+  }, [imageData]);
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageOutput}
+    >
+      {imageOutput?.split("\n").map((line, idx) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: static content, won't change
+        <Text key={`${line}-${idx}`}>{line}</Text>
+      ))}
+    </ImageBox>
+  );
+}
+
+export default HalfBlockImage;

src/ink-picture/components/image/ITerm2.tsx

@@ -0,0 +1,63 @@
+import { useStdout } from "src/ink";
+import React, { useMemo } from "react";
+import useBackgroundColor from "../../hooks/useBackgroundColor.js";
+import { useDirectRenderer } from "../../hooks/useDirectRenderer.js";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import usePosition from "../../hooks/usePosition.js";
+import { useTerminalInfo } from "../../InkPictureProvider.js";
+import { renderITerm2 } from "../../renderers/iterm2.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function ITerm2Image(props: ImageProps) {
+  const terminalInfo = useTerminalInfo();
+  const { stdout } = useStdout();
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const componentPosition = usePosition(containerRef);
+  const inheritedBackgroundColor = useBackgroundColor(containerRef);
+
+  const pixelWidth = resolvedWidth * (terminalInfo?.cellWidth ?? 0);
+  const pixelHeight = resolvedHeight * (terminalInfo?.cellHeight ?? 0);
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth,
+    pixelHeight,
+    mode: "png",
+  });
+
+  const imageOutput = useMemo(() => {
+    if (!imageData) return undefined;
+    return renderITerm2(imageData, { width: pixelWidth, height: pixelHeight });
+  }, [imageData, pixelWidth, pixelHeight]);
+
+  useDirectRenderer({
+    enabled: !!imageOutput && !!componentPosition,
+    imageOutput: imageOutput ?? "",
+    position: componentPosition,
+    stdout,
+    width: resolvedWidth,
+    height: resolvedHeight,
+    backgroundColor: inheritedBackgroundColor,
+  });
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageOutput}
+    />
+  );
+}
+
+export default ITerm2Image;

src/ink-picture/components/image/Kitty.tsx

@@ -0,0 +1,127 @@
+import { useStdout } from "src/ink";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import usePosition from "../../hooks/usePosition.js";
+import { defaultVisibility } from "../../hooks/useVisibility.js";
+import { useTerminalInfo } from "../../InkPictureProvider.js";
+import {
+  makeKittyDeletion,
+  makeKittyPlacement,
+  makeKittyTransmitChunks,
+} from "../../renderers/kitty.js";
+import { cursorForward, cursorUp } from "../../utils/ansiEscapes.js";
+import generateKittyId from "../../utils/generateKittyId.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function KittyImage(props: ImageProps) {
+  const terminalInfo = useTerminalInfo();
+  const { stdout } = useStdout();
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const componentPosition = usePosition(containerRef);
+
+  const pixelWidth = resolvedWidth * (terminalInfo?.cellWidth ?? 0);
+  const pixelHeight = resolvedHeight * (terminalInfo?.cellHeight ?? 0);
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth,
+    pixelHeight,
+    mode: "png",
+  });
+
+  const [imageId, setImageId] = useState<number | undefined>(undefined);
+  const shouldCleanupRef = useRef(true);
+  const wasPlacedRef = useRef(false);
+
+  useEffect(() => {
+    if (!imageData) return;
+
+    const id = generateKittyId();
+    const base64Data = imageData.data.toString("base64");
+    const chunks = makeKittyTransmitChunks(id, base64Data);
+    for (const chunk of chunks) {
+      stdout.write(chunk);
+    }
+    setImageId(id);
+  }, [imageData, stdout.write]);
+
+  useEffect(() => {
+    if (!imageId) return;
+    if (!componentPosition) return;
+
+    if (
+      defaultVisibility(componentPosition, stdout.rows, stdout.columns) !==
+      "full"
+    ) {
+      if (wasPlacedRef.current) {
+        stdout.write(makeKittyDeletion(imageId, 1));
+        wasPlacedRef.current = false;
+      }
+      return;
+    }
+
+    stdout.write("\x1b7");
+    stdout.write(
+      cursorUp(componentPosition.appHeight - componentPosition.row, {
+        appHeight: componentPosition.appHeight,
+        terminalHeight: stdout.rows,
+      }),
+    );
+    stdout.write("\r");
+    stdout.write(cursorForward(componentPosition.col));
+
+    stdout.write(makeKittyPlacement(imageId, 1));
+
+    stdout.write("\x1b8");
+
+    wasPlacedRef.current = true;
+  });
+
+  const onExit = useCallback(() => {
+    shouldCleanupRef.current = false;
+  }, []);
+
+  const onSigInt = useCallback(() => {
+    shouldCleanupRef.current = false;
+    process.exit();
+  }, []);
+
+  useEffect(() => {
+    process.on("exit", onExit);
+    process.on("SIGINT", onSigInt);
+    process.on("SIGTERM", onSigInt);
+
+    return () => {
+      process.removeListener("exit", onExit);
+      process.removeListener("SIGINT", onSigInt);
+      process.removeListener("SIGTERM", onSigInt);
+      if (!shouldCleanupRef.current) return;
+      if (!imageId) return;
+
+      // We always delete during unmount regardless of whether the image is placed
+      // in order to remove the image data from the terminal
+      stdout.write(makeKittyDeletion(imageId));
+    };
+  }, [imageId, onExit, onSigInt, stdout.write]);
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageId}
+    />
+  );
+}
+
+export default KittyImage;

src/ink-picture/components/image/Sixel.tsx

@@ -0,0 +1,63 @@
+import { useStdout } from "src/ink";
+import React, { useMemo } from "react";
+import useBackgroundColor from "../../hooks/useBackgroundColor.js";
+import { useDirectRenderer } from "../../hooks/useDirectRenderer.js";
+import { useImage } from "../../hooks/useImage.js";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import usePosition from "../../hooks/usePosition.js";
+import { useTerminalInfo } from "../../InkPictureProvider.js";
+import { renderSixel } from "../../renderers/sixel.js";
+import ImageBox from "../ImageBox.js";
+import type { ImageProps } from "./protocol.js";
+
+function SixelImage(props: ImageProps) {
+  const terminalInfo = useTerminalInfo();
+  const { stdout } = useStdout();
+  const { src, width, height, alt } = props;
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const componentPosition = usePosition(containerRef);
+  const inheritedBackgroundColor = useBackgroundColor(containerRef);
+
+  const pixelWidth = resolvedWidth * (terminalInfo?.cellWidth ?? 0);
+  const pixelHeight = resolvedHeight * (terminalInfo?.cellHeight ?? 0);
+
+  const { imageData, error } = useImage({
+    src,
+    pixelWidth,
+    pixelHeight,
+    mode: "pixels",
+  });
+
+  const imageOutput = useMemo(() => {
+    if (!imageData) return undefined;
+    return renderSixel(imageData);
+  }, [imageData]);
+
+  useDirectRenderer({
+    enabled: !!imageOutput && !!componentPosition,
+    imageOutput: imageOutput ?? "",
+    position: componentPosition,
+    stdout,
+    width: resolvedWidth,
+    height: resolvedHeight,
+    backgroundColor: inheritedBackgroundColor,
+  });
+
+  return (
+    <ImageBox
+      ref={containerRef}
+      width={width}
+      height={height}
+      alt={alt}
+      error={error}
+      loaded={!!imageOutput}
+    />
+  );
+}
+
+export default SixelImage;

src/ink-picture/components/image/index.tsx

@@ -0,0 +1,130 @@
+import { Box, useIsScreenReaderEnabled, useStdout } from "src/ink";
+import React, { useMemo } from "react";
+import { useMeasuredSize } from "../../hooks/useMeasuredSize.js";
+import usePosition from "../../hooks/usePosition.js";
+import useProtocol from "../../hooks/useProtocol.js";
+import type { GetVisibility, Visibility } from "../../hooks/useVisibility.js";
+import { useVisibility } from "../../hooks/useVisibility.js";
+import { useTerminalInfo } from "../../InkPictureProvider.js";
+import AsciiImage from "./Ascii.js";
+import BrailleImage from "./Braille.js";
+import HalfBlockImage from "./HalfBlock.js";
+import ITerm2Image from "./ITerm2.js";
+import KittyImage from "./Kitty.js";
+import type { ImageProps } from "./protocol.js";
+import SixelImage from "./Sixel.js";
+
+const imageProtocols = {
+  ascii: AsciiImage,
+  braille: BrailleImage,
+  halfBlock: HalfBlockImage,
+  iterm2: ITerm2Image,
+  kitty: KittyImage,
+  sixel: SixelImage,
+};
+
+export type ImageProtocolName = keyof typeof imageProtocols;
+
+export type ImageProtocolHint = Partial<Record<Visibility, ImageProtocolName>>;
+
+const ImageRenderer = (props: ImageProps & { protocol: ImageProtocolName }) => {
+  const ProtocolComponent = imageProtocols[props.protocol];
+  return <ProtocolComponent {...props} />;
+};
+
+type ImageComponentProps = Omit<ImageProps, "width" | "height"> & {
+  width?: number | string;
+  height?: number | string;
+  protocol?: ImageProtocolName | ImageProtocolHint;
+  getVisibility?: GetVisibility;
+};
+
+function Image({
+  protocol: specifiedProtocol,
+  getVisibility,
+  width = "100%",
+  height = "100%",
+  ...props
+}: ImageComponentProps) {
+  const isScreenReaderEnabled = useIsScreenReaderEnabled();
+  const terminalInfo = useTerminalInfo();
+  const { stdout } = useStdout();
+  const protocol = useProtocol(
+    typeof specifiedProtocol === "string" ? specifiedProtocol : undefined,
+  );
+
+  const { containerRef, resolvedWidth, resolvedHeight } = useMeasuredSize(
+    width,
+    height,
+  );
+
+  const position = usePosition(containerRef);
+  const visibility = useVisibility(
+    position,
+    stdout.rows,
+    stdout.columns,
+    getVisibility,
+  );
+
+  const effectiveProtocol = useMemo((): ImageProtocolName => {
+    if (typeof specifiedProtocol === "string") return specifiedProtocol;
+
+    const hints: ImageProtocolHint = specifiedProtocol ?? {};
+    const hint = hints[visibility];
+    if (hint) return hint;
+
+    if (visibility === "full") return protocol;
+
+    if (
+      protocol === "ascii" ||
+      protocol === "braille" ||
+      protocol === "halfBlock"
+    )
+      return protocol;
+
+    if (terminalInfo.supportsUnicode && terminalInfo.supportsColor)
+      return "halfBlock";
+    if (terminalInfo.supportsUnicode) return "braille";
+    return "ascii";
+  }, [
+    visibility,
+    protocol,
+    specifiedProtocol,
+    terminalInfo.supportsUnicode,
+    terminalInfo.supportsColor,
+  ]);
+
+  if (isScreenReaderEnabled) {
+    const { src, alt } = props;
+    const label = `image: ${alt || (typeof src === "string" ? src : "binary image data")}`;
+
+    return (
+      <Box
+        ref={containerRef}
+        width={width}
+        height={height}
+        aria-label={label}
+        flexDirection="column"
+      />
+    );
+  }
+
+  return (
+    <Box
+      ref={containerRef}
+      width={width}
+      height={height}
+      flexDirection="column"
+    >
+      <ImageRenderer
+        protocol={effectiveProtocol}
+        key={effectiveProtocol}
+        width={resolvedWidth}
+        height={resolvedHeight}
+        {...props}
+      />
+    </Box>
+  );
+}
+
+export default Image;

src/ink-picture/components/image/protocol.ts

@@ -0,0 +1,31 @@
+import type { Jimp } from "jimp";
+import type { JSX } from "react";
+
+export interface ImageProps {
+  /**
+   * The source URL, file path or ArrayBuffer of the image to render
+   * Supports all image formats supported by jimp (JPEG, PNG, WebP, GIF, BMP, TIFF).
+   */
+  src: Parameters<typeof Jimp.read>[0];
+  /** Width in terminal cells or a percentage */
+  width: number | string;
+  /** Height in terminal cells or a percentage */
+  height: number | string;
+  /** Alternative text displayed while loading or on error */
+  alt?: string;
+}
+
+/**
+ * Interface defining an image rendering protocol.
+ *
+ * Each protocol represents a different method of displaying images in the terminal,
+ * such as ASCII art, Sixel graphics, Braille patterns, or Unicode half-blocks.
+ *
+ * @interface ImageProtocol
+ */
+export interface ImageProtocol {
+  /** Unique identifier for this protocol */
+  name: string;
+  /** Function that renders the image using this protocol */
+  render(props: ImageProps): JSX.Element | null;
+}

src/ink-picture/hooks/useBackgroundColor.ts

@@ -0,0 +1,22 @@
+import type { DOMElement } from "src/ink";
+import { type RefObject } from "react";
+
+/**
+ * Walks up the DOMElement tree from the given ref to find the nearest
+ * ancestor Box that has a background color set.
+ *
+ * This provides the same information as Ink's internal `backgroundContext`.
+ */
+export default function useBackgroundColor(
+  ref: RefObject<DOMElement | null>,
+): string | undefined {
+  let currentNode: DOMElement | undefined = ref.current ?? undefined;
+  while (currentNode) {
+    if (currentNode.style?.backgroundColor) {
+      return currentNode.style.backgroundColor as string;
+    }
+    currentNode = currentNode.parentNode;
+  }
+
+  return undefined;
+}

src/ink-picture/hooks/useDirectRenderer.ts

@@ -0,0 +1,123 @@
+import { useCallback, useEffect, useLayoutEffect, useRef } from "react";
+import { useOnRender } from "../InkPictureProvider.js";
+import { cursorForward, cursorUp } from "../utils/ansiEscapes.js";
+import bgColorize from "../utils/bgColorize.js";
+import type { Position } from "./usePosition.js";
+import { defaultVisibility } from "./useVisibility.js";
+
+interface DirectRendererOptions {
+  enabled: boolean;
+  imageOutput: string;
+  position: Position | undefined;
+  stdout: NodeJS.WriteStream;
+  width: number;
+  height: number;
+  backgroundColor?: string;
+}
+
+function writeImageToStdout(
+  pos: Position,
+  output: string,
+  stream: NodeJS.WriteStream,
+  w: number,
+  h: number,
+): { row: number; col: number; width: number; height: number } {
+  stream.write("\x1b7");
+  stream.write(
+    cursorUp(pos.appHeight - pos.row, {
+      appHeight: pos.appHeight,
+      terminalHeight: stream.rows,
+    }),
+  );
+  stream.write("\r");
+  stream.write(cursorForward(pos.col));
+  stream.write(output);
+  stream.write("\x1b8");
+
+  return {
+    row: stream.rows - pos.appHeight + pos.row,
+    col: pos.col,
+    width: w,
+    height: h,
+  };
+}
+
+export function useDirectRenderer(options: DirectRendererOptions) {
+  const { position, stdout, backgroundColor } = options;
+  const shouldCleanupRef = useRef(true);
+  const previousBboxRef = useRef<
+    { row: number; col: number; width: number; height: number } | undefined
+  >(undefined);
+
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+
+  const writeNow = useCallback(() => {
+    const opt = optionsRef.current;
+    if (!opt.enabled || !opt.position) return;
+    if (
+      defaultVisibility(opt.position, opt.stdout.rows, opt.stdout.columns) !==
+      "full"
+    )
+      return;
+
+    previousBboxRef.current = writeImageToStdout(
+      opt.position,
+      opt.imageOutput,
+      opt.stdout,
+      opt.width,
+      opt.height,
+    );
+  }, []);
+
+  // Repaint after every React render commit, since Ink clears the terminal
+  // on each render cycle, wiping any direct-to-stdout image output.
+  useOnRender(writeNow);
+
+  useLayoutEffect(() => {
+    return () => {
+      if (!shouldCleanupRef.current) return;
+
+      const bbox = previousBboxRef.current;
+      if (!bbox || !position) return;
+
+      stdout.write("\x1b7");
+      stdout.write(
+        cursorUp(position.appHeight - position.row, {
+          appHeight: position.appHeight,
+          terminalHeight: stdout.rows,
+        }),
+      );
+      for (let i = 0; i < bbox.height; i++) {
+        stdout.write("\r");
+        stdout.write(cursorForward(bbox.col));
+        if (backgroundColor) {
+          stdout.write(bgColorize(" ".repeat(bbox.width), backgroundColor));
+        } else {
+          stdout.write(" ".repeat(bbox.width));
+        }
+        stdout.write("\n");
+      }
+      stdout.write("\x1b8");
+    };
+  });
+
+  useEffect(() => {
+    function onExit() {
+      shouldCleanupRef.current = false;
+    }
+    function onSigInt() {
+      shouldCleanupRef.current = false;
+      process.exit();
+    }
+    process.on("exit", onExit);
+    process.on("SIGINT", onSigInt);
+    process.on("SIGTERM", onSigInt);
+
+    return () => {
+      process.removeListener("exit", onExit);
+      process.removeListener("SIGINT", onSigInt);
+      process.removeListener("SIGTERM", onSigInt);
+    };
+  }, []);
+}

src/ink-picture/hooks/useImage.ts

@@ -0,0 +1,71 @@
+import { type Jimp } from "jimp";
+import { useEffect, useState } from "react";
+import { useImageCache } from "../InkPictureProvider.js";
+import type { PixelData, PngData } from "../renderers/types.js";
+import { fetchImage, getPngBuffer, getRawPixels } from "../utils/image.js";
+
+export function useImage<T extends "pixels" | "png" = "pixels">(options: {
+  src: Parameters<typeof Jimp.read>[0];
+  pixelWidth: number;
+  pixelHeight: number;
+  mode?: T;
+}): T extends "png"
+  ? { imageData: PngData | undefined; error: boolean }
+  : { imageData: PixelData | undefined; error: boolean } {
+  const { src, pixelWidth, pixelHeight, mode = "pixels" } = options;
+  const [imageData, setImageData] = useState<PngData | PixelData | undefined>(
+    undefined,
+  );
+  const [error, setError] = useState(false);
+  const cache = useImageCache();
+
+  useEffect(() => {
+    if (pixelWidth === 0 || pixelHeight === 0) return;
+
+    let cancelled = false;
+
+    const load = async () => {
+      let image = typeof src === "string" ? cache?.get(src) : undefined;
+
+      if (!image) {
+        image = await fetchImage(src);
+        if (cancelled) return;
+
+        if (!image) {
+          setError(true);
+          setImageData(undefined);
+          return;
+        }
+
+        if (typeof src === "string") {
+          cache?.set(src, image);
+        }
+      }
+
+      setError(false);
+      image.resize({ w: pixelWidth, h: pixelHeight });
+
+      if (mode === "png") {
+        const result = await getPngBuffer(image);
+        if (!cancelled) {
+          setImageData(result);
+        }
+      } else {
+        const result = await getRawPixels(image);
+        if (!cancelled) {
+          setImageData(result);
+        }
+      }
+    };
+
+    load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [src, pixelWidth, pixelHeight, mode, cache]);
+
+  return { imageData, error } as T extends "png"
+    ? { imageData: PngData | undefined; error: boolean }
+    : { imageData: PixelData | undefined; error: boolean };
+}

src/ink-picture/hooks/useMeasuredSize.ts

@@ -0,0 +1,27 @@
+import { type DOMElement, measureElement } from "src/ink";
+import { useEffect, useRef, useState } from "react";
+
+export function useMeasuredSize(
+  width: number | string,
+  height: number | string,
+) {
+  const containerRef = useRef<DOMElement | null>(null);
+  const [measuredWidth, setMeasuredWidth] = useState(0);
+  const [measuredHeight, setMeasuredHeight] = useState(0);
+
+  const needsMeasure = typeof width === "string" || typeof height === "string";
+  useEffect(() => {
+    if (!needsMeasure) return;
+    if (!containerRef.current) return;
+
+    const { width: w, height: h } = measureElement(containerRef.current);
+    if (w > 0) setMeasuredWidth(w);
+    if (h > 0) setMeasuredHeight(h);
+  });
+
+  return {
+    containerRef,
+    resolvedWidth: typeof width === "number" ? width : measuredWidth,
+    resolvedHeight: typeof height === "number" ? height : measuredHeight,
+  };
+}

src/ink-picture/hooks/usePosition.ts

@@ -0,0 +1,137 @@
+import type { DOMElement } from "src/ink";
+import {
+  type RefObject,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+import { useInkPictureConfig } from "../InkPictureProvider.js";
+
+export type Position = {
+  /**
+   * Column position (x-coordinate) in terminal cells.
+   */
+  col: number;
+  /**
+   * Row position (y-coordinate) in terminal cells.
+   */
+  row: number;
+  /**
+   * Element width in terminal cells.
+   */
+  width: number;
+  /**
+   * Element height in terminal cells.
+   */
+  height: number;
+  /**
+   * Application width in terminal cells.
+   */
+  appWidth: number;
+  /**
+   * Application height in terminal cells.
+   */
+  appHeight: number;
+};
+
+/**
+ * Get the current position and dimensions of a mounted component in terminal cells.
+ *
+ * @param ref - React ref pointing to a Box component
+ * @returns Position object with col, row, width, and height
+ */
+const usePosition = (
+  ref: RefObject<DOMElement | null>,
+): Position | undefined => {
+  const [position, setPosition] = useState<Position | undefined>(undefined);
+
+  const updatePosition = useCallback(() => {
+    const node = ref.current;
+    if (!node?.yogaNode) {
+      return;
+    }
+
+    const { yogaNode } = node;
+
+    // Calculate absolute position by traversing up the tree
+    let absoluteCol = 0;
+    let absoluteRow = 0;
+    let appWidth = 0;
+    let appHeight = 0;
+    let currentNode: DOMElement | undefined = node;
+
+    while (currentNode) {
+      if (currentNode.yogaNode) {
+        absoluteCol += currentNode.yogaNode.getComputedLeft();
+        absoluteRow += currentNode.yogaNode.getComputedTop();
+        appWidth = currentNode.yogaNode.getComputedWidth();
+        appHeight = currentNode.yogaNode.getComputedHeight();
+      }
+
+      currentNode = currentNode.parentNode;
+    }
+
+    const newPosition: Position = {
+      col: absoluteCol,
+      row: absoluteRow,
+      width: yogaNode.getComputedWidth(),
+      height: yogaNode.getComputedHeight(),
+      appWidth,
+      appHeight,
+    };
+
+    setPosition((previousPosition) => {
+      // Only update if position actually changed to avoid unnecessary re-renders
+      if (
+        !previousPosition ||
+        previousPosition.col !== newPosition.col ||
+        previousPosition.row !== newPosition.row ||
+        previousPosition.width !== newPosition.width ||
+        previousPosition.height !== newPosition.height ||
+        previousPosition.appWidth !== newPosition.appWidth ||
+        previousPosition.appHeight !== newPosition.appHeight
+      ) {
+        return newPosition;
+      }
+
+      return previousPosition;
+    });
+  }, [ref]);
+
+  // Calculate position after every render
+  // This captures layout changes caused by the component's own re-renders
+  useEffect(() => {
+    updatePosition();
+  });
+
+  // Poll to detect layout changes that happen without re-rendering
+  // e.g. parent layout changes, where React bails out from re-rendering children
+  const config = useInkPictureConfig();
+  const configRef = useRef(config);
+  configRef.current = config;
+
+  useEffect(() => {
+    let timeout: ReturnType<typeof setTimeout>;
+
+    function schedule() {
+      timeout = setTimeout(tick, configRef.current.pollIntervalMs);
+      timeout.unref();
+    }
+
+    function tick() {
+      updatePosition();
+      schedule();
+    }
+
+    schedule();
+
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [updatePosition]);
+
+  return position;
+};
+
+export default usePosition;

src/ink-picture/hooks/useProtocol.ts

@@ -0,0 +1,24 @@
+import { useTerminalInfo } from "../InkPictureProvider.js";
+import { getBestProtocol } from "../utils/getBestProtocol.js";
+
+export default function useProtocol(
+  specifiedProtocol?:
+    | "ascii"
+    | "braille"
+    | "halfBlock"
+    | "iterm2"
+    | "kitty"
+    | "sixel",
+): "ascii" | "braille" | "halfBlock" | "iterm2" | "kitty" | "sixel" {
+  const terminalInfo = useTerminalInfo();
+
+  if (specifiedProtocol) {
+    return specifiedProtocol;
+  }
+
+  if (!terminalInfo) {
+    return "ascii";
+  }
+
+  return getBestProtocol(terminalInfo);
+}

src/ink-picture/hooks/useVisibility.ts

@@ -0,0 +1,84 @@
+import { useMemo } from "react";
+import type { Position } from "./usePosition.js";
+
+export type Visibility = "full" | "partial" | "hidden";
+
+export interface VisibilityInfo {
+  position: Position;
+  terminalWidth: number;
+  terminalHeight: number;
+  defaultVisibility: Visibility;
+}
+
+export type GetVisibility = (info: VisibilityInfo) => Visibility;
+
+export function defaultVisibility(
+  position: Position,
+  terminalHeight: number,
+  terminalWidth: number,
+): Visibility {
+  const viewportStartRow = terminalHeight - position.appHeight + position.row;
+  const viewportEndRow = viewportStartRow + position.height;
+  const inAppStartRow = position.row;
+  const inAppEndRow = inAppStartRow + position.height;
+
+  if (
+    viewportEndRow <= 0 ||
+    inAppEndRow <= 0 ||
+    viewportStartRow >= terminalHeight ||
+    inAppStartRow >= position.appHeight
+  ) {
+    return "hidden";
+  }
+
+  const viewportEndCol = position.col + position.width;
+  if (
+    viewportEndCol <= 0 ||
+    position.col >= terminalWidth ||
+    position.col >= position.appWidth
+  ) {
+    return "hidden";
+  }
+
+  if (
+    viewportStartRow < 0 ||
+    inAppStartRow < 0 ||
+    viewportEndRow > terminalHeight ||
+    inAppEndRow > position.appHeight ||
+    position.col < 0 ||
+    viewportEndCol > terminalWidth ||
+    viewportEndCol > position.appWidth
+  ) {
+    return "partial";
+  }
+
+  return "full";
+}
+
+export function useVisibility(
+  position: Position | undefined,
+  terminalHeight: number,
+  terminalWidth: number,
+  getVisibility?: GetVisibility,
+): Visibility {
+  return useMemo(() => {
+    if (!position) return "hidden";
+
+    const visibility = defaultVisibility(
+      position,
+      terminalHeight,
+      terminalWidth,
+    );
+
+    if (getVisibility) {
+      return getVisibility({
+        position,
+        terminalWidth,
+        terminalHeight,
+        defaultVisibility: visibility,
+      });
+    }
+
+    return visibility;
+  }, [position, terminalHeight, terminalWidth, getVisibility]);
+}

src/ink-picture/index.ts

@@ -0,0 +1,67 @@
+/**
+ * ink-picture - Better image component for Ink CLI/TUIs
+ *
+ * This library provides components for rendering images in terminal applications
+ * built with Ink. It supports multiple rendering protocols with automatic fallback:
+ * Kitty, iTerm2, Sixel, Half-Block, Braille, and ASCII.
+ *
+ * @example
+ * ```tsx
+ * import React from 'react';
+ * import { Box } from 'ink';
+ * import Image, { InkPictureProvider } from 'ink-picture';
+ *
+ * function App() {
+ *   return (
+ *     <InkPictureProvider>
+ *       <Box flexDirection="column">
+ *         <Image
+ *           src="https://example.com/image.jpg"
+ *           width={40}
+ *           height={20}
+ *           alt="Example image"
+ *         />
+ *       </Box>
+ *     </InkPictureProvider>
+ *   );
+ * }
+ * ```
+ *
+ * The Image component must be used within an InkPictureProvider.
+ * This ensures terminal capabilities and configuration are detected and provided.
+ */
+
+export { default as AsciiImage } from "./components/image/Ascii.js";
+export { default as BrailleImage } from "./components/image/Braille.js";
+export { default as HalfBlockImage } from "./components/image/HalfBlock.js";
+export { default as ITerm2Image } from "./components/image/ITerm2.js";
+export type {
+  ImageProtocolHint,
+  ImageProtocolName,
+} from "./components/image/index.js";
+export { default } from "./components/image/index.js";
+export { default as KittyImage } from "./components/image/Kitty.js";
+export type { ImageProps, ImageProtocol } from "./components/image/protocol.js";
+export { default as SixelImage } from "./components/image/Sixel.js";
+
+export { default as usePosition } from "./hooks/usePosition.js";
+export type {
+  GetVisibility,
+  Visibility,
+  VisibilityInfo,
+} from "./hooks/useVisibility.js";
+export { useVisibility } from "./hooks/useVisibility.js";
+
+export {
+  defaultConfig as defaultInkPictureConfig,
+  defaultTerminalInfo,
+  type InkPictureConfig,
+  InkPictureProvider,
+  type TerminalInfo,
+  TerminalInfoContext,
+  TerminalInfoProvider,
+  useImageCache,
+  useInkPictureConfig,
+  useOnRender,
+  useTerminalInfo,
+} from "./InkPictureProvider.js";

src/ink-picture/renderers/ascii.ts

@@ -0,0 +1,41 @@
+import chalk from "chalk";
+import type { PixelData } from "./types.js";
+
+const ASCII_CHARS =
+  "$@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\\|()1{}[]?-_+~<>i!lI;:,\"^`'. ";
+
+export function renderAscii(
+  pixels: PixelData,
+  options: { colored?: boolean } = {},
+): string {
+  const { data, info } = pixels;
+  const { width, height, channels } = info;
+  const colored = options.colored ?? true;
+
+  let result = "";
+  for (let y = 0; y < height; y++) {
+    for (let x = 0; x < width; x++) {
+      const pixelIndex = (y * width + x) * channels;
+
+      const r = data[pixelIndex] as number;
+      const g = data[pixelIndex + 1] as number;
+      const b = data[pixelIndex + 2] as number;
+      const a = channels === 4 ? (data[pixelIndex + 3] as number) : 255;
+
+      const sum = r + g + b + a;
+      const intensity = sum === 0 ? 0 : sum / (255 * 4);
+      const char =
+        ASCII_CHARS[
+          ASCII_CHARS.length -
+            1 -
+            Math.floor(intensity * (ASCII_CHARS.length - 1))
+        ];
+
+      result += colored ? chalk.rgb(r, g, b)(char) : char;
+    }
+
+    result += "\n";
+  }
+
+  return result.slice(0, -1);
+}

src/ink-picture/renderers/braille.ts

@@ -0,0 +1,74 @@
+import type { PixelData } from "./types.js";
+
+export function renderBraille(pixels: PixelData): string {
+  const { data, info } = pixels;
+  const { width, height, channels } = info;
+
+  let result = "";
+  for (let y = 0; y < height - 3; y += 4) {
+    for (let x = 0; x < width - 1; x += 2) {
+      const dot1Index = (y * width + x) * channels;
+      const dot2Index = ((y + 1) * width + x) * channels;
+      const dot3Index = ((y + 2) * width + x) * channels;
+      const dot4Index = (y * width + x + 1) * channels;
+      const dot5Index = ((y + 1) * width + x + 1) * channels;
+      const dot6Index = ((y + 2) * width + x + 1) * channels;
+      const dot7Index = ((y + 3) * width + x) * channels;
+      const dot8Index = ((y + 3) * width + x + 1) * channels;
+
+      const getRgba = (index: number) => {
+        const r = data[index] as number;
+        const g = data[index + 1] as number;
+        const b = data[index + 2] as number;
+        const a = channels === 4 ? (data[index + 3] as number) : 1;
+        return { r, g, b, a };
+      };
+
+      const dot1 = rgbaToBlackOrWhite(getRgba(dot1Index));
+      const dot2 = rgbaToBlackOrWhite(getRgba(dot2Index));
+      const dot3 = rgbaToBlackOrWhite(getRgba(dot3Index));
+      const dot4 = rgbaToBlackOrWhite(getRgba(dot4Index));
+      const dot5 = rgbaToBlackOrWhite(getRgba(dot5Index));
+      const dot6 = rgbaToBlackOrWhite(getRgba(dot6Index));
+      const dot7 = rgbaToBlackOrWhite(getRgba(dot7Index));
+      const dot8 = rgbaToBlackOrWhite(getRgba(dot8Index));
+
+      const brailleChar = String.fromCharCode(
+        0x2800 +
+          (dot8 << 7) +
+          (dot7 << 6) +
+          (dot6 << 5) +
+          (dot5 << 4) +
+          (dot4 << 3) +
+          (dot3 << 2) +
+          (dot2 << 1) +
+          dot1,
+      );
+      result += brailleChar;
+    }
+    result += "\n";
+  }
+
+  return result.slice(0, -1);
+}
+
+function rgbaToBlackOrWhite({
+  r,
+  g,
+  b,
+  a,
+}: {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}) {
+  const alpha = a / 255;
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const alphaAdjustedLuminance = luminance * alpha + 255 * (1 - alpha);
+
+  if (alphaAdjustedLuminance > 128) {
+    return 1;
+  }
+  return 0;
+}

src/ink-picture/renderers/halfBlock.ts

@@ -0,0 +1,35 @@
+import chalk from "chalk";
+import type { PixelData } from "./types.js";
+
+const HALF_BLOCK = "\u2584";
+
+export function renderHalfBlock(pixels: PixelData): string {
+  const { data, info } = pixels;
+  const { width, height, channels } = info;
+
+  let result = "";
+  for (let y = 0; y < height - 1; y += 2) {
+    for (let x = 0; x < width; x++) {
+      const topPixelIndex = (y * width + x) * channels;
+      const bottomPixelIndex = ((y + 1) * width + x) * channels;
+
+      const r = data[topPixelIndex] as number;
+      const g = data[topPixelIndex + 1] as number;
+      const b = data[topPixelIndex + 2] as number;
+      const a = channels === 4 ? (data[topPixelIndex + 3] as number) : 255;
+
+      const r2 = data[bottomPixelIndex] as number;
+      const g2 = data[bottomPixelIndex + 1] as number;
+      const b2 = data[bottomPixelIndex + 2] as number;
+
+      result +=
+        a === 0
+          ? chalk.reset(" ")
+          : chalk.bgRgb(r, g, b).rgb(r2, g2, b2)(HALF_BLOCK);
+    }
+
+    result += "\n";
+  }
+
+  return result.slice(0, -1);
+}

src/ink-picture/renderers/index.ts

@@ -0,0 +1,11 @@
+export { renderAscii } from "./ascii.js";
+export { renderBraille } from "./braille.js";
+export { renderHalfBlock } from "./halfBlock.js";
+export { renderITerm2 } from "./iterm2.js";
+export {
+  makeKittyDeletion,
+  makeKittyPlacement,
+  makeKittyTransmitChunks,
+} from "./kitty.js";
+export { renderSixel } from "./sixel.js";
+export type { PixelData, PngData } from "./types.js";

src/ink-picture/renderers/iterm2.ts

@@ -0,0 +1,19 @@
+import type { PngData } from "./types.js";
+
+export function renderITerm2(
+  png: PngData,
+  options: { width: number; height: number },
+): string {
+  const { data } = png;
+  const { width, height } = options;
+
+  return (
+    "\x1b]1337;File=" +
+    `size=${data.length};` +
+    `width=${width}px;height=${height}px;` +
+    `preserveAspectRatio=1;` +
+    `inline=1:` +
+    data.toString("base64") +
+    "\x07"
+  );
+}

src/ink-picture/renderers/kitty.ts

@@ -0,0 +1,46 @@
+const DEFAULT_CHUNK_SIZE = 4096;
+
+export function makeKittyTransmitChunks(
+  imageId: number,
+  pngBase64: string,
+  chunkSize: number = DEFAULT_CHUNK_SIZE,
+): string[] {
+  const chunks: string[] = [];
+
+  if (pngBase64.length <= chunkSize) {
+    chunks.push(`\x1b_Gf=100,t=d,i=${imageId},m=0,q=2;${pngBase64}\x1b\\`);
+    return chunks;
+  }
+
+  const firstChunk = pngBase64.slice(0, chunkSize);
+  chunks.push(`\x1b_Gf=100,t=d,i=${imageId},m=1,q=2;${firstChunk}\x1b\\`);
+
+  let bufferOffset = chunkSize;
+  while (bufferOffset < pngBase64.length - chunkSize) {
+    const chunk = pngBase64.slice(bufferOffset, bufferOffset + chunkSize);
+    bufferOffset += chunkSize;
+    chunks.push(`\x1b_Gm=1,q=2;${chunk}\x1b\\`);
+  }
+
+  const lastChunk = pngBase64.slice(bufferOffset);
+  chunks.push(`\x1b_Gm=0,q=2;${lastChunk}\x1b\\`);
+
+  return chunks;
+}
+
+export function makeKittyPlacement(
+  imageId: number,
+  placementId: number = 1,
+): string {
+  return `\x1b_Ga=p,i=${imageId},p=${placementId},C=1,q=2\x1b\\`;
+}
+
+export function makeKittyDeletion(
+  imageId: number,
+  placementId?: number,
+): string {
+  if (placementId !== undefined) {
+    return `\x1b_Ga=d,d=i,p=${placementId},i=${imageId}\x1b\\`;
+  }
+  return `\x1b_Ga=d,d=I,i=${imageId}\x1b\\`;
+}

src/ink-picture/renderers/sixel.ts

@@ -0,0 +1,8 @@
+import { image2sixel } from "sixel";
+import type { PixelData } from "./types.js";
+
+export function renderSixel(pixels: PixelData): string {
+  const { data, info } = pixels;
+  const u8Data = new Uint8Array(data);
+  return image2sixel(u8Data, info.width, info.height);
+}

src/ink-picture/renderers/types.ts

@@ -0,0 +1,16 @@
+export interface PixelData {
+  data: Buffer;
+  info: {
+    width: number;
+    height: number;
+    channels: number;
+  };
+}
+
+export interface PngData {
+  data: Buffer;
+  info: {
+    width: number;
+    height: number;
+  };
+}

src/ink-picture/utils/ansiEscapes.ts

@@ -0,0 +1,28 @@
+/**
+ * Moves cursor forward (right) by specified number of columns.
+ * @param count - Number of columns to move forward (default: 1)
+ * @returns ANSI escape sequence string
+ */
+export function cursorForward(count: number = 1) {
+  if (count === 0) return "";
+  return `\x1b[${count}C`;
+}
+
+/**
+ * Moves cursor up by specified number of rows.
+ * @param count - Number of rows to move up (default: 1)
+ * @param context - Object containing appHeight and terminalHeight
+ * @returns ANSI escape sequence string
+ */
+export function cursorUp(
+  count: number = 1,
+  context: { appHeight: number; terminalHeight: number },
+) {
+  // Ink appends a newline after output unless the app height exceeds the terminal height
+  // See https://github.com/vadimdemedes/ink/blob/76d221c3639f62c8c2f6c3599d51a1bf51ed1b7b/src/ink.tsx#L1040-L1042
+  // So we need to adjust the cursor movement by one row in that case to account for the absence of the newline
+  const movementCount =
+    context.appHeight >= context.terminalHeight ? count - 1 : count;
+  if (movementCount <= 0) return "";
+  return `\x1b[${movementCount}A`;
+}

src/ink-picture/utils/bgColorize.ts

@@ -0,0 +1,48 @@
+import chalk from "chalk";
+
+const rgbRegex = /^rgb\(\s?(\d+),\s?(\d+),\s?(\d+)\s?\)$/;
+const ansiRegex = /^ansi256\(\s?(\d+)\s?\)$/;
+
+const isNamedColor = (color: string): color is keyof typeof chalk =>
+  color in chalk;
+
+export default function bgColorize(str: string, color: string): string {
+  if (isNamedColor(color)) {
+    const methodName = `bg${color[0].toUpperCase() + color.slice(1)}` as
+      | keyof typeof chalk
+      | undefined;
+    if (methodName && methodName in chalk) {
+      return (chalk[methodName] as (s: string) => string)(str);
+    }
+
+    return str;
+  }
+
+  if (color.startsWith("#")) {
+    return chalk.bgHex(color)(str);
+  }
+
+  if (color.startsWith("ansi256")) {
+    const matches = ansiRegex.exec(color);
+    if (matches) {
+      return chalk.bgAnsi256(Number(matches[1]))(str);
+    }
+
+    return str;
+  }
+
+  if (color.startsWith("rgb")) {
+    const matches = rgbRegex.exec(color);
+    if (matches) {
+      return chalk.bgRgb(
+        Number(matches[1]),
+        Number(matches[2]),
+        Number(matches[3]),
+      )(str);
+    }
+
+    return str;
+  }
+
+  return str;
+}

src/ink-picture/utils/generateKittyId.ts

@@ -0,0 +1,56 @@
+/**
+ * Generates unique IDs for Kitty image rendering.
+ */
+
+const MIN_ID = 1048576;
+const MAX_ID = 16777216;
+
+class KittyIdGenerator {
+  private currentId = MIN_ID;
+  private freedIds = new Set<number>();
+
+  generateId(): number {
+    // Reuse freed ID if available
+    if (this.freedIds.size > 0) {
+      const result = this.freedIds.values().next();
+      if (result.done) {
+        throw new Error(
+          "Kitty ID reuse error: Set iterator unexpectedly empty",
+        );
+      }
+      const reusedId = result.value;
+      this.freedIds.delete(reusedId);
+      return reusedId;
+    }
+
+    // Generate new sequential ID
+    if (this.currentId >= MAX_ID) {
+      throw new Error("Kitty ID overflow: Maximum ID value reached");
+    }
+
+    return this.currentId++;
+  }
+
+  freeId(id: number): boolean {
+    // Validate ID is in our managed range and was previously allocated
+    if (id >= MIN_ID && id < this.currentId) {
+      return this.freedIds.add(id).size > this.freedIds.size - 1;
+    }
+    return false;
+  }
+
+  // Utility methods
+  getActiveIdCount(): number {
+    return this.currentId - MIN_ID - this.freedIds.size;
+  }
+
+  getAvailableIdCount(): number {
+    return MAX_ID - this.currentId + this.freedIds.size;
+  }
+}
+
+// Export singleton instance
+const generator = new KittyIdGenerator();
+export const generateId = () => generator.generateId();
+export const freeId = (id: number) => generator.freeId(id);
+export default generateId;

src/ink-picture/utils/getBestProtocol.ts

@@ -0,0 +1,43 @@
+import type { TerminalInfo } from "../InkPictureProvider.js";
+
+// Heuristic for selecting the best image protocol based on terminal capabilities
+function getBestProtocol(
+  caps: TerminalInfo,
+): "sixel" | "kitty" | "iterm2" | "braille" | "halfBlock" | "ascii" {
+  if (process.env.TERM_PROGRAM === "iTerm.app" && caps.supportsITerm2Graphics) {
+    // Testing has shown that iTerm2 might be adding kitty support in stealth but it's not mature yet
+    return "iterm2";
+  } else if (
+    process.env.TERM_PROGRAM === "WarpTerminal" &&
+    caps.supportsITerm2Graphics
+  ) {
+    // Warp terminal only supports a incomplete subset of kitty graphics so we are not using it for now
+    return "iterm2";
+  } else if (
+    process.env.TERM_PROGRAM === "WezTerm" &&
+    caps.supportsITerm2Graphics
+  ) {
+    // WezTerm doesn't support placing image above text so it may introduce race conditions during rerenders like sixel and iterm2
+    // See https://github.com/wezterm/wezterm/issues/7222
+    // a workaround is implemented for sixel and iterm2 to mitigate race conditions but I don't think it's a good idea to do the same for kitty specifically for wezterm
+    return "iterm2";
+  } else if (process.env.KONSOLE_VERSION && caps.supportsKittyGraphics) {
+    // Kitty is the only properly working protocol out of the three on Konsole
+    // because it has non-standard implementation for overwriting cells containing graphics with text which makes sixel and iterm2 leave artifacts
+    return "kitty";
+  } else if (caps.supportsKittyGraphics) {
+    return "kitty";
+  } else if (caps.supportsITerm2Graphics) {
+    return "iterm2";
+  } else if (caps.supportsSixelGraphics) {
+    return "sixel";
+  } else if (caps.supportsUnicode && caps.supportsColor) {
+    return "halfBlock";
+  } else if (caps.supportsUnicode) {
+    return "braille";
+  } else {
+    return "ascii";
+  }
+}
+
+export { getBestProtocol };

src/ink-picture/utils/image.ts

@@ -0,0 +1,115 @@
+import { fileURLToPath } from "node:url";
+import { Jimp } from "jimp";
+
+export type JimpImage = Awaited<ReturnType<typeof Jimp.read>>;
+
+export interface ImageOutputInfo {
+  width: number;
+  height: number;
+  channels: number;
+  size?: number;
+}
+
+export async function fetchImage(
+  src: Parameters<typeof Jimp.read>[0],
+): Promise<JimpImage | undefined> {
+  try {
+    if (typeof src === "string" && src.startsWith("file://")) {
+      return await Jimp.read(fileURLToPath(src));
+    }
+    return await Jimp.read(src);
+  } catch {
+    return undefined;
+  }
+}
+
+export async function getRawPixels(
+  image: JimpImage,
+): Promise<{ data: Buffer; info: ImageOutputInfo }> {
+  return {
+    data: image.bitmap.data,
+    info: {
+      width: image.bitmap.width,
+      height: image.bitmap.height,
+      channels: 4,
+    },
+  };
+}
+
+export async function getPngBuffer(
+  image: JimpImage,
+): Promise<{ data: Buffer; info: ImageOutputInfo }> {
+  const buffer = await image.getBuffer("image/png");
+  return {
+    data: buffer,
+    info: {
+      width: image.bitmap.width,
+      height: image.bitmap.height,
+      channels: 4,
+      size: buffer.length,
+    },
+  };
+}
+
+export function calculateImageSize({
+  maxWidth,
+  maxHeight,
+  originalAspectRatio,
+  specifiedWidth,
+  specifiedHeight,
+}: {
+  maxWidth: number;
+  maxHeight: number;
+  originalAspectRatio: number;
+  specifiedWidth?: number;
+  specifiedHeight?: number;
+}): { width: number; height: number } {
+  // Both width and height specified
+  if (specifiedWidth && specifiedHeight) {
+    const width = Math.min(specifiedWidth, maxWidth);
+    const height = Math.min(specifiedHeight, maxHeight);
+    return { width: Math.round(width), height: Math.round(height) };
+  }
+
+  // Only width specified
+  if (specifiedWidth) {
+    let width = Math.min(specifiedWidth, maxWidth);
+    let height = width / originalAspectRatio;
+
+    if (height > maxHeight) {
+      height = maxHeight;
+      width = height * originalAspectRatio;
+    }
+
+    return { width: Math.round(width), height: Math.round(height) };
+  }
+
+  // Only height specified
+  if (specifiedHeight) {
+    let height = Math.min(specifiedHeight, maxHeight);
+    let width = height * originalAspectRatio;
+
+    if (width > maxWidth) {
+      width = maxWidth;
+      height = width / originalAspectRatio;
+    }
+
+    return { width: Math.round(width), height: Math.round(height) };
+  }
+
+  // No dimensions specified - scale to fit while maintaining aspect ratio
+  let height = maxHeight;
+  let width = height * originalAspectRatio;
+
+  if (width > maxWidth) {
+    width = maxWidth;
+    height = width / originalAspectRatio;
+  }
+
+  if (height > maxHeight) {
+    height = maxHeight;
+    width = height * originalAspectRatio;
+  }
+
+  return { width: Math.round(width), height: Math.round(height) };
+}

src/ink-picture/utils/imageCache.ts

@@ -0,0 +1,39 @@
+import type { JimpImage } from "./image.js";
+
+export class ImageCache {
+  #cache = new Map<string, JimpImage>();
+  #maxEntries: number;
+
+  constructor(maxEntries: number) {
+    this.#maxEntries = Math.max(1, maxEntries);
+  }
+
+  get(key: string): JimpImage | undefined {
+    const entry = this.#cache.get(key);
+    if (!entry) return undefined;
+
+    this.#cache.delete(key);
+    this.#cache.set(key, entry);
+
+    return entry.clone();
+  }
+
+  set(key: string, image: JimpImage): void {
+    this.#cache.delete(key);
+
+    while (this.#cache.size >= this.#maxEntries) {
+      const lru = this.#cache.keys().next().value;
+      if (lru !== undefined) this.#cache.delete(lru);
+    }
+
+    this.#cache.set(key, image.clone());
+  }
+
+  clear(): void {
+    this.#cache.clear();
+  }
+
+  get size(): number {
+    return this.#cache.size;
+  }
+}

src/ink-picture/utils/queryTerminal.ts

@@ -0,0 +1,222 @@
+import * as fs from "node:fs";
+
+const HIDDEN_MODE = "\x1b[8m";
+const CLEAR_LINE_AND_RETURN = "\x1b[2K\r";
+const RESET_ATTRIBUTES = "\x1b[0m";
+
+const CELL_SIZE_QUERY = "\x1b[16t";
+const TERMINAL_SIZE_QUERY = "\x1b[14t";
+const KITTY_QUERY = "\x1b_Gi=31,s=1,v=1,a=q,t=d,f=24;AAAA\x1b\\";
+const ITERM_CELL_SIZE_QUERY = "\x1b]1337;ReportCellSize\x07";
+const DEVICE_ATTRIBUTES_QUERY = "\x1b[c";
+
+// biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally parsing escape sequence responses
+const CELL_SIZE_REGEX = /\x1b\[6;(\d+);(\d+);?t/;
+// biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally parsing escape sequence responses
+const TERMINAL_SIZE_REGEX = /\x1b\[4;(\d+);(\d+);?t/;
+// biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally parsing escape sequence responses
+const KITTY_RESPONSE_REGEX = /\x1b_Gi=31;(.+?)\x1b\\/;
+const ITERM_CELL_SIZE_REGEX = /ReportCellSize=([\d.]+);([\d.]+);([\d.]+)/;
+// biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally parsing escape sequence responses
+const DEVICE_ATTRIBUTES_REGEX = /\x1b\[\?(\d+(?:;\d+)*)c/;
+
+const RESPONSE_PATTERNS_FOR_STRIPPING: RegExp[] = [
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally stripping escape sequence responses
+  /\x1b\[6;\d+;\d+;?t/g,
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally stripping escape sequence responses
+  /\x1b\[4;\d+;\d+;?t/g,
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally stripping escape sequence responses
+  /\x1b_Gi=31;.+?\x1b\\/g,
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally stripping escape sequence responses
+  /\x1b\]1337;ReportCellSize=[\d.]+;[\d.]+;[\d.]+\x07/g,
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: Intentionally stripping escape sequence responses
+  /\x1b\[\?\d+(?:;\d+)*c/g,
+];
+
+export interface TerminalQueryResult {
+  cellWidth: number | undefined;
+  cellHeight: number | undefined;
+  terminalWidth: number | undefined;
+  terminalHeight: number | undefined;
+  supportsKittyGraphics: boolean;
+  supportsSixelGraphics: boolean;
+  iterm2CellWidth: number | undefined;
+  iterm2CellHeight: number | undefined;
+  iterm2Scale: number | undefined;
+}
+
+/**
+ * Detect terminal capabilities by sending a batch of escape sequence queries
+ * and accumulating the responses in a buffer matched by regex.
+ *
+ * The Device Attributes response (`\x1b[?Nc`) is used as a sentinel to signal
+ * end of terminal response, with a 1000ms fallback timeout.
+ * The function overrides `stdin.push`, preventing data from being picked up
+ * by Ink's `useInput` hook. `stdin.push` is restored on cleanup, and any
+ * user input during this period is pushed back into the stream.
+ */
+export function queryTerminal(
+  stdin: NodeJS.ReadStream,
+  setRawMode: (value: boolean) => void,
+  signal?: AbortSignal,
+): Promise<TerminalQueryResult> {
+  return new Promise((resolve) => {
+    if (signal?.aborted || !process.stdin.isTTY || !process.stdout.isTTY) {
+      resolve({
+        cellWidth: undefined,
+        cellHeight: undefined,
+        terminalWidth: undefined,
+        terminalHeight: undefined,
+        supportsKittyGraphics: false,
+        supportsSixelGraphics: false,
+        iterm2CellWidth: undefined,
+        iterm2CellHeight: undefined,
+        iterm2Scale: undefined,
+      });
+      return;
+    }
+
+    setRawMode(true);
+
+    let buffer = "";
+    let cellSizeReceived = false;
+    let terminalSizeReceived = false;
+    let kittyReceived = false;
+    let itermCellSizeReceived = false;
+    let sentinelReceived = false;
+    let timeoutId: NodeJS.Timeout;
+    let done = false;
+
+    const result: TerminalQueryResult = {
+      cellWidth: undefined,
+      cellHeight: undefined,
+      terminalWidth: undefined,
+      terminalHeight: undefined,
+      supportsKittyGraphics: false,
+      supportsSixelGraphics: false,
+      iterm2CellWidth: undefined,
+      iterm2CellHeight: undefined,
+      iterm2Scale: undefined,
+    };
+
+    const origPush: typeof stdin.push = stdin.push.bind(stdin);
+
+    const cleanup = () => {
+      if (done) return;
+      done = true;
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+      signal?.removeEventListener("abort", onAbort);
+      stdin.push = origPush;
+      setRawMode(false);
+
+      let filtered = buffer;
+      for (const regex of RESPONSE_PATTERNS_FOR_STRIPPING) {
+        filtered = filtered.replace(regex, "");
+      }
+
+      if (filtered.length > 0) {
+        stdin.push(filtered);
+      }
+
+      resolve(result);
+    };
+
+    const onAbort = () => {
+      cleanup();
+    };
+
+    signal?.addEventListener("abort", onAbort, { once: true });
+
+    timeoutId = setTimeout(cleanup, 1000);
+
+    const processChunk = (data: string) => {
+      buffer += data;
+
+      if (!cellSizeReceived) {
+        const match = buffer.match(CELL_SIZE_REGEX);
+        if (match?.[1] && match?.[2]) {
+          cellSizeReceived = true;
+          const height = parseInt(match[1], 10);
+          const width = parseInt(match[2], 10);
+          if (!Number.isNaN(height) && !Number.isNaN(width)) {
+            result.cellWidth = width;
+            result.cellHeight = height;
+          }
+        }
+      }
+
+      if (!terminalSizeReceived) {
+        const match = buffer.match(TERMINAL_SIZE_REGEX);
+        if (match?.[1] && match?.[2]) {
+          terminalSizeReceived = true;
+          const height = parseInt(match[1], 10);
+          const width = parseInt(match[2], 10);
+          if (!Number.isNaN(height) && !Number.isNaN(width)) {
+            result.terminalWidth = width;
+            result.terminalHeight = height;
+          }
+        }
+      }
+
+      if (!kittyReceived) {
+        const match = buffer.match(KITTY_RESPONSE_REGEX);
+        if (match?.[1]?.includes("OK")) {
+          kittyReceived = true;
+          result.supportsKittyGraphics = true;
+        }
+      }
+
+      if (!itermCellSizeReceived) {
+        const match = buffer.match(ITERM_CELL_SIZE_REGEX);
+        if (match?.[1] && match?.[2] && match?.[3]) {
+          itermCellSizeReceived = true;
+          const height = parseFloat(match[1]);
+          const width = parseFloat(match[2]);
+          const scale = parseFloat(match[3]);
+          if (
+            !Number.isNaN(height) &&
+            !Number.isNaN(width) &&
+            !Number.isNaN(scale)
+          ) {
+            result.iterm2CellWidth = width;
+            result.iterm2CellHeight = height;
+            result.iterm2Scale = scale;
+          }
+        }
+      }
+
+      if (!sentinelReceived && DEVICE_ATTRIBUTES_REGEX.test(buffer)) {
+        sentinelReceived = true;
+        const daMatch = buffer.match(DEVICE_ATTRIBUTES_REGEX);
+        if (daMatch?.[1]) {
+          result.supportsSixelGraphics = daMatch[1].split(";").includes("4");
+        }
+        cleanup();
+      }
+    };
+
+    stdin.push = (chunk) => {
+      const str = Buffer.isBuffer(chunk) ? chunk.toString() : String(chunk);
+      processChunk(str);
+      return true;
+    };
+
+    const query =
+      HIDDEN_MODE +
+      CELL_SIZE_QUERY +
+      TERMINAL_SIZE_QUERY +
+      KITTY_QUERY +
+      ITERM_CELL_SIZE_QUERY +
+      DEVICE_ATTRIBUTES_QUERY +
+      CLEAR_LINE_AND_RETURN +
+      RESET_ATTRIBUTES;
+
+    try {
+      fs.writeSync(process.stdout.fd, query);
+    } catch {
+      cleanup();
+    }
+  });
+}

src/ink/components/StdoutContext.tsx

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react'
+
+export type Props = {
+	readonly stdout: NodeJS.WriteStream & { readonly rows: number; readonly columns: number }
+	readonly write: (data: string) => void
+}
+
+const StdoutContext = createContext<Props>({
+	stdout: process.stdout as NodeJS.WriteStream & { rows: number; columns: number },
+	write() {},
+})
+
+StdoutContext.displayName = 'StdoutContext'
+
+export default StdoutContext

src/tools/ImageShowTool/ImageShowTool.tsx

@@ -5,7 +5,7 @@ import { z } from 'zod/v4'
 import { Text } from '../../ink.js'
 import { buildTool, type ToolDef } from '../../Tool.js'
 import { logForDebugging } from '../../utils/debug.js'
-import Image, { InkPictureProvider } from 'ink-picture'
+import Image, { InkPictureProvider, type TerminalInfo } from 'src/ink-picture/index.ts'
 
 const IMAGE_TOOL_NAME = 'ImageShow'
 
@@ -111,6 +111,22 @@ async function loadImage(url: string): Promise<{ buffer: Buffer; format: string
   return fetchImage(normalizedUrl)
 }
 
+/**
+ * Lightweight synchronous Kitty graphics protocol detection.
+ * Uses only env vars — no module dependencies, no async queries.
+ */
+function detectKittySync(): boolean {
+  return !!(
+    process.env.TERM?.includes('kitty') ||
+    process.env.KITTY_WINDOW_ID ||
+    process.env.TERM_PROGRAM === 'kitty' ||
+    process.env.TERM_PROGRAM === 'ghostty' ||
+    process.env.TERM_PROGRAM === 'WezTerm' ||
+    process.env.TERM_PROGRAM === 'konsole' ||
+    process.env.TERM_PROGRAM === 'foot'
+  )
+}
+
 function getToolUseSummary(input: Partial<Input>): string | null {
   return input?.url ? `Show: ${input.url.split('/').pop() ?? input.url}` : null
 }
@@ -215,8 +231,16 @@ export const ImageShowTool = buildTool({
       const imgWidth = Math.floor(cols * 0.6)
       const imgHeight = Math.floor(rows * 0.4)
 
+      // Sync terminal info prevents InkPictureProvider's async terminal
+      // query from delaying the first render and ensures the correct
+      // protocol is used from frame one.
+      const terminalInfo: Partial<TerminalInfo> = {
+        supportsKittyGraphics: detectKittySync(),
+        supportsUnicode: true,
+      }
+
       return (
-        <InkPictureProvider>
+        <InkPictureProvider terminalInfo={terminalInfo}>
           <Image
             src={content.src}
             width={imgWidth}

src/tools/ImageShowTool/__tests__/ShowLocalImage.test.tsx

@@ -0,0 +1,51 @@
+#!/usr/bin/env bun
+/**
+ * Visual test: display a local image using ink-picture + Ink.
+ *
+ * Usage:
+ *   bun run src/tools/ImageShowTool/__tests__/ShowLocalImage.test.tsx
+ */
+
+import React, { useEffect } from 'react'
+import { render, Box, Text, useApp } from 'ink'
+import Image, { InkPictureProvider, type TerminalInfo } from 'src/ink-picture/index.ts'
+
+const IMAGE_PATH = '/home/yuki/Pictures/Wallpapers/3god.jpg'
+
+const cols = process.stdout.columns ?? 80
+const rows = process.stdout.rows ?? 40
+const imgWidth = Math.floor(cols * 0.6)
+const imgHeight = Math.floor(rows * 0.4)
+
+const terminalInfo: Partial<TerminalInfo> = {
+  supportsKittyGraphics: !!(
+    process.env.TERM?.includes('kitty') ||
+    process.env.KITTY_WINDOW_ID ||
+    process.env.TERM_PROGRAM === 'kitty' ||
+    process.env.TERM_PROGRAM === 'ghostty' ||
+    process.env.TERM_PROGRAM === 'WezTerm' ||
+    process.env.TERM_PROGRAM === 'konsole' ||
+    process.env.TERM_PROGRAM === 'foot'
+  ),
+  supportsUnicode: true,
+}
+
+function App() {
+  const { exit } = useApp()
+
+  useEffect(() => {
+    const timer = setTimeout(() => exit(), 3000)
+    return () => clearTimeout(timer)
+  }, [exit])
+
+  return (
+    <Box flexDirection="column">
+      <InkPictureProvider terminalInfo={terminalInfo}>
+        <Image src={IMAGE_PATH} width={imgWidth} height={imgHeight} alt="3god" />
+      </InkPictureProvider>
+    </Box>
+  )
+}
+
+const { waitUntilExit } = render(<App />)
+await waitUntilExit()

src/tools/ImageShowTool/__tests__/ShowUrlImage.test.tsx

@@ -0,0 +1,53 @@
+#!/usr/bin/env bun
+/**
+ * Visual test: display a remote image using ink-picture + Ink.
+ *
+ * Usage:
+ *   bun run src/tools/ImageShowTool/__tests__/ShowUrlImage.test.tsx
+ */
+
+import React, { useEffect } from 'react'
+import { render, Box, Text, useApp } from 'ink'
+import Image, { InkPictureProvider, type TerminalInfo } from 'src/ink-picture/index.ts'
+
+const IMAGE_URL =
+  'https://kimi-web-img.moonshot.cn/img/images.pexels.com/8f909bffa5353ba43aac1db1f83b1bf5450a8cd5.jpeg'
+
+const cols = process.stdout.columns ?? 80
+const rows = process.stdout.rows ?? 40
+const imgWidth = Math.floor(cols * 0.6)
+const imgHeight = Math.floor(rows * 0.4)
+
+const terminalInfo: Partial<TerminalInfo> = {
+  supportsKittyGraphics: !!(
+    process.env.TERM?.includes('kitty') ||
+    process.env.KITTY_WINDOW_ID ||
+    process.env.TERM_PROGRAM === 'kitty' ||
+    process.env.TERM_PROGRAM === 'ghostty' ||
+    process.env.TERM_PROGRAM === 'WezTerm' ||
+    process.env.TERM_PROGRAM === 'konsole' ||
+    process.env.TERM_PROGRAM === 'foot'
+  ),
+  supportsUnicode: true,
+}
+
+function App() {
+  const { exit } = useApp()
+
+  useEffect(() => {
+    // Longer timeout for remote image (network fetch)
+    const timer = setTimeout(() => exit(), 15000)
+    return () => clearTimeout(timer)
+  }, [exit])
+
+  return (
+    <Box flexDirection="column">
+      <InkPictureProvider terminalInfo={terminalInfo}>
+        <Image src={IMAGE_URL} width={imgWidth} height={imgHeight} alt="remote" />
+      </InkPictureProvider>
+    </Box>
+  )
+}
+
+const { waitUntilExit } = render(<App />)
+await waitUntilExit()

tsconfig.json

@@ -10,7 +10,9 @@
     "types": ["bun"],
     "baseUrl": ".",
     "paths": {
-      "src/*": ["src/*"]
+      "src/*": ["src/*"],
+      "ink-picture": ["src/ink-picture"],
+      "ink-picture/*": ["src/ink-picture/*"]
     },
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,