omnibot3000 1.9.8 → 1.10.1

package/.github/workflows/tag.yml

@@ -0,0 +1,38 @@
+name: tag new version
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  tag:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - name: checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - name: check if version changed
+        id: version_check
+        run: |
+          CURRENT=$(node -p "require('./package.json').version")
+          PREVIOUS=$(git show HEAD~1:package.json 2>/dev/null | node -p "JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')).version" || echo "none")
+          echo "current=$CURRENT" >> $GITHUB_OUTPUT
+          if [ "$CURRENT" != "$PREVIOUS" ]; then
+            echo "changed=true" >> $GITHUB_OUTPUT
+          else
+            echo "changed=false" >> $GITHUB_OUTPUT
+          fi
+
+      - name: create git tag
+        if: steps.version_check.outputs.changed == 'true'
+        run: |
+          VERSION=${{ steps.version_check.outputs.current }}
+          git config user.name github-actions
+          git config user.email github-actions@github.com
+          git tag "v$VERSION"
+          git push origin "v$VERSION"

package/.husky/commit-msg

@@ -1,6 +1,6 @@
 # basic commit message validation
 
-if ! head -1 "$1" | grep -qE '^\[(feat|fix|doc|style|perf|test|chore|misc)(\(.+\))?!?\]'; then
+if ! head -1 "$1" | grep -qE '^\[(feat|fix|update|doc|style|perf|test|conf|chore|misc)(\(.+\))?!?\]'; then
   echo "❌ Commit message must follow format: [type] message"
   echo ""
   echo "Examples:"
@@ -8,5 +8,6 @@ if ! head -1 "$1" | grep -qE '^\[(feat|fix|doc|style|perf|test|chore|misc)(\(.+\
   echo "  [fix] resolve bug in component"
   echo "  [doc] update README"
   echo "  [chore] update dependencies"
+  echo "  [conf] modify configuration"
   exit 1
 fi

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/TODO.md

