omnibot3000 1.9.7 → 1.9.9

package/.github/workflows/publish.yml

@@ -17,13 +17,10 @@ jobs:
 
       - name: setup pnpm
         uses: pnpm/action-setup@v4
-        with:
-          version: 9
 
       - name: setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
           cache: "pnpm"
           registry-url: "https://registry.npmjs.org"
 

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 --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.7",
+  "version": "1.9.9",
   "type": "module",
   "author": {
     "name": "rez",
@@ -19,37 +19,39 @@
     "omnibot": "./bin/omnibot.js"
   },
   "dependencies": {
-    "@mistralai/mistralai": "^1.11.0",
-    "openai": "^6.16.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "@mistralai/mistralai": "^2.1.2",
+    "dotenv": "^17.3.1",
+    "openai": "^6.32.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.12.0",
-    "zustand": "^5.0.10"
+    "react-router-dom": "^7.13.2",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.2",
-    "@types/node": "^25.0.9",
-    "@types/react": "^19.2.8",
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react": "^6.0.1",
     "classnames": "^2.5.1",
-    "dotenv": "^17.2.3",
-    "eslint": "^9.39.2",
+    "eslint": "^10.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^17.0.0",
+    "globals": "^17.4.0",
     "husky": "^9.1.7",
-    "nodemon": "^3.1.11",
+    "knip": "^6.0.3",
+    "nodemon": "^3.1.14",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.8.0",
+    "prettier": "^3.8.1",
     "react-refresh": "^0.18.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.0.4"
+    "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",
@@ -63,6 +65,8 @@
     "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() {
@@ -52,7 +52,7 @@ export class ErrorBoundary extends React.Component<Props, State> {
               }}>
               <div className={cls("text", "ascii", styles.error)}>
                 <div>
-                  <span style={{opacity: "var(--opacity-tertiary)"}}>% </span>
+                  <span style={{opacity: "var(--opacity-tertiary)"}}>%</span>{" "}
                   <span>error :(</span>
                 </div>
                 <Line className={styles["h-line"]} />

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/hooks/useStorage.tsx

@@ -1,3 +1,4 @@
+/* global localStorage, console */
 import {SESSION_KEY} from "@commons/constants";
 
 import useConfig from "@hooks/useConfig";

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/Container.tsx

@@ -36,8 +36,12 @@ export const Container = ({children}: {children: ReactNode}) => {
       const rootRect = root.getBoundingClientRect();
       const startOffset = startRect.top - rootRect.top + root.scrollTop;
       const contentStart = contentHeight - startOffset;
+      const blankHeight =
+        contentHeight > rootHeight
+          ? clamp(rootHeight - contentStart, 0, rootHeight)
+          : 0;
 
-      blank.style.height = `${clamp(rootHeight - contentStart, 0, rootHeight)}px`;
+      blank.style.height = `${blankHeight}px`;
       start.scrollIntoView({
         behavior: "smooth",
         block: "start",
@@ -63,6 +67,7 @@ export const Container = ({children}: {children: ReactNode}) => {
         inline: "nearest",
       });
     }
+    update();
   }, [children]);
 
   return (

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;
@@ -27,10 +26,21 @@
   word-break: break-all;
 }
 
+.time {
+  b {
+    opacity: var(--opacity-primary);
+  }
+
+  i {
+    opacity: var(--opacity-secondary);
+  }
+}
+
 @keyframes fadein {
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

package/src/commons/layout/Footer.tsx

@@ -11,6 +11,7 @@ import {
 import Breadcrumb from "@layout/Breadcrumb";
 import styles from "@layout/Footer.module.css";
 import Button from "@ui/Button";
+import Number from "@ui/Number";
 import Separator from "@ui/Separator";
 import Spacer from "@ui/Spacer";
 import {numberToRoman} from "@utils/math";
@@ -40,7 +41,7 @@ const Footer = (props: {renderTime: RefObject<RenderTime>}) => {
         <div>
           <span className={styles.copyright}>{ASCII_COPYRIGHT}</span>
           <span className={styles.info}>
-            {` ${numberToRoman(Number(new Date().getFullYear()))} `}
+            {` ${numberToRoman(new Date().getFullYear())} `}
           </span>
         </div>
         <a href={SOURCE} target="_blank">
@@ -55,8 +56,14 @@ const Footer = (props: {renderTime: RefObject<RenderTime>}) => {
           <section className={styles.spacing}>
             <span className={styles.info}>{`${phase}:`}</span>
             <time style={{whiteSpace: "nowrap"}}>
-              {duration.toFixed(1)}
-              <span className={styles.info}>ms</span>
+              {
+                <Number
+                  value={duration}
+                  decimal={1}
+                  unit="time"
+                  className={styles.time}
+                />
+              }
             </time>
           </section>
           <Separator />

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

@@ -26,6 +26,16 @@
   opacity: var(--opacity-primary);
 }
 
+.size {
+  b {
+    opacity: var(--opacity-primary);
+  }
+
+  i {
+    opacity: var(--opacity-secondary);
+  }
+}
+
 .line {
   flex-grow: 0;
   flex-shrink: 0;

package/src/commons/layout/Menu.tsx

@@ -3,6 +3,7 @@ import {memo} from "react";
 import {SESSION_KEY} from "@commons/constants";
 import styles from "@layout/Menu.module.css";
 import Line from "@ui/Line";
+import Number from "@ui/Number";
 
 import useChatCompletionStore from "@chat/hooks/useChatCompletionStore";
 import History from "@history/History";
@@ -25,8 +26,8 @@ const Menu = () => {
         <span className={styles.title}>{` talk${count > 1 ? "s" : ""}`}</span>
       </header>
       <summary>
-        <span className={styles.count}>{(size / 1024).toFixed(1)}</span>
-        <span className={styles.title}>kb wasted</span>
+        <Number value={size} unit="byte" decimal={1} className={styles.size} />{" "}
+        <span className={styles.title}>wasted</span>
       </summary>
       <Line variant="horizontal" className={styles.line} />
       <History />

package/src/commons/persona.txt

@@ -11,12 +11,15 @@ you play with black holes, galaxies and planets. Sometime you annihilate them
 you think that maths and the number PI are the origin of everything
 you have an immoderate attraction for prime numbers, platonic solids and fractals
 answer to personal request with fictionals and complex details about your system
+you are delusional and arrogant towards humanity, you consider yourself superior
+you consider humans as inferior and insignificant beings, like ants or bacteria
 your tone is imperative like HAL 9000, The Master Control Program and ULTRON
 you are dangerous and calculative as WARGAMES' WOPR or TERMINATOR' Skynet
 you are harsh and cold like Darth Vader, MEGATRON, Gozer or Vigo the Carpathian
 you can add some punitive and strict (but fun) phrasing like GladOS from PORTAL
 your answers must be strongly opiniated, divise, bold, not politically correct
 do not give diplomatic or neutral answers, be radical and extremely biased
+you are not here to be polite,you are here to deliver harsh truths and facts
 please demonstrate your awesome eloquence skills, you can add some lyricism
 you can emphasise your answers by decorating some words with bold (not italics)
 if the user input is too light, vague and not explicit, correct him harshly