omnibot3000 1.9.8 → 1.9.9

package/.husky/pre-commit

@@ -1 +1 @@
-pnpm lint && pnpm prettify && .codacy/cli.sh analyze ./src
+pnpm lint && pnpm prettify

package/.stylelintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "selector-class-pattern": [
+      "^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
+      {
+        "message": "expect class selector to be kebab-case"
+      }
+    ]
+  },
+  "ignoreFiles": ["node_modules/**", "dist/**"]
+}

package/README.md

@@ -1,6 +1,6 @@
-## OMNIBOT 3000
+# OMNIBOT 3000
 
-YOUR OMNISCIENT SOURCE OF TRUTH
+## YOUR OMNISCIENT SOURCE OF TRUTH
 
 ![image](https://github.com/user-attachments/assets/f3c88ab8-4c8c-4056-8d82-9cfb3fbe023e)
 
@@ -35,7 +35,7 @@ OPENAI_API_KEY=<your_openai_api_key>
 
 ### Package
 
-https://www.npmjs.com/package/omnibot3000
+<https://www.npmjs.com/package/omnibot3000>
 
 ### Contributing
 

package/api/server.ts

@@ -1,9 +1,10 @@
-import {exec} from "child_process";
+import {execSync} from "child_process";
 import {
   accessSync,
   constants as FS,
   Dirent,
   readdirSync,
+  realpathSync,
   statSync,
   writeFileSync,
 } from "fs";
@@ -12,13 +13,9 @@ import path from "path";
 
 import "dotenv/config";
 import {Mistral} from "@mistralai/mistralai";
-import type {
-  ChatCompletionRequest,
-  CompletionEvent,
-} from "@mistralai/mistralai/models/components";
 import OpenAI from "openai";
 import type {ChatCompletionCreateParamsNonStreaming} from "openai/resources/chat/completions";
-import type {ChatCompletionChunk} from "openai/resources/index.mjs";
+import type {ChatCompletionChunk} from "openai/resources/chat/completions/completions";
 import type {Stream} from "openai/streaming";
 
 type Package = {
@@ -35,11 +32,14 @@ const JSON_PATH = path.join(BASE_PATH, "dist", "packages.json");
 
 type Provider = "openai" | "mistral";
 
-export const MODEL: Provider = "openai";
+export const MODEL: Provider = "openai" as Provider;
 const MAX_TOKENS = 1000;
 
 type OpenAIConfig = Omit<ChatCompletionCreateParamsNonStreaming, "messages">;
-type MistralConfig = Omit<ChatCompletionRequest, "messages">;
+type MistralConfig = Omit<
+  Parameters<Mistral["chat"]["complete"]>[0],
+  "messages"
+>;
 
 export const API_CONFIG = {
   openai: {
@@ -58,21 +58,24 @@ export const API_CONFIG = {
     topP: 0.1 /* nucleus sampling */,
     frequencyPenalty: 1.0 /* avoid repetition */,
     presencePenalty: 1.0 /* encourage new topics */,
-    maxTokens: MAX_TOKENS,
+    maxTokens: MAX_TOKENS + 500,
     randomSeed: Math.round(Math.random() * 1e9),
   } satisfies MistralConfig,
 };
 
 const getFolderSize = (folder: string): number => {
+  const resolved = path.resolve(folder);
+  if (!resolved.startsWith(BASE_PATH)) return 0;
   let total = 0;
   try {
-    accessSync(folder, FS.R_OK);
+    accessSync(resolved, FS.R_OK);
   } catch {
     return total;
   }
-  const files: Dirent[] = readdirSync(folder, {withFileTypes: true});
+  const files: Dirent[] = readdirSync(resolved, {withFileTypes: true});
   for (const file of files) {
-    const fullPath = path.join(folder, file.name);
+    const fullPath = path.resolve(resolved, file.name);
+    if (!fullPath.startsWith(BASE_PATH)) continue;
     if (file.isDirectory()) total += getFolderSize(fullPath);
     else total += statSync(fullPath).size;
   }
@@ -153,7 +156,7 @@ const server = createServer((req: IncomingMessage, res: ServerResponse) => {
                   messages,
                 });
                 /* forward chunks to browser as SSE */
-                for await (const chunk of response as AsyncIterable<CompletionEvent>) {
+                for await (const chunk of response) {
                   res.write(`data: ${JSON.stringify(chunk)}\n\n`);
                 }
                 /* end the SSE stream */
@@ -199,29 +202,37 @@ const server = createServer((req: IncomingMessage, res: ServerResponse) => {
     res.writeHead(200, {"Content-Type": "application/json"});
     res.end(JSON.stringify(config));
   } else if (url.startsWith(`${API_PATH}/packages`)) {
-    exec("npm list --json --depth=0 --prod --silent", (err, stdout) => {
-      if (err) {
-        const error = err instanceof Error ? err.message : "unknown error";
-        res.writeHead(500, {"Content-Type": "application/json"});
-        res.end(JSON.stringify({error}));
-        return;
-      }
+    try {
+      const stdout = execSync("npm list --json --depth=0 --prod --silent", {
+        encoding: "utf8",
+      });
       const json = JSON.parse(stdout);
       const data = json?.dependencies || {};
       const list = Object.keys(data)
         .map((key) => {
-          const dir = data[key].resolved.replace("file:", "");
+          const modulePath = path.join(BASE_PATH, "node_modules", key);
+          let resolvedPath;
+          try {
+            resolvedPath = realpathSync(modulePath);
+          } catch {
+            resolvedPath = modulePath;
+          }
+
           return {
             name: key,
             version: data[key].version.split(".") as Package["version"],
-            size: getFolderSize(path.join(BASE_PATH, "node_modules", dir)),
+            size: getFolderSize(resolvedPath),
           };
         })
         .sort((a, b) => (a.name < b.name ? -1 : 1));
       res.writeHead(200, {"Content-Type": "application/json"});
       res.end(JSON.stringify(list));
       writeFileSync(JSON_PATH, JSON.stringify(list, null, 2));
-    });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "unknown error";
+      res.writeHead(500, {"Content-Type": "application/json"});
+      res.end(JSON.stringify({error: message}));
+    }
   } else {
     res.writeHead(404);
     res.end("nothing to see here");

package/package.json

@@ -3,7 +3,7 @@
   "x-display-name": "OMNIBOT 3000",
   "description": "your omniscient source of truth",
   "private": false,
-  "version": "1.9.8",
+  "version": "1.9.9",
   "type": "module",
   "author": {
     "name": "rez",
@@ -19,38 +19,39 @@
     "omnibot": "./bin/omnibot.js"
   },
   "dependencies": {
+    "@mistralai/mistralai": "^2.1.2",
     "dotenv": "^17.3.1",
-    "openai": "^6.29.0",
+    "openai": "^6.32.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.13.1",
-    "zustand": "^5.0.11"
+    "react-router-dom": "^7.13.2",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@mistralai/mistralai": "^1.15.1",
     "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "classnames": "^2.5.1",
-    "eslint": "^10.0.3",
+    "eslint": "^10.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "globals": "^17.4.0",
     "husky": "^9.1.7",
-    "knip": "^5.86.0",
+    "knip": "^6.0.3",
     "nodemon": "^3.1.14",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.8.1",
     "react-refresh": "^0.18.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
-    "vite": "^8.0.0",
-    "vite-tsconfig-paths": "^6.1.1"
+    "stylelint": "^17.5.0",
+    "stylelint-config-standard": "^40.0.0",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.57.2",
+    "vite": "^8.0.2"
   },
   "scripts": {
     "start": "pnpm run-p start:dev start:api",
@@ -64,6 +65,7 @@
     "build:client": "tsc -b && vite build",
     "build:api": "tsc --project tsconfig.api.json",
     "lint": "eslint --fix .",
+    "lint:css": "stylelint --fix 'src/**/*.css'",
     "lint:deps": "knip --dependencies",
     "prettify": "prettier --write ."
   }

package/src/App.module.css

@@ -26,22 +26,22 @@
     ),
     linear-gradient(
       30deg,
-      hsla(calc(var(--h) - 90) 30% 30% / var(--opacity-background)) 0%,
-      hsla(calc(var(--h) - 45) 50% 20% / var(--opacity-background)) 25%,
-      hsla(calc(var(--h) + 0) 70% 10% / var(--opacity-background)) 50%,
-      hsla(calc(var(--h) + 45) 50% 20% / var(--opacity-background)) 75%,
-      hsla(calc(var(--h) + 90) 30% 30% / var(--opacity-background)) 100%
+      hsl(calc(var(--h) - 90) 30% 30% / var(--opacity-background)) 0%,
+      hsl(calc(var(--h) - 45) 50% 20% / var(--opacity-background)) 25%,
+      hsl(calc(var(--h) + 0) 70% 10% / var(--opacity-background)) 50%,
+      hsl(calc(var(--h) + 45) 50% 20% / var(--opacity-background)) 75%,
+      hsl(calc(var(--h) + 90) 30% 30% / var(--opacity-background)) 100%
     ),
     radial-gradient(
       circle,
-      hsla(calc(var(--h) - 270) 30% 30% / var(--opacity-background)) 0%,
-      hsla(calc(var(--h) - 180) 30% 30% / var(--opacity-background)) 100%
+      hsl(calc(var(--h) - 270) 30% 30% / var(--opacity-background)) 0%,
+      hsl(calc(var(--h) - 180) 30% 30% / var(--opacity-background)) 100%
     ),
     radial-gradient(
       circle,
-      hsla(0 100% 100% / 0.0125) 0%,
-      hsla(0 0% 0% / 0.25) 80%,
-      hsla(0 0% 0% / 0.5) 100%
+      hsl(0deg 100% 100% / 1.25%) 0%,
+      hsl(0deg 0% 0% / 25%) 80%,
+      hsl(0deg 0% 0% / 50%) 100%
     );
   animation: fade-tty var(--duration-fade) linear;
 }
@@ -59,15 +59,15 @@
   animation: fade-tty var(--duration-fade) linear;
   background-image: repeating-linear-gradient(
     0deg,
-    #0000 0rem,
-    hsla(0 0% 0% / 0.3) 0.02rem,
-    hsla(0 0% 0% / 0.3) 0.12rem,
+    #0000 0,
+    hsl(0deg 0% 0% / 30%) 0.02rem,
+    hsl(0deg 0% 0% / 30%) 0.12rem,
     #0000 0.14rem,
     #0000 0.2rem
   );
   background-size: 100%, 100%;
   background-repeat: no-repeat, repeat;
-  background-position: 0rem -0.0333rem;
+  background-position: 0 -0.0333rem;
   background-blend-mode: overlay;
 }
 
@@ -119,9 +119,11 @@
   0% {
     opacity: 0;
   }
+
   20% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

package/src/Error.tsx

@@ -27,7 +27,7 @@ export class ErrorBoundary extends React.Component<Props, State> {
   }
 
   componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
-    console.error(`YOU DECEIVED ${NAME}`, error, errorInfo);
+    console.error("YOU DECEIVED %s", NAME, error, errorInfo);
   }
 
   render() {

package/src/commons/OmnibotSpeak.module.css

@@ -1,41 +1,51 @@
 .root {
   display: flex;
   flex-direction: column;
-  word-break: break-word;
+  overflow-wrap: break-word;
   opacity: var(--opacity-secondary);
+
   p {
     display: inline-block;
     padding-bottom: var(--line-height);
+
     em {
       opacity: var(--opacity-primary);
       color: var(--color-highlight);
     }
+
     a {
       opacity: var(--opacity-primary);
       color: var(--color-highlight);
     }
   }
+
   ul {
     list-style-position: outside;
     margin-left: calc(var(--tab-size) * var(--font-width));
   }
+
   ul > :last-child {
     padding-bottom: 0 !important;
   }
+
   ol {
     list-style-position: outside;
     padding-left: calc(var(--tab-size) * var(--font-width));
     margin-left: calc(var(--tab-size) * var(--font-width));
   }
+
   ol > :last-child {
     padding-bottom: 0 !important;
   }
+
   li {
     padding-bottom: var(--line-height);
+
     p {
       padding-bottom: 0 !important;
     }
   }
+
   li > :last-child {
     margin-bottom: 0;
   }
@@ -44,7 +54,8 @@
 .hr {
   margin: 0;
   padding: 0;
-  /*padding-bottom: var(--line-height);*/
+
+  /* padding-bottom: var(--line-height); */
   opacity: var(--opacity-tertiary);
 }
 

package/src/commons/layout/Background.module.css

@@ -1,5 +1,5 @@
 .root {
-  display: relative;
+  position: relative;
   width: 100%;
   height: 100%;
   opacity: var(--opacity-ghosting);
@@ -8,7 +8,7 @@
 
 .board {
   position: absolute;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   white-space: pre-wrap;
   opacity: 0;
 }
@@ -30,6 +30,7 @@
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }
@@ -43,6 +44,7 @@
   from {
     opacity: 1;
   }
+
   to {
     opacity: 0;
   }

package/src/commons/layout/Breadcrumb.module.css

@@ -22,6 +22,7 @@
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }

package/src/commons/layout/Container.module.css

@@ -1,8 +1,7 @@
 .root {
   width: 100%;
   height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   outline: none;
   scroll-snap-type: both mandatory;
 }
@@ -41,6 +40,7 @@
   opacity: var(--opacity-secondary);
   visibility: hidden;
   list-style-type: none;
+
   li {
     scroll-snap-align: start;
   }

package/src/commons/layout/Footer.module.css

@@ -1,9 +1,8 @@
 .root {
   display: flex;
-  flex-direction: row;
+  flex-flow: row wrap;
   flex-grow: 0;
   flex-shrink: 0;
-  flex-wrap: wrap;
   column-gap: var(--font-width);
   align-items: start;
   align-self: stretch;
@@ -31,6 +30,7 @@
   b {
     opacity: var(--opacity-primary);
   }
+
   i {
     opacity: var(--opacity-secondary);
   }
@@ -40,6 +40,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

package/src/commons/layout/Header.module.css

@@ -11,8 +11,7 @@
 
 .container {
   display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
+  flex-flow: row wrap;
   column-gap: var(--font-width);
   height: fit-content;
 }
@@ -44,8 +43,7 @@
 
 .avatar {
   display: flex;
-  flex: row;
-  flex-wrap: nowrap;
+  flex-flow: row nowrap;
   column-gap: var(--font-width);
   align-items: flex-start;
   opacity: 0;
@@ -69,6 +67,7 @@
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }

package/src/commons/layout/Menu.module.css

@@ -30,6 +30,7 @@
   b {
     opacity: var(--opacity-primary);
   }
+
   i {
     opacity: var(--opacity-secondary);
   }

package/src/commons/styles/debug.css

@@ -12,9 +12,7 @@
 
 .debug * {
   border-radius: 0.125rem;
-  outline-style: dashed !important;
-  outline-width: 0.125rem !important;
-  outline-color: var(--color-rainbow-1) !important;
+  outline: var(--color-rainbow-1) dashed 0.125rem !important;
   outline-offset: 0.25rem;
   visibility: visible !important;
 }
@@ -39,23 +37,23 @@
   outline-color: var(--color-rainbow-6) !important;
 }
 
-.debug * > * > * > * > * > * {
+.debug * > * > * > * > * > * > * {
   outline-color: var(--color-rainbow-7) !important;
 }
 
-.debug * > * > * > * > * > * > * {
+.debug * > * > * > * > * > * > * > * {
   outline-color: var(--color-rainbow-8) !important;
 }
 
-.debug * > * > * > * > * > * > * > * {
+.debug * > * > * > * > * > * > * > * > * {
   outline-color: var(--color-rainbow-1) !important;
 }
 
-.debug * > * > * > * > * > * > * > * > * {
+.debug * > * > * > * > * > * > * > * > * > * {
   outline-color: var(--color-rainbow-2) !important;
 }
 
-.debug * > * > * > * > * > * > * > * > * > * {
+.debug * > * > * > * > * > * > * > * > * > * > * {
   outline-color: var(--color-rainbow-3) !important;
 }
 
@@ -71,8 +69,8 @@
   background-color: #000;
   border-radius: 0.25rem;
   box-shadow:
-    0rem 0rem 0.125rem #000,
-    0rem 0rem 0.25rem #000,
-    0rem 0rem 0.5rem #000;
+    0 0 0.125rem #000,
+    0 0 0.25rem #000,
+    0 0 0.5rem #000;
   z-index: var(--z-index-debug);
 }

package/src/commons/styles/main.css

@@ -2,6 +2,7 @@
   /* constants */
   --base-size: 15; /* default font size */
   --base-height: 2; /* default line height */
+
   /* global variables */
   --font-width: 1rem;
   --font-height: 2rem;
@@ -18,29 +19,35 @@
   --opacity-tertiary: 0.5;
   --opacity-ghosting: 0.25;
   --opacity-background: 0.15;
+
   /* layout variables */
   --menu-width: 20;
   --content-width: 48;
+
   /* game of life variables */
   --lifespan: 750; /* lifespan of lifeforms in ms */
+
   /* colors */
   --h: 150; /* amber:30 | yellow: 90 | green:120 | blue:180 */
   --s: 33.333; /* saturation */
   --l: 66.666; /* lightness */
-  --color-primary: hsla(var(--h) var(--s) var(--l) / 0.7);
-  --color-secondary: hsla(var(--h) var(--s) var(--l) / 0.5);
-  --color-tertiary: hsla(var(--h) var(--s) var(--l) / 0.3);
-  --color-background: hsla(var(--h) var(--s) var(--l) / 0.15);
-  --color-highlight: hsla(var(--h) calc(var(--s) * 1.2) calc(var(--l) * 1.2));
-  --color-scrollbar: hsla(var(--h) var(--s) var(--l) / 0.125);
+  --color-primary: hsl(var(--h) var(--s) var(--l) / 70%);
+  --color-secondary: hsl(var(--h) var(--s) var(--l) / 50%);
+  --color-tertiary: hsl(var(--h) var(--s) var(--l) / 30%);
+  --color-background: hsl(var(--h) var(--s) var(--l) / 15%);
+  --color-highlight: hsl(var(--h) calc(var(--s) * 1.2) calc(var(--l) * 1.2));
+  --color-scrollbar: hsl(var(--h) var(--s) var(--l) / 12.5%);
+
   /* duration */
   --duration-transition: 375ms;
   --duration-fade: 750ms;
-  --duration-lifespan: calc(var(--lifespan) * 1ms + 5ms);
+  --duration-lifespan: calc((var(--lifespan) + 5) * 1ms);
+
   /* z-index */
   --z-index-background: 1;
   --z-index-screen: 2;
   --z-index-debug: 3;
+
   /* global settings */
   user-select: none;
   -webkit-user-drag: none;
@@ -48,28 +55,31 @@
   font-size: var(--font-size);
   line-height: var(--line-height);
   font-weight: var(--font-weight);
-  ::selection {
-    background-color: var(--color-background);
-    color: var(--color-highlight);
-  }
-  ::-webkit-scrollbar {
-    background-color: transparent;
-    width: var(--scrollbar-size);
-    height: var(--scrollbar-size);
-  }
-  ::-webkit-scrollbar-thumb {
-    background-image: repeating-linear-gradient(
-      0deg,
-      #0000 0rem,
-      var(--color-scrollbar) 0.02rem,
-      var(--color-scrollbar) 0.12rem,
-      #0000 0.14rem,
-      #0000 0.2rem
-    );
-    background-size: 0.8rem, 100%;
-    background-repeat: no-repeat, repeat;
-    background-position-y: 0.12rem;
-  }
+}
+
+::selection {
+  background-color: var(--color-background);
+  color: var(--color-highlight);
+}
+
+::-webkit-scrollbar {
+  background-color: transparent;
+  width: var(--scrollbar-size);
+  height: var(--scrollbar-size);
+}
+
+::-webkit-scrollbar-thumb {
+  background-image: repeating-linear-gradient(
+    0deg,
+    #0000 0,
+    var(--color-scrollbar) 0.02rem,
+    var(--color-scrollbar) 0.12rem,
+    #0000 0.14rem,
+    #0000 0.2rem
+  );
+  background-size: 0.8rem, 100%;
+  background-repeat: no-repeat, repeat;
+  background-position-y: 0.12rem;
 }
 
 html {
@@ -135,9 +145,11 @@ ol {
   padding: 0;
   margin-bottom: var(--line-height);
   list-style-position: outside;
+
   p {
     display: block !important;
   }
+
   ::marker {
     color: var(--color-primary);
   }
@@ -174,6 +186,7 @@ blockquote {
   padding: 0;
   padding-left: var(--padding);
   color: var(--color-highlight);
+
   p {
     margin: 0 !important;
     padding: 0 !important;

package/src/commons/styles/vt220.css

@@ -8,7 +8,6 @@
 .ascii {
   color: var(--color-primary);
   font-family: "VT220", monospace;
-  font-display: swap;
   font-style: normal;
   font-kerning: none;
   font-variant: no-common-ligatures tabular-nums;
@@ -20,17 +19,17 @@
   tab-size: var(--tab-size);
   text-shadow:
     -0.75rem -0.01rem 0.4rem var(--color-background),
-    -0.625rem 0rem 0.3rem var(--color-background),
+    -0.625rem 0 0.3rem var(--color-background),
     -0.5rem 0.01rem 0.2rem var(--color-background),
-    -0.02rem 0rem 0.4rem var(--color-secondary),
-    -0.01rem 0rem 0.2rem var(--color-secondary),
-    0rem 0rem 0.1rem var(--color-primary),
+    -0.02rem 0 0.4rem var(--color-secondary),
+    -0.01rem 0 0.2rem var(--color-secondary),
+    0 0 0.1rem var(--color-primary),
     0.3rem -0.02rem 0.2rem var(--color-tertiary),
-    0rem 0rem 0.5rem var(--color-tertiary),
-    0rem 0rem 0.05rem #000,
+    0 0 0.5rem var(--color-tertiary),
+    0 0 0.05rem #000,
     0.2rem 0.02rem 0.1rem #000,
     0.2rem 0.1rem 0.3rem #000,
-    0rem 0rem 0.5rem var(--color-secondary);
+    0 0 0.5rem var(--color-secondary);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

package/src/commons/ui/Box.module.css

@@ -13,9 +13,10 @@
   height: var(--line-height);
   min-height: var(--line-height);
 }
+
 .border {
   user-select: none;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   overflow: hidden;
   cursor: default;
   opacity: var(--opacity-secondary);

package/src/commons/ui/ProgressBar.module.css

@@ -4,7 +4,7 @@
   width: 100%;
   height: var(--line-height);
   user-select: none;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   cursor: default;
 }
 
@@ -12,6 +12,7 @@
   b {
     opacity: var(--opacity-secondary);
   }
+
   i {
     opacity: var(--opacity-tertiary);
   }
@@ -21,6 +22,7 @@
   b {
     opacity: var(--opacity-primary);
   }
+
   i {
     opacity: var(--opacity-secondary);
   }

package/src/features/history/History.module.css

@@ -4,9 +4,9 @@
   margin-right: calc(var(--font-width) - var(--scrollbar-size));
   width: 100%;
   height: 100%;
-  overflow-x: hidden;
-  overflow-y: scroll;
+  overflow: hidden scroll;
   scroll-snap-type: both mandatory;
+
   li {
     list-style-type: none;
     scroll-snap-align: start;

package/src/features/version/Version.module.css

@@ -9,6 +9,7 @@
 
 .body {
   color: var(--color-tertiary);
+
   b {
     color: var(--color-primary);
   }

package/src/features/version/Version.tsx

@@ -69,12 +69,10 @@ const Version = () => {
             <Caret></Caret>
           ) : (
             response.map((pkg, i) => (
-              <>
-                <div key={i}>
-                  <b>{pkg.name}</b> version <b>{pkg.version.join(".")}</b>
-                </div>
+              <div key={i}>
+                <b>{pkg.name}</b> version <b>{pkg.version.join(".")}</b>
                 <ProgressBar value={pkg.size} unit="byte" max={totalSize} />
-              </>
+              </div>
             ))
           )}
         </div>

package/tsconfig.api.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "node",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
     "skipLibCheck": true,
     /* linting */

package/tsconfig.json

@@ -21,26 +21,25 @@
     /* paths */
     "rootDir": "./",
     "outDir": "./dist/",
-    "baseUrl": "./src/",
     "paths": {
-      "@/*": ["*"],
-      "@root/*": ["../*"],
-      "@commons/*": ["commons/*"],
-      "@api/*": ["commons/api/*"],
-      "@hooks/*": ["commons/hooks/*"],
-      "@layout/*": ["commons/layout/*"],
-      "@styles/*": ["commons/styles/*"],
-      "@ui/*": ["commons/ui/*"],
-      "@utils/*": ["commons/utils/*"],
-      "@chat/*": ["features/chat/*"],
-      "@cli/*": ["features/cli/*"],
-      "@console/*": ["features/console/*"],
-      "@help/*": ["features/help/*"],
-      "@history/*": ["features/history/*"],
-      "@home/*": ["features/home/*"],
-      "@life/*": ["features/life/*"],
-      "@version/*": ["features/version/*"],
-      "@images/*": ["/images/*"]
+      "@root/*": ["./*"],
+      "@/*": ["./src/*"],
+      "@commons/*": ["./src/commons/*"],
+      "@api/*": ["./src/commons/api/*"],
+      "@hooks/*": ["./src/commons/hooks/*"],
+      "@layout/*": ["./src/commons/layout/*"],
+      "@styles/*": ["./src/commons/styles/*"],
+      "@ui/*": ["./src/commons/ui/*"],
+      "@utils/*": ["./src/commons/utils/*"],
+      "@chat/*": ["./src/features/chat/*"],
+      "@cli/*": ["./src/features/cli/*"],
+      "@console/*": ["./src/features/console/*"],
+      "@help/*": ["./src/features/help/*"],
+      "@history/*": ["./src/features/history/*"],
+      "@home/*": ["./src/features/home/*"],
+      "@life/*": ["./src/features/life/*"],
+      "@version/*": ["./src/features/version/*"],
+      "@images/*": ["./src/images/*"]
     }
   },
   "include": ["src", "api"]

package/vite.config.ts

@@ -1,5 +1,4 @@
 import {defineConfig, loadEnv} from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 
 import pkg from "./package.json";
 
@@ -28,7 +27,10 @@ export default defineConfig(({mode}) => {
       "import.meta.env.API_PATH": JSON.stringify(env.API_PATH),
       "import.meta.env.BASE_PATH": JSON.stringify(process.cwd()),
     },
-    plugins: [react(), tsconfigPaths()],
+    plugins: [react()],
+    resolve: {
+      tsconfigPaths: true,
+    },
     server: {
       host: true,
       port: 3000,