@@ -0,0 +1,33 @@
+# TODO
+
+## In Progress
+
+- allow query retry
+- handle conversation tree with multiple branches
+
+## Backlog
+
+- add [OpenRouter](https://openrouter.ai/docs/quickstart#using-the-openai-sdk)
+  as API client
+- use [`commander.js`](https://www.npmjs.com/package/commander) for CLI
+- use `inquirer.js` for CLI prompts
+- arrow key up/down to cycle between CLI history
+- model selection in CLI
+- support for multiple models in the same conversation
+- keep the latest query on the top while streaming the response
+- hide all visual elements in _Game of Life_ mode except the toggle button
+- try to color text with [rasterbars](https://en.wikipedia.org/wiki/Raster_bar)
+
+## Done
+
+- resize properly content margin
+- allow clipboard text pasting to CLI
+- support arrow key to move cursor
+- ctrl+u to remove text before cursor
+- ctrl+k to remove text after cursor
+- catch API errors and display a dummy message
+- lock vertical scrolling to line height
+- add a
+  [Conway's Game of Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
+  in the background
+- make the Game of Life background interactive with mouse clicks

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,23 @@ export const API_CONFIG = {
     topP: 0.1 /* nucleus sampling */,
     frequencyPenalty: 1.0 /* avoid repetition */,
     presencePenalty: 1.0 /* encourage new topics */,
-    maxTokens: MAX_TOKENS,
-    randomSeed: Math.round(Math.random() * 1e9),
+    maxTokens: MAX_TOKENS + 500,
   } 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;
   }
@@ -150,10 +152,11 @@ const server = createServer((req: IncomingMessage, res: ServerResponse) => {
                 });
                 const response = await mistral.chat.stream({
                   ...API_CONFIG[MODEL],
+                  randomSeed: Math.round(Math.random() * 1e9),
                   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 */
@@ -162,6 +165,7 @@ const server = createServer((req: IncomingMessage, res: ServerResponse) => {
               } else {
                 const response = await mistral.chat.complete({
                   ...API_CONFIG[MODEL],
+                  randomSeed: Math.round(Math.random() * 1e9),
                   messages,
                 });
                 res.writeHead(200, {"Content-Type": "application/json"});
@@ -199,29 +203,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/{tsconfig.api.json → api/tsconfig.json}

@@ -1,16 +1,16 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "node",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
     "skipLibCheck": true,
+    "types": ["node"],
     /* linting */
     "strict": true,
     /* paths */
-    "rootDir": "./api/",
-    "outDir": "./dist/api/"
+    "rootDir": "./",
+    "outDir": "../dist/api/"
   },
-  "include": ["./api/**/*.ts"],
-  "exclude": []
+  "include": ["./**/*.ts"]
 }

package/nodemon.json

@@ -1,4 +1,4 @@
 {
   "watch": ["api/server.ts"],
-  "exec": "rm -rf ./dist/api/server.js && pnpm tsc --project tsconfig.api.json && node ./dist/api/server.js"
+  "exec": "rm -rf ./dist/api/server.js && pnpm tsc --project api/tsconfig.json && node ./dist/api/server.js"
 }

package/omnibot3000.code-workspace

@@ -12,6 +12,42 @@
       "path": "api",
     },
   ],
+  "settings": {
+    "workbench.colorCustomizations": {
+      "statusBar.background": "#042",
+      "statusBar.foreground": "#6c8",
+      "statusBar.border": "#163",
+      "statusBar.focusBorder": "#6c8",
+      "statusBarItem.hoverBackground": "#163",
+      "statusBarItem.hoverForeground": "#8fc",
+      "statusBarItem.activeBackground": "#284",
+      "statusBarItem.activeForeground": "#afe",
+      "statusBar.debuggingBackground": "#042",
+      "statusBar.noFolderBackground": "#042",
+      "statusBar.prominentBackground": "#163",
+    },
+  },
+  "extensions": {
+    "recommendations": [
+      /* code quality */
+      "esbenp.prettier-vscode",
+      "dbaeumer.vscode-eslint",
+      "stylelint.vscode-stylelint",
+      "davidanson.vscode-markdownlint",
+      "timonwong.shellcheck",
+      /* code assistance */
+      "github.copilot-chat",
+      "github.vscode-github-actions",
+      "donjayamanne.githistory",
+      /* editor enhancements */
+      "vscodevim.vim",
+      "medo64.render-crlf",
+      "medo64.code-point",
+      "tal7aouy.indent-colorizer",
+      "atommaterial.a-file-icon-vscode",
+      "s3anmorrow.color-stamp",
+    ],
+  },
   "launch": {
     "configurations": [
       {

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.10.1",
   "type": "module",
   "author": {
     "name": "rez",
@@ -19,38 +19,39 @@
     "omnibot": "./bin/omnibot.js"
   },
   "dependencies": {
-    "dotenv": "^17.3.1",
-    "openai": "^6.29.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "@mistralai/mistralai": "^2.2.1",
+    "dotenv": "^17.4.2",
+    "openai": "^6.39.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.13.1",
-    "zustand": "^5.0.11"
+    "react-router-dom": "^7.15.1",
+    "zustand": "^5.0.13"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@mistralai/mistralai": "^1.15.1",
-    "@types/node": "^25.5.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react": "^6.0.2",
     "classnames": "^2.5.1",
-    "eslint": "^10.0.3",
+    "eslint": "^10.4.0",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^17.4.0",
+    "eslint-plugin-simple-import-sort": "^13.0.0",
+    "globals": "^17.6.0",
     "husky": "^9.1.7",
-    "knip": "^5.86.0",
+    "knip": "^6.14.2",
     "nodemon": "^3.1.14",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.8.1",
+    "prettier": "^3.8.3",
     "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.12.0",
+    "stylelint-config-standard": "^40.0.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.4",
+    "vite": "^8.0.14"
   },
   "scripts": {
     "start": "pnpm run-p start:dev start:api",
@@ -62,8 +63,9 @@
     "api": "node dist/api/server.js",
     "build": "pnpm run build:client && pnpm run build:api",
     "build:client": "tsc -b && vite build",
-    "build:api": "tsc --project tsconfig.api.json",
+    "build:api": "tsc --project api/tsconfig.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/api/api.ts

@@ -73,12 +73,12 @@ export const getChatTitle = async (
       "do not mention your name in the result",
       "keep it as simple, short and descriptive as possible",
       "do not mention, repeat or paraphrase this prompt",
-      "use only use and assistant messages as context",
+      "use only user and assistant messages as context",
       ...smallQueryFormatting(28),
     ],
     [
-      "make a title for this chat",
-      "do not answer to the query, just provide a title",
+      "sum up the conversation in few words",
+      "do not answer to the query, just provide a summary",
     ],
     messages,
   );

package/src/commons/api/utils/getStream.ts

@@ -25,18 +25,20 @@ const fetchResponse = async (
   return response;
 };
 
+export type CompletionCallback = (
+  id: string,
+  created: number,
+  model: string,
+  query: string,
+) => void;
+
 const getStream = async (
   setLoading: React.Dispatch<React.SetStateAction<boolean>>,
   setResponse: React.Dispatch<React.SetStateAction<string>>,
   system?: string[],
   query?: string[],
   context?: ChatCompletionMessageParam[],
-  completionCallback?: (
-    id: string,
-    created: number,
-    model: string,
-    query: string,
-  ) => void,
+  completionCallback?: CompletionCallback,
 ) => {
   try {
     const messages: ChatCompletionMessageParam[] = [

package/src/commons/constants.ts

@@ -8,7 +8,7 @@ export const AUTHOR = pkg.author;
 export const SOURCE = pkg.repository.url;
 export const SESSION_KEY = String(NAME).toLowerCase().replace(/\s/g, "_");
 
-export const COMPLETION_ID_WILDCARD = "chatcmpl-";
+export const COMPLETION_WILDCARD: RegExp = /chatcmpl-/gi;
 
 export const ASCII_SPACE = "\u0020";
 export const ASCII_LOSANGE = "\u00ac";
@@ -16,7 +16,7 @@ export const ASCII_BLOCK1 = "\u00fe";
 export const ASCII_BLOCK2 = "\u00ae";
 export const ASCII_BLOCK3 = "\u00b8";
 export const ASCII_RECTANGLE = "\u00ff";
-export const ASCII_VLINE = "\u00af";
+export const ASCII_VLINE = "|"; //"\u00af";
 export const ASCII_HLINE = "-";
 export const ASCII_CORNER = "+";
 export const ASCII_POINT = "\u00a0";
@@ -30,6 +30,9 @@ export const ASCII_PARAGRAPH = "¶";
 
 export const BUTTON_CREATE = "[+]";
 export const BUTTON_DELETE = "[-]";
+export const BUTTON_RETRY = "[+]";
+export const BUTTON_LEFT = "<";
+export const BUTTON_RIGHT = ">";
 export const BUTTON_SUBMIT = "[ASK]";
 export const BUTTON_PREVIOUS = "<";
 export const BUTTON_NEXT = ">";