diff --git a/dashboard/package.json b/dashboard/package.json
index 378db80..c71bfad 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -22,7 +22,9 @@
"@electron-toolkit/utils": "^4.0.0",
"react-icons": "^5.5.0",
"react-router-dom": "^7.7.0",
- "sass": "^1.89.2"
+ "robotjs": "^0.6.0",
+ "sass": "^1.89.2",
+ "tesseract.js": "^6.0.1"
},
"devDependencies": {
"@electron-toolkit/eslint-config": "^2.0.0",
diff --git a/dashboard/pnpm-lock.yaml b/dashboard/pnpm-lock.yaml
index 036c9f1..ed83b33 100644
--- a/dashboard/pnpm-lock.yaml
+++ b/dashboard/pnpm-lock.yaml
@@ -20,9 +20,15 @@ importers:
react-router-dom:
specifier: ^7.7.0
version: 7.7.0(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+ robotjs:
+ specifier: ^0.6.0
+ version: 0.6.0
sass:
specifier: ^1.89.2
version: 1.89.2
+ tesseract.js:
+ specifier: ^6.0.1
+ version: 6.0.1(encoding@0.1.13)
devDependencies:
'@electron-toolkit/eslint-config':
specifier: ^2.0.0
@@ -782,6 +788,10 @@ packages:
ajv@6.12.6:
resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+ ansi-regex@2.1.1:
+ resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+ engines: {node: '>=0.10.0'}
+
ansi-regex@5.0.1:
resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
engines: {node: '>=8'}
@@ -808,6 +818,9 @@ packages:
dmg-builder: 25.1.8
electron-builder-squirrel-windows: 25.1.8
+ aproba@1.2.0:
+ resolution: {integrity: sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==}
+
aproba@2.1.0:
resolution: {integrity: sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==}
@@ -823,6 +836,10 @@ packages:
resolution: {integrity: sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw==}
engines: {node: '>= 10'}
+ are-we-there-yet@1.1.7:
+ resolution: {integrity: sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==}
+ deprecated: This package is no longer supported.
+
are-we-there-yet@3.0.1:
resolution: {integrity: sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==}
engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -904,6 +921,9 @@ packages:
bluebird@3.7.2:
resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+ bmp-js@0.1.0:
+ resolution: {integrity: sha512-vHdS19CnY3hwiNdkaqk93DvjVLfbEcI8mys4UjuWrlX1haDmroo8o4xCzh4wD6DGV6HxRCyauwhHRqMTfERtjw==}
+
boolean@3.2.0:
resolution: {integrity: sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==}
deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
@@ -982,6 +1002,9 @@ packages:
resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
engines: {node: '>= 14.16.0'}
+ chownr@1.1.4:
+ resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
chownr@2.0.0:
resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
engines: {node: '>=10'}
@@ -1020,6 +1043,10 @@ packages:
resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
engines: {node: '>=0.8'}
+ code-point-at@1.1.0:
+ resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==}
+ engines: {node: '>=0.10.0'}
+
color-convert@2.0.1:
resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
engines: {node: '>=7.0.0'}
@@ -1106,10 +1133,18 @@ packages:
supports-color:
optional: true
+ decompress-response@4.2.1:
+ resolution: {integrity: sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==}
+ engines: {node: '>=8'}
+
decompress-response@6.0.0:
resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
engines: {node: '>=10'}
+ deep-extend@0.6.0:
+ resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+ engines: {node: '>=4.0.0'}
+
deep-is@0.1.4:
resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
@@ -1359,6 +1394,10 @@ packages:
resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
engines: {node: '>=0.10.0'}
+ expand-template@2.0.3:
+ resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+ engines: {node: '>=6'}
+
exponential-backoff@3.1.2:
resolution: {integrity: sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==}
@@ -1469,6 +1508,10 @@ packages:
functions-have-names@1.2.3:
resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+ gauge@2.7.4:
+ resolution: {integrity: sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==}
+ deprecated: This package is no longer supported.
+
gauge@4.0.4:
resolution: {integrity: sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==}
engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -1498,6 +1541,9 @@ packages:
resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
engines: {node: '>= 0.4'}
+ github-from-package@0.0.0:
+ resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
glob-parent@6.0.2:
resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
engines: {node: '>=10.13.0'}
@@ -1611,6 +1657,9 @@ packages:
resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
engines: {node: '>=0.10.0'}
+ idb-keyval@6.2.2:
+ resolution: {integrity: sha512-yjD9nARJ/jb1g+CvD0tlhUHOrJ9Sy0P8T9MF3YaLlHnSRpwPfpTX0XIvpmw3gAJUmEu3FiICLBDPXVwyEvrleg==}
+
ieee754@1.2.1:
resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
@@ -1643,6 +1692,9 @@ packages:
inherits@2.0.4:
resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+ ini@1.3.8:
+ resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
internal-slot@1.1.0:
resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
engines: {node: '>= 0.4'}
@@ -1695,6 +1747,10 @@ packages:
resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
engines: {node: '>= 0.4'}
+ is-fullwidth-code-point@1.0.0:
+ resolution: {integrity: sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==}
+ engines: {node: '>=0.10.0'}
+
is-fullwidth-code-point@3.0.0:
resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
engines: {node: '>=8'}
@@ -1758,6 +1814,9 @@ packages:
resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
engines: {node: '>=10'}
+ is-url@1.2.4:
+ resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+
is-weakmap@2.0.2:
resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
engines: {node: '>= 0.4'}
@@ -1946,6 +2005,10 @@ packages:
resolution: {integrity: sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==}
engines: {node: '>=4'}
+ mimic-response@2.1.0:
+ resolution: {integrity: sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==}
+ engines: {node: '>=8'}
+
mimic-response@3.1.0:
resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
engines: {node: '>=10'}
@@ -2004,6 +2067,9 @@ packages:
resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
engines: {node: '>= 8'}
+ mkdirp-classic@0.5.3:
+ resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
mkdirp@1.0.4:
resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
engines: {node: '>=10'}
@@ -2012,11 +2078,17 @@ packages:
ms@2.1.3:
resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+ nan@2.23.0:
+ resolution: {integrity: sha512-1UxuyYGdoQHcGg87Lkqm3FzefucTa0NAiOcuRsDmysep3c1LVCRK2krrUDafMWtjSG04htvAmvg96+SDknOmgQ==}
+
nanoid@3.3.11:
resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
hasBin: true
+ napi-build-utils@1.0.2:
+ resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+
natural-compare@1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
@@ -2024,6 +2096,9 @@ packages:
resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
engines: {node: '>= 0.6'}
+ node-abi@2.30.1:
+ resolution: {integrity: sha512-/2D0wOQPgaUWzVSVgRMx+trKJRC2UG4SUc4oCJoXx9Uxjtp0Vy3/kt7zcbxHF8+Z/pK3UloLWzBISg72brfy1w==}
+
node-abi@3.75.0:
resolution: {integrity: sha512-OhYaY5sDsIka7H7AtijtI9jwGYLyl29eQn/W623DiN/MIv5sUqc4g7BIDThX+gb7di9f6xK02nkp8sdfFWZLTg==}
engines: {node: '>=10'}
@@ -2037,6 +2112,15 @@ packages:
node-api-version@0.2.1:
resolution: {integrity: sha512-2xP/IGGMmmSQpI1+O/k72jF/ykvZ89JeuKX3TLJAYPDVLUalrshrLHkeVcCCZqG/eEa635cr8IBYzgnDvM2O8Q==}
+ node-fetch@2.7.0:
+ resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+ engines: {node: 4.x || >=6.0.0}
+ peerDependencies:
+ encoding: ^0.1.0
+ peerDependenciesMeta:
+ encoding:
+ optional: true
+
node-gyp@9.4.1:
resolution: {integrity: sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ==}
engines: {node: ^12.13 || ^14.13 || >=16}
@@ -2045,6 +2129,9 @@ packages:
node-releases@2.0.19:
resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+ noop-logger@0.1.1:
+ resolution: {integrity: sha512-6kM8CLXvuW5crTxsAtva2YLrRrDaiTIkIePWs9moLHqbFWT94WpNFjwS/5dfLfECg5i/lkmw3aoqVidxt23TEQ==}
+
nopt@6.0.0:
resolution: {integrity: sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==}
engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -2058,11 +2145,19 @@ packages:
resolution: {integrity: sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==}
engines: {node: '>=10'}
+ npmlog@4.1.2:
+ resolution: {integrity: sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==}
+ deprecated: This package is no longer supported.
+
npmlog@6.0.2:
resolution: {integrity: sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==}
engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
deprecated: This package is no longer supported.
+ number-is-nan@1.0.1:
+ resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
+ engines: {node: '>=0.10.0'}
+
object-assign@4.1.1:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'}
@@ -2098,6 +2193,10 @@ packages:
resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
engines: {node: '>=6'}
+ opencollective-postinstall@2.0.3:
+ resolution: {integrity: sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==}
+ hasBin: true
+
optionator@0.9.4:
resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
engines: {node: '>= 0.8.0'}
@@ -2182,6 +2281,11 @@ packages:
resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
engines: {node: ^10 || ^12 || >=14}
+ prebuild-install@5.3.6:
+ resolution: {integrity: sha512-s8Aai8++QQGi4sSbs/M1Qku62PFK49Jm1CbgXklGz4nmHveDq0wzJkg7Na5QbnO1uNH8K7iqx2EQ/mV0MZEmOg==}
+ engines: {node: '>=6'}
+ hasBin: true
+
prelude-ls@1.2.1:
resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
engines: {node: '>= 0.8.0'}
@@ -2228,6 +2332,10 @@ packages:
resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
engines: {node: '>=10'}
+ rc@1.2.8:
+ resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+ hasBin: true
+
react-dom@19.1.0:
resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
peerDependencies:
@@ -2288,6 +2396,9 @@ packages:
resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
engines: {node: '>= 0.4'}
+ regenerator-runtime@0.13.11:
+ resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+
regexp.prototype.flags@1.5.4:
resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
engines: {node: '>= 0.4'}
@@ -2331,6 +2442,9 @@ packages:
resolution: {integrity: sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==}
engines: {node: '>=8.0'}
+ robotjs@0.6.0:
+ resolution: {integrity: sha512-6pRWI3d+CBZqCXT/rsJfabbZoELua+jTeXilG27F8Jvix/J2BYZ0O7Tly2WCmXyqw5xYdCvOwvCeLRHEtXkt4w==}
+
rollup@4.45.1:
resolution: {integrity: sha512-4iya7Jb76fVpQyLoiVpzUrsjQ12r3dM7fIVz+4NwoYvZOShknRmiv+iu9CClZml5ZLGb0XMcYLutK6w9tgxHDw==}
engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -2374,6 +2488,10 @@ packages:
semver-compare@1.0.0:
resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
+ semver@5.7.2:
+ resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+ hasBin: true
+
semver@6.3.1:
resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
hasBin: true
@@ -2436,6 +2554,12 @@ packages:
resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
engines: {node: '>=14'}
+ simple-concat@1.0.1:
+ resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+ simple-get@3.1.1:
+ resolution: {integrity: sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==}
+
simple-update-notifier@2.0.0:
resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
engines: {node: '>=10'}
@@ -2482,6 +2606,10 @@ packages:
resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
engines: {node: '>= 0.4'}
+ string-width@1.0.2:
+ resolution: {integrity: sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==}
+ engines: {node: '>=0.10.0'}
+
string-width@4.2.3:
resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
engines: {node: '>=8'}
@@ -2515,6 +2643,10 @@ packages:
string_decoder@1.3.0:
resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+ strip-ansi@3.0.1:
+ resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+ engines: {node: '>=0.10.0'}
+
strip-ansi@6.0.1:
resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
engines: {node: '>=8'}
@@ -2523,6 +2655,10 @@ packages:
resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
engines: {node: '>=12'}
+ strip-json-comments@2.0.1:
+ resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+ engines: {node: '>=0.10.0'}
+
strip-json-comments@3.1.1:
resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
engines: {node: '>=8'}
@@ -2543,6 +2679,9 @@ packages:
resolution: {integrity: sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==}
engines: {node: ^14.18.0 || >=16.0.0}
+ tar-fs@2.1.3:
+ resolution: {integrity: sha512-090nwYJDmlhwFwEW3QQl+vaNnxsO2yVsd45eTKRBzSzu+hlb1w2K9inVq5b0ngXuLVqQ4ApvsUHHnu/zQNkWAg==}
+
tar-stream@2.2.0:
resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
engines: {node: '>=6'}
@@ -2554,6 +2693,12 @@ packages:
temp-file@3.4.0:
resolution: {integrity: sha512-C5tjlC/HCtVUOi3KWVokd4vHVViOmGjtLwIh4MuzPo/nMYTV/p1urt3RnMz2IWXDdKEGJH3k5+KPxtqRsUYGtg==}
+ tesseract.js-core@6.0.0:
+ resolution: {integrity: sha512-1Qncm/9oKM7xgrQXZXNB+NRh19qiXGhxlrR8EwFbK5SaUbPZnS5OMtP/ghtqfd23hsr1ZvZbZjeuAGcMxd/ooA==}
+
+ tesseract.js@6.0.1:
+ resolution: {integrity: sha512-/sPvMvrCtgxnNRCjbTYbr7BRu0yfWDsMZQ2a/T5aN/L1t8wUQN6tTWv6p6FwzpoEBA0jrN2UD2SX4QQFRdoDbA==}
+
tinyglobby@0.2.14:
resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
engines: {node: '>=12.0.0'}
@@ -2569,9 +2714,15 @@ packages:
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
engines: {node: '>=8.0'}
+ tr46@0.0.3:
+ resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
truncate-utf8-bytes@1.0.2:
resolution: {integrity: sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==}
+ tunnel-agent@0.6.0:
+ resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
type-check@0.4.0:
resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
engines: {node: '>= 0.8.0'}
@@ -2686,9 +2837,18 @@ packages:
yaml:
optional: true
+ wasm-feature-detect@1.8.0:
+ resolution: {integrity: sha512-zksaLKM2fVlnB5jQQDqKXXwYHLQUVH9es+5TOOHwGOVJOCeRBCiPjwSg+3tN2AdTCzjgli4jijCH290kXb/zWQ==}
+
wcwidth@1.0.1:
resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+ webidl-conversions@3.0.1:
+ resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+ whatwg-url@5.0.0:
+ resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
which-boxed-primitive@1.1.1:
resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
engines: {node: '>= 0.4'}
@@ -2701,6 +2861,10 @@ packages:
resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
engines: {node: '>= 0.4'}
+ which-pm-runs@1.1.0:
+ resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+ engines: {node: '>=4'}
+
which-typed-array@1.1.19:
resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
engines: {node: '>= 0.4'}
@@ -2761,6 +2925,9 @@ packages:
resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
engines: {node: '>= 10'}
+ zlibjs@0.3.1:
+ resolution: {integrity: sha512-+J9RrgTKOmlxFSDHo0pI1xM6BLVUv+o0ZT9ANtCxGkjIVCCUdx9alUF8Gm+dGLKbkkkidWIHFDZHDMpfITt4+w==}
+
snapshots:
7zip-bin@5.2.0: {}
@@ -3435,6 +3602,8 @@ snapshots:
json-schema-traverse: 0.4.1
uri-js: 4.4.1
+ ansi-regex@2.1.1: {}
+
ansi-regex@5.0.1: {}
ansi-regex@6.1.0: {}
@@ -3487,6 +3656,8 @@ snapshots:
- bluebird
- supports-color
+ aproba@1.2.0: {}
+
aproba@2.1.0: {}
archiver-utils@2.1.0:
@@ -3525,6 +3696,11 @@ snapshots:
tar-stream: 2.2.0
zip-stream: 4.1.1
+ are-we-there-yet@1.1.7:
+ dependencies:
+ delegates: 1.0.0
+ readable-stream: 2.3.8
+
are-we-there-yet@3.0.1:
dependencies:
delegates: 1.0.0
@@ -3625,6 +3801,8 @@ snapshots:
bluebird@3.7.2: {}
+ bmp-js@0.1.0: {}
+
boolean@3.2.0:
optional: true
@@ -3753,6 +3931,8 @@ snapshots:
dependencies:
readdirp: 4.1.2
+ chownr@1.1.4: {}
+
chownr@2.0.0: {}
chromium-pickle-js@0.2.0: {}
@@ -3785,6 +3965,8 @@ snapshots:
clone@1.0.4: {}
+ code-point-at@1.1.0: {}
+
color-convert@2.0.1:
dependencies:
color-name: 1.1.4
@@ -3866,10 +4048,16 @@ snapshots:
dependencies:
ms: 2.1.3
+ decompress-response@4.2.1:
+ dependencies:
+ mimic-response: 2.1.0
+
decompress-response@6.0.0:
dependencies:
mimic-response: 3.1.0
+ deep-extend@0.6.0: {}
+
deep-is@0.1.4: {}
defaults@1.0.4:
@@ -3894,8 +4082,7 @@ snapshots:
delegates@1.0.0: {}
- detect-libc@1.0.3:
- optional: true
+ detect-libc@1.0.3: {}
detect-libc@2.0.4: {}
@@ -4282,6 +4469,8 @@ snapshots:
esutils@2.0.3: {}
+ expand-template@2.0.3: {}
+
exponential-backoff@3.1.2: {}
extract-zip@2.0.1:
@@ -4404,6 +4593,17 @@ snapshots:
functions-have-names@1.2.3: {}
+ gauge@2.7.4:
+ dependencies:
+ aproba: 1.2.0
+ console-control-strings: 1.1.0
+ has-unicode: 2.0.1
+ object-assign: 4.1.1
+ signal-exit: 3.0.7
+ string-width: 1.0.2
+ strip-ansi: 3.0.1
+ wide-align: 1.1.5
+
gauge@4.0.4:
dependencies:
aproba: 2.1.0
@@ -4447,6 +4647,8 @@ snapshots:
es-errors: 1.3.0
get-intrinsic: 1.3.0
+ github-from-package@0.0.0: {}
+
glob-parent@6.0.2:
dependencies:
is-glob: 4.0.3
@@ -4592,6 +4794,8 @@ snapshots:
dependencies:
safer-buffer: 2.1.2
+ idb-keyval@6.2.2: {}
+
ieee754@1.2.1: {}
ignore@5.3.2: {}
@@ -4616,6 +4820,8 @@ snapshots:
inherits@2.0.4: {}
+ ini@1.3.8: {}
+
internal-slot@1.1.0:
dependencies:
es-errors: 1.3.0
@@ -4677,6 +4883,10 @@ snapshots:
dependencies:
call-bound: 1.0.4
+ is-fullwidth-code-point@1.0.0:
+ dependencies:
+ number-is-nan: 1.0.1
+
is-fullwidth-code-point@3.0.0: {}
is-generator-function@1.1.0:
@@ -4736,6 +4946,8 @@ snapshots:
is-unicode-supported@0.1.0: {}
+ is-url@1.2.4: {}
+
is-weakmap@2.0.2: {}
is-weakref@1.1.1:
@@ -4924,6 +5136,8 @@ snapshots:
mimic-response@1.0.1: {}
+ mimic-response@2.1.0: {}
+
mimic-response@3.1.0: {}
minimatch@10.0.3:
@@ -4981,16 +5195,26 @@ snapshots:
minipass: 3.3.6
yallist: 4.0.0
+ mkdirp-classic@0.5.3: {}
+
mkdirp@1.0.4: {}
ms@2.1.3: {}
+ nan@2.23.0: {}
+
nanoid@3.3.11: {}
+ napi-build-utils@1.0.2: {}
+
natural-compare@1.4.0: {}
negotiator@0.6.4: {}
+ node-abi@2.30.1:
+ dependencies:
+ semver: 5.7.2
+
node-abi@3.75.0:
dependencies:
semver: 7.7.2
@@ -5005,6 +5229,12 @@ snapshots:
dependencies:
semver: 7.7.2
+ node-fetch@2.7.0(encoding@0.1.13):
+ dependencies:
+ whatwg-url: 5.0.0
+ optionalDependencies:
+ encoding: 0.1.13
+
node-gyp@9.4.1:
dependencies:
env-paths: 2.2.1
@@ -5024,6 +5254,8 @@ snapshots:
node-releases@2.0.19: {}
+ noop-logger@0.1.1: {}
+
nopt@6.0.0:
dependencies:
abbrev: 1.1.1
@@ -5032,6 +5264,13 @@ snapshots:
normalize-url@6.1.0: {}
+ npmlog@4.1.2:
+ dependencies:
+ are-we-there-yet: 1.1.7
+ console-control-strings: 1.1.0
+ gauge: 2.7.4
+ set-blocking: 2.0.0
+
npmlog@6.0.2:
dependencies:
are-we-there-yet: 3.0.1
@@ -5039,6 +5278,8 @@ snapshots:
gauge: 4.0.4
set-blocking: 2.0.0
+ number-is-nan@1.0.1: {}
+
object-assign@4.1.1: {}
object-inspect@1.13.4: {}
@@ -5083,6 +5324,8 @@ snapshots:
dependencies:
mimic-fn: 2.1.0
+ opencollective-postinstall@2.0.3: {}
+
optionator@0.9.4:
dependencies:
deep-is: 0.1.4
@@ -5168,6 +5411,24 @@ snapshots:
picocolors: 1.1.1
source-map-js: 1.2.1
+ prebuild-install@5.3.6:
+ dependencies:
+ detect-libc: 1.0.3
+ expand-template: 2.0.3
+ github-from-package: 0.0.0
+ minimist: 1.2.8
+ mkdirp-classic: 0.5.3
+ napi-build-utils: 1.0.2
+ node-abi: 2.30.1
+ noop-logger: 0.1.1
+ npmlog: 4.1.2
+ pump: 3.0.3
+ rc: 1.2.8
+ simple-get: 3.1.1
+ tar-fs: 2.1.3
+ tunnel-agent: 0.6.0
+ which-pm-runs: 1.1.0
+
prelude-ls@1.2.1: {}
prettier-linter-helpers@1.0.0:
@@ -5202,6 +5463,13 @@ snapshots:
quick-lru@5.1.1: {}
+ rc@1.2.8:
+ dependencies:
+ deep-extend: 0.6.0
+ ini: 1.3.8
+ minimist: 1.2.8
+ strip-json-comments: 2.0.1
+
react-dom@19.1.0(react@19.1.0):
dependencies:
react: 19.1.0
@@ -5270,6 +5538,8 @@ snapshots:
get-proto: 1.0.1
which-builtin-type: 1.2.1
+ regenerator-runtime@0.13.11: {}
+
regexp.prototype.flags@1.5.4:
dependencies:
call-bind: 1.0.8
@@ -5320,6 +5590,12 @@ snapshots:
sprintf-js: 1.1.3
optional: true
+ robotjs@0.6.0:
+ dependencies:
+ nan: 2.23.0
+ node-abi: 2.30.1
+ prebuild-install: 5.3.6
+
rollup@4.45.1:
dependencies:
'@types/estree': 1.0.8
@@ -5390,6 +5666,8 @@ snapshots:
semver-compare@1.0.0:
optional: true
+ semver@5.7.2: {}
+
semver@6.3.1: {}
semver@7.7.2: {}
@@ -5463,6 +5741,14 @@ snapshots:
signal-exit@4.1.0: {}
+ simple-concat@1.0.1: {}
+
+ simple-get@3.1.1:
+ dependencies:
+ decompress-response: 4.2.1
+ once: 1.4.0
+ simple-concat: 1.0.1
+
simple-update-notifier@2.0.0:
dependencies:
semver: 7.7.2
@@ -5511,6 +5797,12 @@ snapshots:
es-errors: 1.3.0
internal-slot: 1.1.0
+ string-width@1.0.2:
+ dependencies:
+ code-point-at: 1.1.0
+ is-fullwidth-code-point: 1.0.0
+ strip-ansi: 3.0.1
+
string-width@4.2.3:
dependencies:
emoji-regex: 8.0.0
@@ -5575,6 +5867,10 @@ snapshots:
dependencies:
safe-buffer: 5.2.1
+ strip-ansi@3.0.1:
+ dependencies:
+ ansi-regex: 2.1.1
+
strip-ansi@6.0.1:
dependencies:
ansi-regex: 5.0.1
@@ -5583,6 +5879,8 @@ snapshots:
dependencies:
ansi-regex: 6.1.0
+ strip-json-comments@2.0.1: {}
+
strip-json-comments@3.1.1: {}
sumchecker@3.0.1:
@@ -5601,6 +5899,13 @@ snapshots:
dependencies:
'@pkgr/core': 0.2.7
+ tar-fs@2.1.3:
+ dependencies:
+ chownr: 1.1.4
+ mkdirp-classic: 0.5.3
+ pump: 3.0.3
+ tar-stream: 2.2.0
+
tar-stream@2.2.0:
dependencies:
bl: 4.1.0
@@ -5623,6 +5928,22 @@ snapshots:
async-exit-hook: 2.0.1
fs-extra: 10.1.0
+ tesseract.js-core@6.0.0: {}
+
+ tesseract.js@6.0.1(encoding@0.1.13):
+ dependencies:
+ bmp-js: 0.1.0
+ idb-keyval: 6.2.2
+ is-url: 1.2.4
+ node-fetch: 2.7.0(encoding@0.1.13)
+ opencollective-postinstall: 2.0.3
+ regenerator-runtime: 0.13.11
+ tesseract.js-core: 6.0.0
+ wasm-feature-detect: 1.8.0
+ zlibjs: 0.3.1
+ transitivePeerDependencies:
+ - encoding
+
tinyglobby@0.2.14:
dependencies:
fdir: 6.4.6(picomatch@4.0.3)
@@ -5639,10 +5960,16 @@ snapshots:
is-number: 7.0.0
optional: true
+ tr46@0.0.3: {}
+
truncate-utf8-bytes@1.0.2:
dependencies:
utf8-byte-length: 1.0.5
+ tunnel-agent@0.6.0:
+ dependencies:
+ safe-buffer: 5.2.1
+
type-check@0.4.0:
dependencies:
prelude-ls: 1.2.1
@@ -5742,10 +6069,19 @@ snapshots:
fsevents: 2.3.3
sass: 1.89.2
+ wasm-feature-detect@1.8.0: {}
+
wcwidth@1.0.1:
dependencies:
defaults: 1.0.4
+ webidl-conversions@3.0.1: {}
+
+ whatwg-url@5.0.0:
+ dependencies:
+ tr46: 0.0.3
+ webidl-conversions: 3.0.1
+
which-boxed-primitive@1.1.1:
dependencies:
is-bigint: 1.1.0
@@ -5777,6 +6113,8 @@ snapshots:
is-weakmap: 2.0.2
is-weakset: 2.0.4
+ which-pm-runs@1.1.0: {}
+
which-typed-array@1.1.19:
dependencies:
available-typed-arrays: 1.0.7
@@ -5843,3 +6181,5 @@ snapshots:
archiver-utils: 3.0.4
compress-commons: 4.1.2
readable-stream: 3.6.2
+
+ zlibjs@0.3.1: {}
diff --git a/dashboard/src/main/index.js b/dashboard/src/main/index.js
index 56aacb7..cd683e2 100644
--- a/dashboard/src/main/index.js
+++ b/dashboard/src/main/index.js
@@ -3,8 +3,10 @@ import { join } from 'path'
import { electronApp, optimizer, is } from '@electron-toolkit/utils'
import icon from '../../resources/icon.png?asset'
+let mainWindow
+
const createWindow = () => {
- const mainWindow = new BrowserWindow({
+ mainWindow = new BrowserWindow({
width: 900,
height: 670,
show: false,
@@ -12,7 +14,9 @@ const createWindow = () => {
...(process.platform === 'linux' ? { icon } : {}),
webPreferences: {
preload: join(__dirname, '../preload/index.js'),
- sandbox: false
+ sandbox: false,
+ nodeIntegration: false,
+ contextIsolation: true
}
})
@@ -32,6 +36,35 @@ const createWindow = () => {
}
}
+// IPC handlers for input overlay
+ipcMain.on('show-input-overlay', (event, data) => {
+ if (mainWindow) {
+ mainWindow.webContents.send('show-input-overlay', data)
+ }
+})
+
+ipcMain.on('hide-input-overlay', () => {
+ if (mainWindow) {
+ mainWindow.webContents.send('hide-input-overlay')
+ }
+})
+
+ipcMain.on('input-overlay-submit', (event, data) => {
+ console.log('Input overlay submit:', data)
+ // You can handle the submitted input here
+ // For example, send it to other parts of your application
+})
+
+// Function to show input overlay (can be called globally)
+const showInputOverlay = (options = {}) => {
+ if (mainWindow) {
+ mainWindow.webContents.send('show-input-overlay', options)
+ }
+}
+
+// Export for potential use by other modules
+global.showInputOverlay = showInputOverlay
+
app.whenReady().then(() => {
electronApp.setAppUserModelId('com.electron')
diff --git a/dashboard/src/preload/index.js b/dashboard/src/preload/index.js
index 122fde5..e33f43d 100644
--- a/dashboard/src/preload/index.js
+++ b/dashboard/src/preload/index.js
@@ -1,7 +1,17 @@
-import { contextBridge } from 'electron'
+import { contextBridge, ipcRenderer } from 'electron'
import { electronAPI } from '@electron-toolkit/preload'
-const api = {}
+const api = {
+ // Input overlay API
+ showInputOverlay: (options) => ipcRenderer.send('show-input-overlay', options),
+ hideInputOverlay: () => ipcRenderer.send('hide-input-overlay'),
+ onInputOverlayShow: (callback) => ipcRenderer.on('show-input-overlay', callback),
+ onInputOverlayHide: (callback) => ipcRenderer.on('hide-input-overlay', callback),
+ removeInputOverlayListeners: () => {
+ ipcRenderer.removeAllListeners('show-input-overlay')
+ ipcRenderer.removeAllListeners('hide-input-overlay')
+ }
+}
if (process.contextIsolated) {
try {
diff --git a/dashboard/src/renderer/index.html b/dashboard/src/renderer/index.html
index d9a8c51..4df34db 100644
--- a/dashboard/src/renderer/index.html
+++ b/dashboard/src/renderer/index.html
@@ -3,10 +3,7 @@
OpenWall
-
+
diff --git a/dashboard/src/renderer/src/App.jsx b/dashboard/src/renderer/src/App.jsx
index d171581..cd00a11 100644
--- a/dashboard/src/renderer/src/App.jsx
+++ b/dashboard/src/renderer/src/App.jsx
@@ -4,6 +4,7 @@ import Calendar from './pages/Calendar'
import Shopping from './pages/Shopping'
import Notes from './pages/Notes'
import Search from './pages/Search'
+import InputOverlay from './components/InputOverlay'
// Configuration
const BACKGROUND_IMAGE_URL = 'https://cdn.pixabay.com/photo/2018/11/19/03/26/iceland-3824494_1280.jpg'
@@ -30,6 +31,7 @@ const App = () => {
} />
+
)
diff --git a/dashboard/src/renderer/src/components/InputDemo/InputDemo.jsx b/dashboard/src/renderer/src/components/InputDemo/InputDemo.jsx
new file mode 100644
index 0000000..56a22c9
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputDemo/InputDemo.jsx
@@ -0,0 +1,97 @@
+import { useState, useEffect } from 'react'
+import { showInputOverlay, setupAutoInputOverlay, onInputOverlaySubmit } from '../../utils/InputOverlayHelper'
+import './InputDemo.sass'
+
+const InputDemo = () => {
+ const [manualInput, setManualInput] = useState('')
+ const [autoInput, setAutoInput] = useState('')
+
+ useEffect(() => {
+ // Setup automatic input overlay for focused elements
+ const cleanupAutoOverlay = setupAutoInputOverlay()
+
+ // Listen for input overlay submissions
+ const cleanupSubmitListener = onInputOverlaySubmit((data) => {
+ console.log('Input overlay submitted:', data)
+ })
+
+ return () => {
+ cleanupAutoOverlay()
+ cleanupSubmitListener()
+ }
+ }, [])
+
+ const handleManualTrigger = () => {
+ showInputOverlay({
+ targetElement: null,
+ initialValue: manualInput,
+ preferredMode: 'keyboard'
+ })
+ }
+
+ const handleDrawingTrigger = () => {
+ showInputOverlay({
+ targetElement: null,
+ initialValue: manualInput,
+ preferredMode: 'drawing'
+ })
+ }
+
+ return (
+
+
🎯 Intelligente Eingabehilfe
+
+
+
⚡ Automatische Aktivierung
+
Klicken Sie in die Eingabefelder unten, um die Eingabehilfe automatisch zu öffnen:
+
setAutoInput(e.target.value)}
+ className="demo-input"
+ />
+
+
+
+
🎮 Manuelle Steuerung
+
Verwenden Sie die Buttons unten, um die Eingabehilfe manuell zu öffnen:
+
+
+
+
+
setManualInput(e.target.value)}
+ className="demo-input"
+ readOnly
+ />
+
+
+
+
📖 Funktionen
+
+ - Die Eingabehilfe öffnet sich automatisch bei Fokus auf Eingabefelder
+ - Wählen Sie zwischen Tastatur-Eingabe und Handschrift-Erkennung
+ - Die OCR unterstützt deutsche Texterkennung mit Tesseract.js
+ - Verwenden Sie ESC zum Schließen oder klicken Sie außerhalb der Eingabehilfe
+ - Vollständig responsive für Touch-Displays und mobile Geräte
+
+
+
+ )
+}
+
+export default InputDemo
diff --git a/dashboard/src/renderer/src/components/InputDemo/InputDemo.sass b/dashboard/src/renderer/src/components/InputDemo/InputDemo.sass
new file mode 100644
index 0000000..875330f
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputDemo/InputDemo.sass
@@ -0,0 +1,175 @@
+.input-demo
+ padding: 32px
+ max-width: 900px
+ margin: 0 auto
+
+ h3
+ color: rgba(255, 255, 255, 0.95)
+ margin-bottom: 32px
+ font-size: 28px
+ font-weight: 700
+ text-align: center
+ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
+
+ h4
+ color: rgba(255, 255, 255, 0.9)
+ margin: 32px 0 16px 0
+ font-size: 20px
+ font-weight: 600
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
+
+.demo-section
+ margin-bottom: 40px
+ padding: 32px
+ background: rgba(255, 255, 255, 0.1)
+ backdrop-filter: blur(20px)
+ -webkit-backdrop-filter: blur(20px)
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ border-radius: 20px
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+
+ p
+ color: rgba(255, 255, 255, 0.8)
+ margin-bottom: 24px
+ font-size: 16px
+ line-height: 1.6
+
+.demo-input, .demo-textarea
+ width: 100%
+ padding: 16px 20px
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ border-radius: 16px
+ font-size: 15px
+ margin-bottom: 16px
+ background: rgba(255, 255, 255, 0.1)
+ color: rgba(255, 255, 255, 0.95)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+
+ &::placeholder
+ color: rgba(255, 255, 255, 0.5)
+
+ &:focus
+ outline: none
+ border-color: rgba(59, 130, 246, 0.5)
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 15px rgba(0, 0, 0, 0.15)
+ background: rgba(255, 255, 255, 0.15)
+ transform: translateY(-1px)
+
+.demo-textarea
+ min-height: 100px
+ resize: vertical
+
+.demo-controls
+ display: flex
+ gap: 16px
+ margin-bottom: 24px
+
+.demo-btn
+ padding: 14px 24px
+ border: none
+ border-radius: 16px
+ cursor: pointer
+ font-size: 15px
+ font-weight: 500
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ position: relative
+ overflow: hidden
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+
+ &::before
+ content: ''
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
+ opacity: 0
+ transition: opacity 0.3s ease
+
+ &:hover
+ transform: translateY(-2px)
+
+ &::before
+ opacity: 1
+
+ &--keyboard
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(37, 99, 235, 0.8))
+ color: white
+ border: 1px solid rgba(59, 130, 246, 0.3)
+ box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &:hover
+ box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &--drawing
+ background: linear-gradient(135deg, rgba(34, 197, 94, 0.8), rgba(22, 163, 74, 0.8))
+ color: white
+ border: 1px solid rgba(34, 197, 94, 0.3)
+ box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &:hover
+ box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+.demo-usage
+ color: rgba(255, 255, 255, 0.8)
+ list-style: none
+ margin-left: 0
+ padding-left: 0
+
+ li
+ margin-bottom: 12px
+ padding-left: 24px
+ position: relative
+ line-height: 1.5
+
+ &::before
+ content: '✨'
+ position: absolute
+ left: 0
+ top: 0
+ font-size: 16px
+
+@media (max-width: 768px)
+ .input-demo
+ padding: 24px 20px
+
+ .demo-section
+ padding: 24px 20px
+
+ .demo-controls
+ flex-direction: column
+
+ .demo-btn
+ width: 100%
+ padding: 12px 20px
+
+ h3
+ font-size: 24px
+
+ h4
+ font-size: 18px
+
+@media (max-width: 480px)
+ .input-demo
+ padding: 20px 16px
+
+ .demo-section
+ padding: 20px 16px
+ border-radius: 16px
+
+ .demo-input, .demo-textarea
+ padding: 12px 16px
+ border-radius: 12px
+
+ .demo-btn
+ padding: 10px 16px
+ font-size: 14px
+ border-radius: 12px
+
+ .demo-usage li
+ padding-left: 20px
diff --git a/dashboard/src/renderer/src/components/InputDemo/index.js b/dashboard/src/renderer/src/components/InputDemo/index.js
new file mode 100644
index 0000000..6318cf4
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputDemo/index.js
@@ -0,0 +1 @@
+export { default } from './InputDemo'
diff --git a/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.jsx b/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.jsx
new file mode 100644
index 0000000..e27ef87
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.jsx
@@ -0,0 +1,165 @@
+import { useRef, useState, useEffect } from 'react'
+import './DrawingCanvas.sass'
+
+const DrawingCanvas = ({ onDrawingComplete, disabled }) => {
+ const canvasRef = useRef(null)
+ const [isDrawing, setIsDrawing] = useState(false)
+ const [brushSize, setBrushSize] = useState(3)
+ const [hasDrawing, setHasDrawing] = useState(false)
+
+ useEffect(() => {
+ const canvas = canvasRef.current
+ if (!canvas) return
+
+ const ctx = canvas.getContext('2d')
+
+ // Set canvas size
+ canvas.width = canvas.offsetWidth
+ canvas.height = canvas.offsetHeight
+
+ // Set drawing styles
+ ctx.lineCap = 'round'
+ ctx.lineJoin = 'round'
+ ctx.fillStyle = 'white'
+ ctx.fillRect(0, 0, canvas.width, canvas.height)
+ ctx.strokeStyle = '#000000'
+ ctx.lineWidth = brushSize
+ }, [brushSize])
+
+ const startDrawing = (e) => {
+ if (disabled) return
+
+ setIsDrawing(true)
+ const canvas = canvasRef.current
+ const rect = canvas.getBoundingClientRect()
+ const x = e.clientX - rect.left
+ const y = e.clientY - rect.top
+
+ const ctx = canvas.getContext('2d')
+ ctx.beginPath()
+ ctx.moveTo(x, y)
+ }
+
+ const draw = (e) => {
+ if (!isDrawing || disabled) return
+
+ const canvas = canvasRef.current
+ const rect = canvas.getBoundingClientRect()
+ const x = e.clientX - rect.left
+ const y = e.clientY - rect.top
+
+ const ctx = canvas.getContext('2d')
+ ctx.lineTo(x, y)
+ ctx.stroke()
+
+ setHasDrawing(true)
+ }
+
+ const stopDrawing = () => {
+ setIsDrawing(false)
+ }
+
+ // Touch event handlers for mobile/tablet support
+ const handleTouchStart = (e) => {
+ e.preventDefault()
+ const touch = e.touches[0]
+ const mouseEvent = new MouseEvent('mousedown', {
+ clientX: touch.clientX,
+ clientY: touch.clientY
+ })
+ startDrawing(mouseEvent)
+ }
+
+ const handleTouchMove = (e) => {
+ e.preventDefault()
+ const touch = e.touches[0]
+ const mouseEvent = new MouseEvent('mousemove', {
+ clientX: touch.clientX,
+ clientY: touch.clientY
+ })
+ draw(mouseEvent)
+ }
+
+ const handleTouchEnd = (e) => {
+ e.preventDefault()
+ stopDrawing()
+ }
+
+ const clearCanvas = () => {
+ const canvas = canvasRef.current
+ const ctx = canvas.getContext('2d')
+ ctx.fillStyle = 'white'
+ ctx.fillRect(0, 0, canvas.width, canvas.height)
+ setHasDrawing(false)
+ }
+
+ const processDrawing = () => {
+ if (!hasDrawing || disabled) return
+
+ const canvas = canvasRef.current
+ onDrawingComplete(canvas)
+ }
+
+ return (
+
+
+
+
+ setBrushSize(Number(e.target.value))}
+ disabled={disabled}
+ />
+ {brushSize}px
+
+
+
+
+
+
+
+
+
+ {!hasDrawing && !disabled && (
+
+ ✍️ Schreiben oder zeichnen Sie hier...
+
+ )}
+ {disabled && (
+
+
+
🔍 Verarbeitung läuft...
+
+ )}
+
+
+ )
+}
+
+export default DrawingCanvas
diff --git a/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.sass b/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.sass
new file mode 100644
index 0000000..aa6acd3
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/DrawingCanvas.sass
@@ -0,0 +1,249 @@
+.drawing-canvas-container
+ display: flex
+ flex-direction: column
+ gap: 20px
+ max-width: 900px
+
+.drawing-canvas-controls
+ display: flex
+ justify-content: space-between
+ align-items: center
+ padding: 20px 24px
+ background: rgba(255, 255, 255, 0.1)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ border-radius: 16px
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+
+.brush-size-control
+ display: flex
+ align-items: center
+ gap: 16px
+
+ label
+ font-size: 14px
+ font-weight: 500
+ color: rgba(255, 255, 255, 0.9)
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+
+ input[type="range"]
+ width: 120px
+ height: 6px
+ background: rgba(255, 255, 255, 0.2)
+ border-radius: 3px
+ outline: none
+ -webkit-appearance: none
+ backdrop-filter: blur(5px)
+
+ &::-webkit-slider-thumb
+ -webkit-appearance: none
+ width: 20px
+ height: 20px
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(37, 99, 235, 0.9))
+ border-radius: 50%
+ cursor: pointer
+ box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+ transition: all 0.2s ease
+
+ &:hover
+ transform: scale(1.1)
+ box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &::-moz-range-thumb
+ width: 20px
+ height: 20px
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(37, 99, 235, 0.9))
+ border-radius: 50%
+ cursor: pointer
+ border: none
+ box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3)
+
+ span
+ font-size: 13px
+ font-weight: 500
+ color: rgba(255, 255, 255, 0.7)
+ min-width: 35px
+ text-align: center
+ background: rgba(255, 255, 255, 0.1)
+ padding: 4px 8px
+ border-radius: 8px
+ backdrop-filter: blur(5px)
+
+.canvas-actions
+ display: flex
+ gap: 12px
+
+.canvas-btn
+ padding: 10px 20px
+ border-radius: 12px
+ font-size: 14px
+ font-weight: 500
+ cursor: pointer
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ border: none
+ position: relative
+ overflow: hidden
+
+ &::before
+ content: ''
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
+ opacity: 0
+ transition: opacity 0.3s ease
+
+ &:hover:not(:disabled)
+ transform: translateY(-2px)
+
+ &::before
+ opacity: 1
+
+ &:disabled
+ cursor: not-allowed
+ opacity: 0.5
+ transform: none
+
+ &--primary
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(37, 99, 235, 0.8))
+ color: white
+ box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &:hover:not(:disabled)
+ box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &:disabled
+ background: rgba(107, 114, 128, 0.3)
+ box-shadow: none
+
+ &--secondary
+ background: rgba(239, 68, 68, 0.15)
+ color: rgba(248, 113, 113, 0.9)
+ border: 1px solid rgba(239, 68, 68, 0.3)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+
+ &:hover:not(:disabled)
+ background: rgba(239, 68, 68, 0.25)
+ border-color: rgba(239, 68, 68, 0.4)
+ box-shadow: 0 4px 15px rgba(239, 68, 68, 0.2)
+
+.drawing-canvas-wrapper
+ position: relative
+ width: 100%
+ height: 320px
+ border: 2px solid rgba(255, 255, 255, 0.2)
+ border-radius: 16px
+ overflow: hidden
+ background: rgba(255, 255, 255, 0.95)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5)
+
+.drawing-canvas
+ width: 100%
+ height: 100%
+ cursor: crosshair
+ display: block
+ background: white
+
+ &.disabled
+ cursor: not-allowed
+ opacity: 0.7
+
+.drawing-canvas-placeholder
+ position: absolute
+ top: 50%
+ left: 50%
+ transform: translate(-50%, -50%)
+ color: rgba(107, 114, 128, 0.6)
+ font-style: italic
+ font-size: 16px
+ font-weight: 500
+ pointer-events: none
+ text-align: center
+ background: rgba(255, 255, 255, 0.8)
+ padding: 12px 20px
+ border-radius: 12px
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05)
+
+.drawing-canvas-overlay
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: 100%
+ background: rgba(255, 255, 255, 0.9)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ display: flex
+ flex-direction: column
+ align-items: center
+ justify-content: center
+ gap: 16px
+ border-radius: 14px
+
+ span
+ font-size: 16px
+ font-weight: 500
+ color: rgba(59, 130, 246, 0.8)
+
+.processing-spinner
+ width: 40px
+ height: 40px
+ border: 3px solid rgba(59, 130, 246, 0.2)
+ border-top: 3px solid rgba(59, 130, 246, 0.8)
+ border-radius: 50%
+ animation: spin 1s linear infinite
+ box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2)
+
+@keyframes spin
+ 0%
+ transform: rotate(0deg)
+ 100%
+ transform: rotate(360deg)
+
+@media (max-width: 768px)
+ .drawing-canvas-controls
+ flex-direction: column
+ gap: 16px
+ align-items: stretch
+ padding: 16px 20px
+
+ .brush-size-control
+ justify-content: center
+
+ .canvas-actions
+ justify-content: center
+
+ .drawing-canvas-wrapper
+ height: 280px
+
+ .drawing-canvas-placeholder
+ font-size: 14px
+ padding: 10px 16px
+
+@media (max-width: 480px)
+ .drawing-canvas-container
+ gap: 16px
+
+ .drawing-canvas-controls
+ padding: 14px 16px
+
+ .brush-size-control
+ gap: 12px
+
+ input[type="range"]
+ width: 100px
+
+ .canvas-btn
+ padding: 8px 16px
+ font-size: 13px
+
+ .drawing-canvas-wrapper
+ height: 240px
diff --git a/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.jsx b/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.jsx
new file mode 100644
index 0000000..4b3529d
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.jsx
@@ -0,0 +1,209 @@
+import { useState, useEffect, useRef } from 'react'
+import { createWorker } from 'tesseract.js'
+import OnScreenKeyboard from './OnScreenKeyboard'
+import DrawingCanvas from './DrawingCanvas'
+import './InputOverlay.sass'
+
+const InputOverlay = () => {
+ const [isVisible, setIsVisible] = useState(false)
+ const [inputMode, setInputMode] = useState('keyboard') // 'keyboard' or 'drawing'
+ const [currentInput, setCurrentInput] = useState('')
+ const [targetElement, setTargetElement] = useState(null)
+ const [isProcessingOCR, setIsProcessingOCR] = useState(false)
+ const workerRef = useRef(null)
+
+ // Initialize Tesseract worker
+ useEffect(() => {
+ const initWorker = async () => {
+ try {
+ workerRef.current = await createWorker('deu') // German language
+ } catch (error) {
+ console.error('Failed to initialize Tesseract worker:', error)
+ }
+ }
+
+ initWorker()
+
+ return () => {
+ if (workerRef.current) {
+ workerRef.current.terminate()
+ }
+ }
+ }, [])
+
+ // Listen for Electron events to show/hide the input overlay
+ useEffect(() => {
+ const handleShowInputOverlay = (event, data) => {
+ setTargetElement(data.targetElement || null)
+ setCurrentInput(data.initialValue || '')
+ setInputMode(data.preferredMode || 'keyboard')
+ setIsVisible(true)
+ }
+
+ const handleHideInputOverlay = () => {
+ setIsVisible(false)
+ setCurrentInput('')
+ setTargetElement(null)
+ }
+
+ // Listen for IPC events from main process
+ if (window.electron && window.electron.ipcRenderer) {
+ window.electron.ipcRenderer.on('show-input-overlay', handleShowInputOverlay)
+ window.electron.ipcRenderer.on('hide-input-overlay', handleHideInputOverlay)
+ }
+
+ // Listen for custom DOM events as fallback
+ document.addEventListener('show-input-overlay', handleShowInputOverlay)
+ document.addEventListener('hide-input-overlay', handleHideInputOverlay)
+
+ return () => {
+ if (window.electron && window.electron.ipcRenderer) {
+ window.electron.ipcRenderer.removeAllListeners('show-input-overlay')
+ window.electron.ipcRenderer.removeAllListeners('hide-input-overlay')
+ }
+ document.removeEventListener('show-input-overlay', handleShowInputOverlay)
+ document.removeEventListener('hide-input-overlay', handleHideInputOverlay)
+ }
+ }, [])
+
+ const handleKeyboardInput = (value) => {
+ setCurrentInput(value)
+ }
+
+ const handleDrawingComplete = async (canvas) => {
+ if (!workerRef.current || isProcessingOCR) return
+
+ setIsProcessingOCR(true)
+ try {
+ const { data: { text } } = await workerRef.current.recognize(canvas)
+ const cleanedText = text.trim().replace(/\n/g, ' ')
+ setCurrentInput(prev => prev + cleanedText)
+ } catch (error) {
+ console.error('OCR recognition failed:', error)
+ } finally {
+ setIsProcessingOCR(false)
+ }
+ }
+
+ const handleSubmit = () => {
+ // Send the input back to the target element or emit an event
+ if (targetElement) {
+ // Try to set value for input elements
+ if (targetElement.tagName === 'INPUT' || targetElement.tagName === 'TEXTAREA') {
+ targetElement.value = currentInput
+ targetElement.dispatchEvent(new Event('input', { bubbles: true }))
+ targetElement.dispatchEvent(new Event('change', { bubbles: true }))
+ }
+ }
+
+ // Emit custom event with the input value
+ const event = new CustomEvent('input-overlay-submit', {
+ detail: { value: currentInput, targetElement }
+ })
+ document.dispatchEvent(event)
+
+ // Also send via Electron IPC if available
+ if (window.electron && window.electron.ipcRenderer) {
+ window.electron.ipcRenderer.send('input-overlay-submit', {
+ value: currentInput,
+ targetElement: targetElement ? targetElement.id || targetElement.className : null
+ })
+ }
+
+ handleClose()
+ }
+
+ const handleClose = () => {
+ setIsVisible(false)
+ setCurrentInput('')
+ setTargetElement(null)
+ }
+
+ const handleClear = () => {
+ setCurrentInput('')
+ }
+
+ if (!isVisible) return null
+
+ return (
+
+
+
+
+
Eingabehilfe
+
+
+
+
+
+
+
+
+
+
+
+ {inputMode === 'keyboard' ? (
+
+ ) : (
+
+
+ {isProcessingOCR && (
+
+ 🔍 Texterkennung läuft...
+
+ )}
+
+ )}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default InputOverlay
diff --git a/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.sass b/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.sass
new file mode 100644
index 0000000..1fa4ca1
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/InputOverlay.sass
@@ -0,0 +1,295 @@
+.input-overlay
+ position: fixed
+ top: 0
+ left: 0
+ width: 100vw
+ height: 100vh
+ z-index: 9999
+ display: flex
+ align-items: center
+ justify-content: center
+ animation: overlayFadeIn 0.3s ease-out
+
+ &__backdrop
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: 100%
+ background: rgba(0, 0, 0, 0.4)
+ backdrop-filter: blur(12px)
+ -webkit-backdrop-filter: blur(12px)
+
+ &__container
+ position: relative
+ background: rgba(255, 255, 255, 0.15)
+ backdrop-filter: blur(20px)
+ -webkit-backdrop-filter: blur(20px)
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ border-radius: 24px
+ box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+ max-width: 90vw
+ max-height: 90vh
+ overflow: hidden
+ display: flex
+ flex-direction: column
+ animation: containerSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1)
+
+ &__header
+ padding: 24px 32px 20px 32px
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1)
+ display: flex
+ align-items: center
+ justify-content: space-between
+
+ h3
+ margin: 0
+ font-size: 20px
+ font-weight: 600
+ color: rgba(255, 255, 255, 0.95)
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+
+ &__mode-toggle
+ display: flex
+ gap: 4px
+ background: rgba(255, 255, 255, 0.1)
+ padding: 4px
+ border-radius: 16px
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+
+ button
+ padding: 10px 20px
+ border: none
+ background: transparent
+ border-radius: 12px
+ cursor: pointer
+ font-size: 14px
+ font-weight: 500
+ color: rgba(255, 255, 255, 0.7)
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ position: relative
+ overflow: hidden
+
+ &::before
+ content: ''
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1))
+ opacity: 0
+ transition: opacity 0.3s ease
+ border-radius: 12px
+
+ &:hover
+ color: rgba(255, 255, 255, 0.9)
+ transform: translateY(-1px)
+
+ &::before
+ opacity: 1
+
+ &.active
+ color: white
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(37, 99, 235, 0.8))
+ box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+ transform: translateY(-1px)
+
+ &::before
+ opacity: 0
+
+ &__close
+ background: rgba(255, 255, 255, 0.1)
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ font-size: 20px
+ cursor: pointer
+ color: rgba(255, 255, 255, 0.7)
+ padding: 0
+ width: 40px
+ height: 40px
+ display: flex
+ align-items: center
+ justify-content: center
+ border-radius: 12px
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+
+ &:hover
+ background: rgba(239, 68, 68, 0.2)
+ color: rgb(248, 113, 113)
+ transform: translateY(-1px)
+ box-shadow: 0 4px 15px rgba(239, 68, 68, 0.2)
+
+ &__content
+ display: flex
+ flex-direction: column
+ flex: 1
+ min-height: 0
+
+ &__preview
+ padding: 24px 32px
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1)
+ display: flex
+ gap: 20px
+ align-items: flex-start
+
+ &__preview-text
+ flex: 1
+ min-height: 100px
+ max-height: 140px
+ padding: 16px 20px
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ border-radius: 16px
+ font-family: inherit
+ font-size: 15px
+ resize: vertical
+ background: rgba(255, 255, 255, 0.1)
+ color: rgba(255, 255, 255, 0.95)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ transition: all 0.3s ease
+
+ &::placeholder
+ color: rgba(255, 255, 255, 0.5)
+
+ &:focus
+ outline: none
+ border-color: rgba(59, 130, 246, 0.5)
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 15px rgba(0, 0, 0, 0.1)
+ background: rgba(255, 255, 255, 0.15)
+
+ &__preview-actions
+ display: flex
+ flex-direction: column
+ gap: 12px
+
+ &__input-area
+ flex: 1
+ padding: 24px 32px
+ overflow-y: auto
+
+ &__drawing-container
+ position: relative
+
+ &__ocr-status
+ position: absolute
+ top: 50%
+ left: 50%
+ transform: translate(-50%, -50%)
+ background: rgba(0, 0, 0, 0.8)
+ color: white
+ padding: 16px 24px
+ border-radius: 16px
+ font-size: 14px
+ font-weight: 500
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3)
+
+ &__footer
+ padding: 24px 32px
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02))
+ border-top: 1px solid rgba(255, 255, 255, 0.1)
+ display: flex
+ gap: 16px
+ justify-content: flex-end
+
+ &__btn
+ padding: 12px 24px
+ border-radius: 16px
+ font-size: 14px
+ font-weight: 500
+ cursor: pointer
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
+ border: none
+ position: relative
+ overflow: hidden
+
+ &::before
+ content: ''
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
+ opacity: 0
+ transition: opacity 0.3s ease
+
+ &:hover
+ transform: translateY(-2px)
+
+ &::before
+ opacity: 1
+
+ &--primary
+ background: linear-gradient(135deg, rgba(34, 197, 94, 0.8), rgba(22, 163, 74, 0.8))
+ color: white
+ box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &:hover
+ box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+ &--secondary
+ background: rgba(255, 255, 255, 0.1)
+ color: rgba(255, 255, 255, 0.8)
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+
+ &:hover
+ background: rgba(255, 255, 255, 0.15)
+ color: rgba(255, 255, 255, 0.95)
+
+@keyframes overlayFadeIn
+ from
+ opacity: 0
+
+ to
+ opacity: 1
+
+@keyframes containerSlideUp
+ from
+ opacity: 0
+ transform: translateY(30px) scale(0.95)
+
+ to
+ opacity: 1
+ transform: translateY(0) scale(1)
+
+@media (max-width: 768px)
+ .input-overlay
+ &__container
+ max-width: 95vw
+ max-height: 95vh
+ border-radius: 20px
+
+ &__header
+ padding: 20px 24px 16px 24px
+
+ h3
+ font-size: 18px
+
+ &__mode-toggle
+ button
+ padding: 8px 16px
+ font-size: 13px
+
+ &__close
+ width: 36px
+ height: 36px
+ font-size: 18px
+
+ &__preview, &__input-area, &__footer
+ padding: 20px 24px
+
+ &__preview
+ flex-direction: column
+ gap: 16px
+
+ &__preview-actions
+ flex-direction: row
+ justify-content: center
diff --git a/dashboard/src/renderer/src/components/InputOverlay/InputOverlaySimple.jsx b/dashboard/src/renderer/src/components/InputOverlay/InputOverlaySimple.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.jsx b/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.jsx
new file mode 100644
index 0000000..15e4af7
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.jsx
@@ -0,0 +1,168 @@
+import { useState } from 'react'
+import './OnScreenKeyboard.sass'
+
+const OnScreenKeyboard = ({ value, onChange }) => {
+ const [isShiftActive, setIsShiftActive] = useState(false)
+ const [isAltGrActive, setIsAltGrActive] = useState(false)
+
+ // German keyboard layout
+ const keyboardLayout = [
+ [
+ { key: '1', shift: '!', altGr: null },
+ { key: '2', shift: '"', altGr: '²' },
+ { key: '3', shift: '§', altGr: '³' },
+ { key: '4', shift: '$', altGr: null },
+ { key: '5', shift: '%', altGr: null },
+ { key: '6', shift: '&', altGr: null },
+ { key: '7', shift: '/', altGr: '{' },
+ { key: '8', shift: '(', altGr: '[' },
+ { key: '9', shift: ')', altGr: ']' },
+ { key: '0', shift: '=', altGr: '}' },
+ { key: 'ß', shift: '?', altGr: '\\' },
+ { key: '´', shift: '`', altGr: null },
+ ],
+ [
+ { key: 'q', shift: 'Q', altGr: '@' },
+ { key: 'w', shift: 'W', altGr: null },
+ { key: 'e', shift: 'E', altGr: '€' },
+ { key: 'r', shift: 'R', altGr: null },
+ { key: 't', shift: 'T', altGr: null },
+ { key: 'z', shift: 'Z', altGr: null },
+ { key: 'u', shift: 'U', altGr: null },
+ { key: 'i', shift: 'I', altGr: null },
+ { key: 'o', shift: 'O', altGr: null },
+ { key: 'p', shift: 'P', altGr: null },
+ { key: 'ü', shift: 'Ü', altGr: null },
+ { key: '+', shift: '*', altGr: '~' },
+ ],
+ [
+ { key: 'a', shift: 'A', altGr: null },
+ { key: 's', shift: 'S', altGr: null },
+ { key: 'd', shift: 'D', altGr: null },
+ { key: 'f', shift: 'F', altGr: null },
+ { key: 'g', shift: 'G', altGr: null },
+ { key: 'h', shift: 'H', altGr: null },
+ { key: 'j', shift: 'J', altGr: null },
+ { key: 'k', shift: 'K', altGr: null },
+ { key: 'l', shift: 'L', altGr: null },
+ { key: 'ö', shift: 'Ö', altGr: null },
+ { key: 'ä', shift: 'Ä', altGr: null },
+ { key: '#', shift: "'", altGr: null },
+ ],
+ [
+ { key: '<', shift: '>', altGr: '|' },
+ { key: 'y', shift: 'Y', altGr: null },
+ { key: 'x', shift: 'X', altGr: null },
+ { key: 'c', shift: 'C', altGr: null },
+ { key: 'v', shift: 'V', altGr: null },
+ { key: 'b', shift: 'B', altGr: null },
+ { key: 'n', shift: 'N', altGr: null },
+ { key: 'm', shift: 'M', altGr: 'µ' },
+ { key: ',', shift: ';', altGr: null },
+ { key: '.', shift: ':', altGr: null },
+ { key: '-', shift: '_', altGr: null },
+ ]
+ ]
+
+ const getKeyValue = (keyObj) => {
+ if (isAltGrActive && keyObj.altGr) return keyObj.altGr
+ if (isShiftActive && keyObj.shift) return keyObj.shift
+ return keyObj.key
+ }
+
+ const handleKeyPress = (keyObj) => {
+ const keyValue = getKeyValue(keyObj)
+ const newValue = value + keyValue
+ onChange(newValue)
+
+ // Reset shift after key press (unless it's a modifier key)
+ if (isShiftActive && keyObj.key !== 'Shift') {
+ setIsShiftActive(false)
+ }
+ }
+
+ const handleBackspace = () => {
+ onChange(value.slice(0, -1))
+ }
+
+ const handleSpace = () => {
+ onChange(value + ' ')
+ }
+
+ const handleShift = () => {
+ setIsShiftActive(!isShiftActive)
+ if (isAltGrActive) setIsAltGrActive(false)
+ }
+
+ const handleAltGr = () => {
+ setIsAltGrActive(!isAltGrActive)
+ if (isShiftActive) setIsShiftActive(false)
+ }
+
+ const handleEnter = () => {
+ onChange(value + '\n')
+ }
+
+ return (
+
+ {keyboardLayout.map((row, rowIndex) => (
+
+ {row.map((keyObj, keyIndex) => (
+
+ ))}
+
+ ))}
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default OnScreenKeyboard
diff --git a/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.sass b/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.sass
new file mode 100644
index 0000000..0e878b4
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/OnScreenKeyboard.sass
@@ -0,0 +1,187 @@
+.on-screen-keyboard
+ display: flex
+ flex-direction: column
+ gap: 12px
+ max-width: 900px
+ padding: 24px
+ background: rgba(255, 255, 255, 0.05)
+ border-radius: 20px
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ border: 1px solid rgba(255, 255, 255, 0.1)
+
+.keyboard-row
+ display: flex
+ gap: 8px
+ justify-content: center
+
+ &--bottom
+ margin-top: 12px
+
+.keyboard-key
+ position: relative
+ min-width: 52px
+ height: 52px
+ border: 1px solid rgba(255, 255, 255, 0.2)
+ background: rgba(255, 255, 255, 0.1)
+ backdrop-filter: blur(10px)
+ -webkit-backdrop-filter: blur(10px)
+ border-radius: 12px
+ cursor: pointer
+ font-family: inherit
+ font-size: 15px
+ font-weight: 500
+ color: rgba(255, 255, 255, 0.9)
+ display: flex
+ align-items: center
+ justify-content: center
+ transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)
+ user-select: none
+ overflow: hidden
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+
+ &::before
+ content: ''
+ position: absolute
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1))
+ opacity: 0
+ transition: opacity 0.2s ease
+ border-radius: 12px
+
+ &:hover
+ transform: translateY(-2px)
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+ border-color: rgba(255, 255, 255, 0.3)
+
+ &::before
+ opacity: 1
+
+ &:active
+ transform: translateY(0)
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1)
+
+ &--modifier
+ min-width: 90px
+ background: rgba(99, 102, 241, 0.2)
+ border-color: rgba(99, 102, 241, 0.3)
+
+ &.active
+ background: linear-gradient(135deg, rgba(99, 102, 241, 0.8), rgba(67, 56, 202, 0.8))
+ color: white
+ border-color: rgba(99, 102, 241, 0.6)
+ box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+ transform: translateY(-1px)
+
+ &::before
+ opacity: 0
+
+ &--space
+ min-width: 240px
+ background: rgba(59, 130, 246, 0.15)
+ border-color: rgba(59, 130, 246, 0.3)
+
+ &:hover
+ background: rgba(59, 130, 246, 0.25)
+ border-color: rgba(59, 130, 246, 0.4)
+
+ &--function
+ min-width: 90px
+ background: rgba(34, 197, 94, 0.15)
+ border-color: rgba(34, 197, 94, 0.3)
+ color: rgba(255, 255, 255, 0.95)
+
+ &:hover
+ background: rgba(34, 197, 94, 0.25)
+ border-color: rgba(34, 197, 94, 0.4)
+
+.key-main
+ font-size: 17px
+ font-weight: 600
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+
+.key-alternates
+ position: absolute
+ top: 4px
+ right: 4px
+ display: flex
+ flex-direction: column
+ gap: 1px
+
+.key-shift
+ font-size: 9px
+ color: rgba(255, 255, 255, 0.6)
+ line-height: 1
+ text-shadow: none
+ background: rgba(0, 0, 0, 0.2)
+ padding: 1px 3px
+ border-radius: 3px
+
+.key-altgr
+ font-size: 9px
+ color: rgba(59, 130, 246, 0.8)
+ line-height: 1
+ text-shadow: none
+ background: rgba(59, 130, 246, 0.1)
+ padding: 1px 3px
+ border-radius: 3px
+
+// Special key animations
+.keyboard-key--modifier.active
+ animation: pulseActive 2s infinite
+
+@keyframes pulseActive
+ 0%, 100%
+ box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+ 50%
+ box-shadow: 0 4px 20px rgba(99, 102, 241, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2)
+
+@media (max-width: 768px)
+ .on-screen-keyboard
+ padding: 16px
+ gap: 8px
+
+ .keyboard-key
+ min-width: 44px
+ height: 44px
+ font-size: 13px
+ border-radius: 10px
+
+ &--modifier, &--function
+ min-width: 70px
+
+ &--space
+ min-width: 180px
+
+ .key-main
+ font-size: 15px
+
+ .key-alternates
+ top: 2px
+ right: 2px
+
+ .key-shift, .key-altgr
+ font-size: 8px
+
+@media (max-width: 480px)
+ .on-screen-keyboard
+ padding: 12px
+ gap: 6px
+
+ .keyboard-key
+ min-width: 36px
+ height: 36px
+ font-size: 12px
+ border-radius: 8px
+
+ &--modifier, &--function
+ min-width: 60px
+
+ &--space
+ min-width: 140px
+
+ .key-main
+ font-size: 13px
diff --git a/dashboard/src/renderer/src/components/InputOverlay/index.js b/dashboard/src/renderer/src/components/InputOverlay/index.js
new file mode 100644
index 0000000..eef7835
--- /dev/null
+++ b/dashboard/src/renderer/src/components/InputOverlay/index.js
@@ -0,0 +1 @@
+export { default } from './InputOverlay'
diff --git a/dashboard/src/renderer/src/pages/Calendar.jsx b/dashboard/src/renderer/src/pages/Calendar.jsx
index 33269bb..103adfb 100644
--- a/dashboard/src/renderer/src/pages/Calendar.jsx
+++ b/dashboard/src/renderer/src/pages/Calendar.jsx
@@ -1,7 +1,9 @@
+import InputDemo from "../components/InputDemo"
+
const Calendar = () => {
return (
-
Kalender
+
)
}
diff --git a/dashboard/src/renderer/src/pages/Notes.jsx b/dashboard/src/renderer/src/pages/Notes.jsx
index 4fe36d1..ef527b8 100644
--- a/dashboard/src/renderer/src/pages/Notes.jsx
+++ b/dashboard/src/renderer/src/pages/Notes.jsx
@@ -25,7 +25,7 @@ const Notes = () => {
useEffect(() => {
const canvas = canvasRef.current
- const ctx = canvas.getContext('2d')
+ const ctx = canvas.getContext('2d', { willReadFrequently: true })
// Set canvas size
const resizeCanvas = () => {
diff --git a/dashboard/src/renderer/src/utils/GlobalInputInterceptor.js b/dashboard/src/renderer/src/utils/GlobalInputInterceptor.js
new file mode 100644
index 0000000..e69de29
diff --git a/dashboard/src/renderer/src/utils/InputOverlayHelper.js b/dashboard/src/renderer/src/utils/InputOverlayHelper.js
new file mode 100644
index 0000000..b16357a
--- /dev/null
+++ b/dashboard/src/renderer/src/utils/InputOverlayHelper.js
@@ -0,0 +1,135 @@
+/**
+ * Utility functions for triggering the input overlay
+ */
+
+/**
+ * Show the input overlay with specified options
+ * @param {Object} options - Configuration options
+ * @param {HTMLElement} options.targetElement - The target input element (optional)
+ * @param {string} options.initialValue - Initial text value (optional)
+ * @param {string} options.preferredMode - 'keyboard' or 'drawing' (optional)
+ */
+export const showInputOverlay = (options = {}) => {
+ // Try using Electron API first
+ if (window.api && window.api.showInputOverlay) {
+ window.api.showInputOverlay(options)
+ return
+ }
+
+ // Fallback to custom DOM event
+ const event = new CustomEvent('show-input-overlay', { detail: options })
+ document.dispatchEvent(event)
+}
+
+/**
+ * Hide the input overlay
+ */
+export const hideInputOverlay = () => {
+ // Try using Electron API first
+ if (window.api && window.api.hideInputOverlay) {
+ window.api.hideInputOverlay()
+ return
+ }
+
+ // Fallback to custom DOM event
+ const event = new CustomEvent('hide-input-overlay')
+ document.dispatchEvent(event)
+}
+
+/**
+ * Setup automatic input overlay for input elements
+ * Call this to automatically show the overlay when input elements are focused
+ */
+export const setupAutoInputOverlay = () => {
+ const handleFocus = (event) => {
+ const element = event.target
+
+ // Only handle text inputs, textareas, and contenteditable elements
+ if (
+ element.tagName === 'INPUT' &&
+ ['text', 'search', 'email', 'url', 'password'].includes(element.type)
+ ) {
+ showInputOverlay({
+ targetElement: element,
+ initialValue: element.value || '',
+ preferredMode: 'keyboard'
+ })
+ } else if (element.tagName === 'TEXTAREA') {
+ showInputOverlay({
+ targetElement: element,
+ initialValue: element.value || '',
+ preferredMode: 'keyboard'
+ })
+ } else if (element.contentEditable === 'true') {
+ showInputOverlay({
+ targetElement: element,
+ initialValue: element.textContent || '',
+ preferredMode: 'keyboard'
+ })
+ }
+ }
+
+ // Add event listener for focus events
+ document.addEventListener('focusin', handleFocus, true)
+
+ // Return cleanup function
+ return () => {
+ document.removeEventListener('focusin', handleFocus, true)
+ }
+}
+
+/**
+ * Listen for input overlay submissions
+ * @param {Function} callback - Callback function to handle submitted values
+ */
+export const onInputOverlaySubmit = (callback) => {
+ const handleSubmit = (event) => {
+ callback(event.detail)
+ }
+
+ document.addEventListener('input-overlay-submit', handleSubmit)
+
+ // Return cleanup function
+ return () => {
+ document.removeEventListener('input-overlay-submit', handleSubmit)
+ }
+}
+
+/**
+ * Focus trap helper for accessibility
+ */
+export const setupFocusTrap = (container) => {
+ const focusableElements = container.querySelectorAll(
+ 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+ )
+
+ const firstElement = focusableElements[0]
+ const lastElement = focusableElements[focusableElements.length - 1]
+
+ const handleKeyDown = (e) => {
+ if (e.key === 'Tab') {
+ if (e.shiftKey && document.activeElement === firstElement) {
+ e.preventDefault()
+ lastElement.focus()
+ } else if (!e.shiftKey && document.activeElement === lastElement) {
+ e.preventDefault()
+ firstElement.focus()
+ }
+ }
+
+ if (e.key === 'Escape') {
+ hideInputOverlay()
+ }
+ }
+
+ container.addEventListener('keydown', handleKeyDown)
+
+ // Focus first element
+ if (firstElement) {
+ firstElement.focus()
+ }
+
+ return () => {
+ container.removeEventListener('keydown', handleKeyDown)
+ }
+}
diff --git a/dashboard/src/renderer/src/utils/InputOverlayManager.js b/dashboard/src/renderer/src/utils/InputOverlayManager.js
new file mode 100644
index 0000000..e69de29