omnibot3000 1.10.1 → 1.10.3

package/.github/workflows/keep_alive.yml

@@ -0,0 +1,13 @@
+name: keep render alive
+
+on:
+  schedule:
+    - cron: "*/10 * * * *"
+  workflow_dispatch:
+
+jobs:
+  ping:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Ping Render
+        run: curl -fsS https://omnibot3000.onrender.com/api/config

package/.github/workflows/publish.yml

@@ -8,6 +8,8 @@ on:
 jobs:
   publish:
     runs-on: ubuntu-latest
+    env:
+      FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
     permissions:
       contents: read
       id-token: write

package/TODO.md

@@ -2,9 +2,6 @@
 
 ## In Progress
 
-- allow query retry
-- handle conversation tree with multiple branches
-
 ## Backlog
 
 - add [OpenRouter](https://openrouter.ai/docs/quickstart#using-the-openai-sdk)
@@ -16,7 +13,9 @@
 - 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
+- randomize _Game of Life_ lifeforms angle by 90° steps
 - try to color text with [rasterbars](https://en.wikipedia.org/wiki/Raster_bar)
+- add links to [npmjs.com package](https://www.npmjs.com) on the /version page
 
 ## Done
 
@@ -31,3 +30,6 @@
   [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
+- allow query retry
+- handle conversation tree with multiple branches
+- make API available online on [Render](https://render.com)

package/netlify.toml

@@ -1,3 +1,7 @@
+[build]
+  command = "pnpm run build"
+  publish = "dist"
+
 [[redirects]]
   from = "/*"
   to = "/index.html"
@@ -5,5 +9,6 @@
 
 [[redirects]]
   from = "/api/*"
-  to = "/api"
+  to = "https://omnibot3000.onrender.com/api/:splat"
   status = 200
+  force = true

package/package.json

@@ -3,7 +3,7 @@
   "x-display-name": "OMNIBOT 3000",
   "description": "your omniscient source of truth",
   "private": false,
-  "version": "1.10.1",
+  "version": "1.10.3",
   "type": "module",
   "author": {
     "name": "rez",
@@ -19,39 +19,39 @@
     "omnibot": "./bin/omnibot.js"
   },
   "dependencies": {
-    "@mistralai/mistralai": "^2.2.1",
+    "@mistralai/mistralai": "^2.2.5",
     "dotenv": "^17.4.2",
-    "openai": "^6.39.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "openai": "^6.42.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.15.1",
-    "zustand": "^5.0.13"
+    "react-router-dom": "^7.17.0",
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.2",
     "classnames": "^2.5.1",
-    "eslint": "^10.4.0",
+    "eslint": "^10.5.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-react-refresh": "^0.5.3",
     "eslint-plugin-simple-import-sort": "^13.0.0",
     "globals": "^17.6.0",
     "husky": "^9.1.7",
-    "knip": "^6.14.2",
+    "knip": "^6.16.1",
     "nodemon": "^3.1.14",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.8.3",
+    "prettier": "^3.8.4",
     "react-refresh": "^0.18.0",
-    "stylelint": "^17.12.0",
+    "stylelint": "^17.13.0",
     "stylelint-config-standard": "^40.0.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.4",
-    "vite": "^8.0.14"
+    "typescript-eslint": "^8.61.0",
+    "vite": "^8.0.16"
   },
   "scripts": {
     "start": "pnpm run-p start:dev start:api",

package/src/App.tsx

@@ -15,6 +15,7 @@ import Menu from "@layout/Menu";
 import Line from "@ui/Line";
 import {format} from "@utils/math";
 import {getCharWidth, getLineHeight} from "@utils/strings";
+import {getVariableFromCSS} from "@utils/styles";
 import {isSystemDarkModeOn} from "@utils/system";
 
 import {CliProvider} from "@hooks/useCli";
@@ -100,9 +101,11 @@ const Layout = () => {
     el.className = "debug-info";
     document.body.appendChild(el);
     el.innerHTML = [
-      `viewport: ${vw}*${vh}`,
+      `v: ${vw}*${vh}`,
+      `scr: ${w}*${h}`,
       `char: ${cw}*${lh}`,
-      `w: ${w} | h: ${h}`,
+      `size: ${Math.floor((w - cw * 2) / cw)}*${Math.floor((h - cw * 2) / lh)}`,
+      `col: ${getVariableFromCSS("h")},${getVariableFromCSS("s")},${getVariableFromCSS("l")}`,
     ].join(" | ");
     el.style.display = debug ? "block" : "none";
   }, [w, h]);

package/src/commons/api/api.ts

@@ -79,6 +79,7 @@ export const getChatTitle = async (
     [
       "sum up the conversation in few words",
       "do not answer to the query, just provide a summary",
+      "do not use your last sentence where you roast humanity",
     ],
     messages,
   );

package/src/commons/constants.ts

@@ -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";

package/src/commons/utils/math.ts

@@ -15,6 +15,16 @@ export const clamp = (
   max: number = 1,
 ): number => Math.max(min, Math.min(n, max));
 
+export const lerp = (min: number = 0, max: number = 1, n: number = 0): number =>
+  min + (max - min) * clamp(n);
+
+export const lead = (
+  n: number = 0,
+  l: number = 1000,
+  c: string = "0",
+): string =>
+  `${c.repeat(Math.max(0, l.toFixed(0).length - n.toFixed(0).length))}${n}`;
+
 export type Unit = "byte" | "time" | "percent";
 
 const UNIT_SCALE: Record<Unit, Record<string, number>> = {

package/src/features/chat/Chat.tsx

@@ -27,6 +27,7 @@ const Chat = () => {
   const [parentId, setParentId] = useState<CompletionId>();
   const [loading, setLoading] = useState<boolean>(false);
   const [query, setQuery] = useState<string>("");
+  const [retry, setRetry] = useState<number>(0);
   const [updateTitle, setUpdateTitle] = useState<boolean>(false);
 
   const navigate = useNavigate();
@@ -45,6 +46,7 @@ const Chat = () => {
     const completion = chatStore.createCompletion(id, created, model, query);
     setCompletion(completion);
     setQuery("");
+    setRetry(0);
     cli.set([""]);
     cli.unblock();
   };
@@ -62,8 +64,8 @@ const Chat = () => {
       setLoading,
       setResponse,
       query,
-      chatStore.readMessages(completion?.id),
-      completion?.message,
+      chatStore.readMessages(id).slice(0, -retry * 2 || undefined),
+      undefined, //!retry ? completion?.message : undefined,
       completionCallback,
     );
   }, [query]);
@@ -76,9 +78,11 @@ const Chat = () => {
     } else {
       chatStore.loadChat(id);
     }
+    const conversation = chatStore.readConversation(id);
+    setParentId(conversation[conversation.length - 1]?.id);
   }, [id]);
 
-  /* update the chat is the chatId value in store changed */
+  /* update url if the chatId value in store changed */
   useEffect(() => {
     const unsubscribe = useChatCompletionStore.subscribe((state) => {
       navigate(`/chat${state.chatId ? `/${state.chatId}` : ""}`);
@@ -93,19 +97,18 @@ const Chat = () => {
       prev.message = response;
       return prev;
     });
-    if (!chatStore.chatId) chatStore.createChat(completion);
-    else chatStore.updateCompletion(completion, parentId);
+    if (!chatStore.readChat(id)) chatStore.createChat(completion);
+    else chatStore.updateCompletion(parentId, completion);
     /* reset values once the completion is saved in the store */
-    setCompletion(undefined);
-    setParentId(undefined);
+    setParentId(completion.id);
     setResponse("");
     setUpdateTitle(true);
   }, [completion]);
 
   const setTitle = async () => {
-    const title = await getChatTitle(chatStore.readMessages());
-    chatStore.updateChatTitle(title);
-    chatStore.updateCompletionTitle(title);
+    const title = await getChatTitle(chatStore.readMessages(id));
+    chatStore.updateChatTitle(id, title);
+    if (completion) chatStore.updateCompletionTitle(completion.id, title);
     storage.save();
   };
 
@@ -120,6 +123,7 @@ const Chat = () => {
       <Container>
         {chatStore
           .readConversation(id)
+          .slice(0, retry ? -retry : undefined)
           .map((completion: Completion, i: number, a: Completion[]) => (
             <Fragment key={`chat-completion-${completion.id}`}>
               <Message
@@ -132,8 +136,10 @@ const Chat = () => {
                 <Toolbar
                   completion={completion}
                   query={query}
+                  number={a.length - i}
                   setQuery={setQuery}
                   setParentId={setParentId}
+                  setRetry={setRetry}
                 />
               </div>
             </Fragment>

package/src/features/chat/components/Toolbar.tsx

@@ -9,6 +9,7 @@ import {
 import Button from "@ui/Button";
 import Line from "@ui/Line";
 import {log} from "@utils/debug";
+import {lead} from "@utils/math";
 
 import useStorage from "@hooks/useStorage";
 
@@ -23,13 +24,15 @@ import cls from "classnames";
 const Toolbar = (props: {
   completion: Completion;
   query: string;
+  number: number;
   setQuery: React.Dispatch<React.SetStateAction<string>>;
-  setParentId: React.Dispatch<React.SetStateAction<CompletionId | undefined>>;
+  setParentId: React.Dispatch<React.SetStateAction<CompletionId>>;
+  setRetry: React.Dispatch<React.SetStateAction<number>>;
 }) => {
   const chatStore = useChatCompletionStore();
   const storage = useStorage();
 
-  const {setQuery, setParentId} = props;
+  const {setQuery, setParentId, setRetry} = props;
 
   const deleteCompletion = (id: CompletionId) => {
     log(`delete ${id}`, "chat");
@@ -44,17 +47,32 @@ const Toolbar = (props: {
     log(`prompt: ${completion.prompt}`, "chat");
     setQuery(completion.prompt);
     setParentId(completion.parentId);
+    setRetry(number);
   };
 
   const loadCompletion = (id: CompletionId, index: number) => {
+    log(`load ${id} (index: ${index})`, "chat");
     const c = chatStore.findCompletion(id, index);
     if (!c) return;
-    log(`${c.id} (index: ${c.index})`, "chat");
+    chatStore.updateIndex(c.parentId, index);
     storage.save();
+    const conversation = chatStore.readConversation(chatStore.chatId);
+    setParentId(conversation[conversation.length - 1]?.id);
   };
 
-  const {completion} = props;
-  const parent = chatStore.readCompletion(completion.parentId);
+  const {completion, number} = props;
+
+  let parent;
+  if (completion.parentId === chatStore.chatId) {
+    const chat = chatStore.readChat(chatStore.chatId);
+    parent = {
+      id: chat?.id,
+      children: chatStore.completions.filter((c) => c.parentId === chat?.id),
+      index: chat?.index ?? 0,
+    };
+  } else {
+    parent = chatStore.readCompletion(completion.parentId);
+  }
 
   return (
     <footer className={styles.root}>
@@ -78,7 +96,7 @@ const Toolbar = (props: {
               }}
               disabled={parent.index === 0}
             />
-            <span>{`${parent.index + 1}/${parent.children.length}`}</span>
+            <span>{`${lead(parent.index + 1, parent.children.length)}/${parent.children.length}`}</span>
             <Button
               name={BUTTON_RIGHT}
               handler={() => {

package/src/features/chat/hooks/useChatCompletionStore.tsx

@@ -2,7 +2,8 @@ import {create} from "zustand";
 
 import {ChatCompletionMessageParam} from "openai/resources/index.mjs";
 
-//import {clamp} from "@utils/math";
+import {clamp} from "@utils/math";
+
 import {getCompletionId, getRandomToken} from "@chat/commons/strings";
 
 export type ChatId = string | undefined;
@@ -15,6 +16,8 @@ export interface Chat {
 
 export type CompletionId = string | undefined;
 
+export type ParentId = ChatId | CompletionId;
+
 export interface Completion {
   id: CompletionId;
   created: EpochTimeStamp;
@@ -24,13 +27,12 @@ export interface Completion {
   title: string;
   index: number;
   children: Completion[];
-  parentId: CompletionId;
+  parentId: ParentId;
 }
 
 export interface Data {
   chatId: ChatId;
   chats: Chat[];
-  completionId: CompletionId;
   completions: Completion[];
 }
 
@@ -39,14 +41,13 @@ export interface ChatCompletionStoreState {
   chatId: ChatId;
   chats: Chat[];
   createChat: (completion: Completion) => void;
-  readChat: (id?: ChatId) => Chat | undefined;
+  readChat: (id: ChatId) => Chat | undefined;
   updateChat: (chat: Chat) => void;
-  updateChatTitle: (title: string, id?: ChatId) => void;
-  deleteChat: (id?: ChatId) => void;
+  updateChatTitle: (id: ChatId, title: string) => void;
+  deleteChat: (id: ChatId) => void;
   resetChat: () => void;
-  loadChat: (id?: ChatId) => void;
+  loadChat: (id: ChatId) => void;
   /* completions */
-  completionId: CompletionId;
   completions: Completion[];
   createCompletion: (
     id: string,
@@ -54,15 +55,17 @@ export interface ChatCompletionStoreState {
     model: string,
     query: string,
   ) => Completion;
-  readCompletion: (id?: CompletionId) => Completion | undefined;
-  updateCompletion: (completion: Completion, id?: CompletionId) => void;
-  updateCompletionTitle: (title: string, id?: CompletionId) => void;
-  deleteCompletion: (id?: CompletionId) => void;
+  readCompletion: (id: CompletionId) => Completion | undefined;
+  updateCompletion: (id: CompletionId, completion: Completion) => void;
+  updateCompletionTitle: (id: CompletionId, title: string) => void;
+  deleteCompletion: (id: CompletionId) => void;
   findCompletion: (id: CompletionId, index: number) => Completion | undefined;
   /* tools */
-  getParent: (id?: CompletionId) => Completion | Chat | undefined;
-  readConversation: (id?: ChatId) => Completion[];
-  readMessages: (id?: ChatId) => ChatCompletionMessageParam[];
+  getParent: (id: CompletionId) => Completion | Chat | undefined;
+  getCompletions: (id: ParentId) => Completion[];
+  updateIndex: (id: CompletionId, index: number) => void;
+  readConversation: (id: ParentId) => Completion[];
+  readMessages: (id: ParentId) => ChatCompletionMessageParam[];
   /* data */
   export: () => Data;
   import: (data: Data) => void;
@@ -80,20 +83,18 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
         index: 0,
       };
       get().chats.push(chat);
-      set({chatId: chat.id, completionId: completion.id});
+      set({chatId: chat.id});
       completion.parentId = chat.id;
       get().completions.push(completion);
     },
     readChat: (id?: ChatId): Chat | undefined =>
-      get().chats.find((chat: Chat) =>
-        Boolean((id || get().chatId) === chat.id),
-      ),
+      get().chats.find((chat: Chat) => (id || get().chatId) === chat.id),
     updateChat: (chat: Chat) => {
       set({
         chats: get().chats.map((c: Chat) => (c.id === chat.id ? {...chat} : c)),
       });
     },
-    updateChatTitle: (title: string, id?: ChatId) => {
+    updateChatTitle: (id: ChatId, title: string) => {
       const chat = get().readChat(id);
       if (!chat) return;
       chat.title = title;
@@ -112,24 +113,14 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
       });
     },
     resetChat: () => {
-      set({
-        chatId: undefined,
-        completionId: undefined,
-      });
+      set({chatId: undefined});
     },
     loadChat: (id?: ChatId) => {
       const chat = get().readChat(id);
       if (!chat) return;
-      set({
-        chatId: chat.id,
-        completionId:
-          get().completions.find((completion) =>
-            Boolean(completion.parentId === chat.id),
-          )?.id || undefined,
-      });
+      set({chatId: chat.id});
     },
     /* completions */
-    completionId: undefined,
     completions: [],
     createCompletion: (
       id: string,
@@ -150,34 +141,30 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
       };
       return completion;
     },
-    readCompletion: (id?: CompletionId): Completion | undefined => {
-      const completionId = id || get().completionId;
+    readCompletion: (id: CompletionId): Completion | undefined => {
       const queue: Completion[] = [...get().completions];
       let i = 0;
       while (i < queue.length) {
         const current = queue[i++];
-        if (current.id === completionId) return current;
+        if (current.id === id) return current;
         if (current.children.length > 0) queue.push(...current.children);
       }
       return undefined;
     },
-    updateCompletion: (completion: Completion, id?: CompletionId) => {
-      const parent = get().readCompletion(id);
-      if (parent) {
-        completion.parentId = parent.id;
+    updateCompletion: (id: ParentId, completion: Completion) => {
+      const parent = get().getParent(id);
+      if (!parent) return;
+      completion.parentId = parent.id;
+      if ("children" in parent) {
         parent.children.push(completion);
         parent.index = parent.children.length - 1;
-      } else if (get().chatId) {
-        const chat = get().readChat();
-        if (!chat) return;
-        completion.parentId = chat.id;
+      } else {
         get().completions.push(completion);
-        chat.index =
-          get().completions.filter((c) => c.parentId === chat.id).length - 1;
-      } else return;
-      set({completionId: completion.id});
+        parent.index =
+          get().completions.filter((c) => c.parentId === parent.id).length - 1;
+      }
     },
-    updateCompletionTitle: (title: string, id?: CompletionId) => {
+    updateCompletionTitle: (id: CompletionId, title: string) => {
       const completion = get().readCompletion(id);
       if (!completion) return;
       completion.title = title;
@@ -186,55 +173,79 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
     deleteCompletion: (id?: CompletionId) => {
       const completion = get().readCompletion(id);
       if (!completion) return;
-      const parent = get().readCompletion(completion.parentId);
-      if (parent) {
-        parent.children = parent.children.filter((c) => c.id !== completion.id);
-        parent.index = parent.children.length - 1;
-        set({
-          completionId: parent.id,
-          completions: [...get().completions],
-        });
-      } else if (get().completions.length > 0) {
-        set({
-          completionId: undefined,
-          completions: get().completions.filter((c) => c.id !== completion.id),
-        });
+      const parent = get().getParent(completion.parentId);
+      const completions = get().completions.filter(
+        (c) => c.id !== completion.id,
+      );
+      set({completions: [...completions]});
+      /* delete the chat if the deleted completion is the last one */
+      if (completions.length === 0) get().deleteChat(completion.parentId);
+      if (!parent) return;
+      if ("children" in parent) {
+        parent.children = parent.children.filter((c) => c.id !== id);
       }
-    },
-    getParent: (id?: CompletionId): Completion | Chat | undefined => {
-      const completion = get().readCompletion(id);
-      if (!completion) return;
-      const parent =
-        get().readCompletion(completion.parentId) ||
-        get().readChat(completion.parentId);
-      return parent;
+      get().updateIndex(parent.id, parent.index - 1);
     },
     findCompletion: (
       id: CompletionId,
       index: number,
     ): Completion | undefined => {
-      const parent = get().getParent(id);
-      if (!parent || !("children" in parent)) return;
-      return parent.children && parent.children?.[index];
+      const completion = get().readCompletion(id);
+      if (!completion) return;
+      const parent = get().getParent(completion.parentId);
+      if (!parent) return;
+      return get()
+        .getCompletions(parent.id)
+        .filter((c) => c.parentId === parent.id)[index];
     },
     /* tools */
-    readConversation: (id?: ChatId): Completion[] => {
-      const conversation: Completion[] = [];
-      let current = get().completions.find((completion) =>
-        Boolean(completion.parentId === (id || get().chatId)),
+    getParent: (id?: ParentId): Completion | Chat | undefined =>
+      get().readCompletion(id) || get().readChat(id),
+    getCompletions: (id?: ParentId): Completion[] => {
+      let completions: Completion[] = [];
+      const parent = get().getParent(id);
+      if (!parent) return completions;
+      if ("children" in parent) completions = parent.children;
+      else
+        completions = completions.concat(
+          get().completions.filter((c) => c.parentId === parent.id),
+        );
+      return completions.sort((a, b) => a.created - b.created);
+    },
+    updateIndex: (id: ParentId, index: number) => {
+      const parent = get().getParent(id);
+      if (!parent) return;
+      const completions = get().getCompletions(parent.id);
+      parent.index = clamp(index, 0, completions.length - 1);
+      const conversation = get().readConversation(get().chatId);
+      get().updateChatTitle(
+        get().chatId,
+        conversation[conversation.length - 1]?.title || "",
       );
+    },
+    readConversation: (id: ParentId): Completion[] => {
+      const conversation: Completion[] = [];
+      const chat = get().readChat(id);
+      if (!chat) return [];
+      const completions = get()
+        .completions.filter((c) => c.parentId === chat.id)
+        .sort((a, b) => a.created - b.created);
+      let current = completions[clamp(chat.index, 0, completions.length - 1)];
       if (!current) return [];
       conversation.push(current);
       if (!current?.children) return conversation;
       while (current.children.length > 0) {
-        current = current.children[current.index ?? 0];
+        current =
+          current.children[
+            clamp(current.index, 0, current.children.length - 1)
+          ];
         conversation.push(current);
       }
       return conversation;
     },
-    readMessages: (): ChatCompletionMessageParam[] =>
+    readMessages: (id: ParentId): ChatCompletionMessageParam[] =>
       get()
-        .readConversation()
+        .readConversation(id)
         .map((completion: Completion) => {
           return [
             {role: "user", content: completion.prompt},
@@ -249,10 +260,6 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
           get().chats.find((chat: Chat) => Boolean(chat.id === get().chatId))
             ?.id || undefined,
         chats: get().chats,
-        completionId:
-          get().completions.find((completion: Completion) =>
-            Boolean(completion.id === get().completionId),
-          )?.id || undefined,
         completions: get().completions.filter((completion: Completion) =>
           Boolean(
             get().chats.find((chat: Chat) =>
@@ -266,7 +273,6 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
       set({
         chatId: data.chatId,
         chats: [...data.chats],
-        completionId: data.completionId,
         completions: [...data.completions],
       });
     },
@@ -274,142 +280,3 @@ const useChatCompletionStore = create<ChatCompletionStoreState>()(
 );
 
 export default useChatCompletionStore;
-
-/*
-    updateChat: (newChat: Chat) => {
-      const updatedChats: Chat[] = get().chats.map(
-        (chat: Chat): Chat => (chat.id === newChat.id ? {...newChat} : chat),
-      );
-      set({chats: updatedChats});
-      get().setConversation();
-      get().setMessages();
-    },
-    updateChatTitle: (title: string, id?: ChatId) => {
-      const chat = get().getChat(id);
-      if (!chat) return;
-      chat.title = title;
-      get().updateChat(chat);
-    },
-    loadChat: (id?: ChatId) => {
-      const chat = get().getChat(id);
-      if (!chat) return;
-      set({
-        chatId: chat.id,
-        chat,
-        completions: chat.completions,
-      });
-      const completion = get().getCompletion(get().getCompletionId());
-      if (completion) set({completionId: completion.id, completion});
-      get().setConversation();
-      get().setMessages();
-      console.info(get().chatId);
-      console.info(get().chat);
-      console.info(get().completions);
-      console.info(get().completionId);
-      console.info(get().completion);
-      console.info(get().conversation);
-      console.info(get().messages);
-    },
-    deleteChat: (id?: ChatId) => {
-      const index = get().chats.findIndex((chat: Chat) => id === chat.id);
-      if (index === -1) return;
-      const updatedChats = [...get().chats];
-      updatedChats.splice(index, 1);
-      get().setChats(updatedChats);
-      get().resetChat();
-    },
-    resetChat: () => {
-      set({
-        completionId: undefined,
-        completion: undefined,
-        completions: [],
-        chatId: undefined,
-        chat: undefined,
-        conversation: [],
-        messages: [],
-      });
-    },
-    chats: [],
-    getChats: () => get().chats,
-    setChats: (chats?: Chat[]) => set({chats}),
-    completionId: undefined,
-    setCompletionId: (id?: CompletionId) => set({completionId: id}),
-    getCompletionId: () => {
-      const completions = get().completions;
-      if (!completions.length) return;
-      let current = completions[get().chat?.index ?? completions.length - 1];
-      if (!current?.children) return;
-      while (current.children.length > 0)
-        current =
-          current.children[current.index ?? current.children.length - 1];
-      return current.id;
-    },
-    completion: undefined,
-    setCompletion: (completion?: Completion) => set({completion}),
-    appendCompletion: () => {
-      const completion = get().completion;
-      if (!completion) return;
-      if (completion.parentId) {
-        const parent = get().getCompletion(completion.parentId);
-        if (!parent) return;
-        console.info("append completion to", parent.id);
-        completion.parentId = parent.id;
-        parent.children.push(completion);
-        parent.index = parent.children.length - 1;
-      } else {
-        const chat = get().getChat();
-        if (!chat) return;
-        console.info("append completion to", chat.id);
-        completion.parentId = undefined;
-        chat.completions.push(completion);
-        chat.index = chat.completions.length - 1;
-      }
-      set({completionId: completion.id, completion});
-    },
-    loadCompletion: (id?: CompletionId) => {
-      const completion = get().getCompletion(id);
-      if (!completion) return;
-      set({completionId: completion.id, completion});
-      get().setConversation();
-      get().setMessages();
-    },
-    deleteCompletion: (id?: CompletionId) => {
-      const completion = get().getCompletion(id);
-      if (!completion) return;
-      const parent = get().getCompletion(completion.parentId);
-      if (parent) {
-        parent.children = parent.children.filter((c) => c.id !== completion.id);
-        parent.index = parent.children.length - 1;
-        set({
-          completionId: parent.id,
-          completion: parent,
-          completions: [...get().completions],
-        });
-      } else if (get().completions.length > 0) {
-        set({
-          completions: get().completions.filter((c) => c.id !== completion.id),
-        });
-      }
-    },
-    setCompletionIndex: (id?: CompletionId, index?: number) => {
-      const completion = get().getCompletion(id);
-      if (!completion) return;
-      completion.index = clamp(index, 0, completion.children.length - 1);
-      get().loadCompletion(completion.id);
-    },
-    completions: [],
-    setCompletions: (id?: ChatId) =>
-      set({completions: get().getCompletions(id)}),
-    getCompletions: (id?: ChatId) => get().getChat(id)?.completions || [],
-    updateCompletions: (id?: ChatId) => {
-      const chat = get().getChat(id);
-      if (!chat) return;
-      get().updateChat({...chat, completions: get().completions});
-    },
-    conversation: [],
-    setConversation: (id?: ChatId) =>
-      set({conversation: get().getConversation(id)}),
-    messages: [],
-    setMessages: (id?: ChatId) => set({messages: get().getMessages(id)}),
-    getMessages: (id?: ChatId) =>
-*/

package/src/features/console/cmd.ts

@@ -1,4 +1,4 @@
-import {clamp} from "@utils/math";
+import {clamp, format} from "@utils/math";
 import {getVariableFromCSS, setVariableToCSS} from "@utils/styles";
 
 import Config, {ConfigValue} from "@console/config";
@@ -53,17 +53,17 @@ const cmd = (
       }
       switch (arg1) {
         case "h":
-          value = clamp(parseFloat(arg2), 0, 360).toFixed(1);
+          value = format(clamp(parseFloat(arg2), 0, 360), 0);
           break;
         case "s":
-          value = clamp(parseInt(arg2), 0, 100).toFixed(0);
+          value = format(clamp(parseFloat(arg2), 0, 100), 0);
           break;
         case "l":
-          value = clamp(parseInt(arg2), 0, 100).toFixed(0);
+          value = format(clamp(parseFloat(arg2), 0, 100), 0);
           break;
       }
-      setVariableToCSS(arg1, value);
-      config.update(cmd, arg1, value);
+      setVariableToCSS(arg1, value.toString());
+      config.update(cmd, arg1, value.toString());
       break;
     case "size":
       value = clamp(

package/vite.config.ts

@@ -41,6 +41,12 @@ export default defineConfig(({mode}) => {
       host: true,
       port: 3000,
       allowedHosts: [env.DOMAIN],
+      proxy: {
+        "/api": {
+          target: "https://omnibot3000.onrender.com",
+          changeOrigin: true,
+        },
+      },
       watch: {
         usePolling: false /* speed up updates */,
         ignored: ["**/node_modules/**", "**/dist/**"],