openbot 0.1.17 → 0.1.20

package/dist/agent.js

@@ -1,9 +1,12 @@
-import os from "node:os";
 import { melony } from "melony";
 import { shellPlugin, shellToolDefinitions } from "@melony/plugin-shell";
+import { shellUIPlugin } from "@melony/plugin-shell/ui";
 import { browserPlugin, browserToolDefinitions } from "@melony/plugin-browser";
+import { browserUIPlugin } from "@melony/plugin-browser/ui";
 import { fileSystemPlugin, fileSystemToolDefinitions } from "@melony/plugin-file-system";
+import { fileSystemUIPlugin } from "@melony/plugin-file-system/ui";
 import { metaAgentPlugin, metaAgentToolDefinitions, buildSystemPrompt } from "@melony/plugin-meta-agent";
+import { metaAgentUIPlugin } from "@melony/plugin-meta-agent/ui";
 import { aiSDKPlugin } from "@melony/plugin-ai-sdk";
 import { openai } from "@ai-sdk/openai";
 import { anthropic } from "@ai-sdk/anthropic";
@@ -77,26 +80,31 @@ export async function createOpenBot(options) {
     }
     const llmPlugin = aiSDKPlugin({
         model: model,
-        system: (_context) => buildSystemPrompt(resolvedBaseDir),
+        system: (context) => buildSystemPrompt(resolvedBaseDir, context),
         toolDefinitions,
     });
     // Use a dedicated directory for the agent's browser data to avoid conflicts with your main Chrome.
     // Using the root Chrome directory causes conflicts and can log you out of your main browser.
-    const userDataDir = path.join(os.homedir(), ".openbot", "browser-data");
+    const userDataDir = path.join(resolvedBaseDir, "browser-data");
     return melony()
         .use(shellPlugin({ cwd: process.cwd() }))
+        .use(shellUIPlugin())
         .use(browserPlugin({
         headless: true, // Set to false once to log in manually if needed
         userDataDir: userDataDir,
-        channel: 'chrome'
+        channel: 'chrome',
+        model: model
     }))
+        .use(browserUIPlugin())
         .use(fileSystemPlugin({
         baseDir: "/", // Global access
     }))
+        .use(fileSystemUIPlugin())
         .use(metaAgentPlugin({
         baseDir: resolvedBaseDir,
         allowSoulModification: false, // Protect core values
     }))
+        .use(metaAgentUIPlugin())
         .use(llmPlugin)
         .on("init", initHandler);
 }

package/dist/cli.js

@@ -6,7 +6,7 @@ const program = new Command();
 program
     .name("openbot")
     .description("OpenBot CLI - Secure and easy configuration")
-    .version("0.1.17");
+    .version("0.1.20");
 program
     .command("configure")
     .description("Configure OpenBot model and settings")

package/dist/config.js

@@ -1,7 +1,7 @@
 import fs from "node:fs";
 import path from "node:path";
 import os from "node:os";
-export const DEFAULT_BASE_DIR = "~/openbot";
+export const DEFAULT_BASE_DIR = "~/.openbot";
 export function loadConfig() {
     const configPath = path.join(os.homedir(), ".openbot", "config.json");
     if (fs.existsSync(configPath)) {

package/dist/handlers/init.js

@@ -1,148 +1,17 @@
+import { layoutUI } from "../ui/layout.js";
 /**
  * Initial application layout handler
  */
-export async function* initHandler(event) {
-    const thredUI = {
-        type: "thread",
-        props: {
-            placeholder: "Ask me anything about your system or projects...",
-            welcomeTitle: "OpenBot System Agent",
-            welcomeMessage: "I'm your global system assistant. I have access to your file system and shell. How can I help you today?",
-            suggestions: [
-                "What is in my current directory?",
-                "Check system status",
-                "Who am I?",
-            ]
-        },
-    };
-    const navigationUI = {
-        type: "list",
-        props: {
-            gap: "sm",
-            padding: "sm",
-        },
-        children: [
-            {
-                type: "listItem",
-                props: {
-                    onClickAction: {
-                        type: "client:navigate",
-                        data: {
-                            path: "/some-url",
-                        }
-                    },
-                },
-                children: [
-                    {
-                        type: "icon",
-                        props: {
-                            name: "🏠"
-                        }
-                    }
-                ]
-            },
-            {
-                type: "listItem",
-                props: {
-                    onClickAction: {
-                        type: "client:navigate",
-                        data: {
-                            path: "/some-other-url",
-                        }
-                    },
-                },
-                children: [
-                    {
-                        type: "icon",
-                        props: {
-                            name: "⚙️"
-                        }
-                    }
-                ]
-            }
-        ]
-    };
-    const browserMonitorUI = {
-        type: "card",
-        props: {
-            title: "Browser Manager",
-            subtitle: "Manage open tabs & memory",
-            padding: "sm",
-            width: "300px",
-        },
-        children: [
-            {
-                type: "col",
-                props: { gap: "sm" },
-                children: [
-                    {
-                        type: "text",
-                        props: {
-                            value: "Status: Persistent session active",
-                            size: "xs",
-                            color: "muted"
-                        }
-                    },
-                    {
-                        type: "row",
-                        props: { gap: "xs", justify: "end" },
-                        children: [
-                            {
-                                type: "button",
-                                props: {
-                                    label: "Refresh",
-                                    size: "xs",
-                                    variant: "outline",
-                                    onClickAction: {
-                                        type: "browser:poll_state", // Sends this event to the server
-                                    }
-                                }
-                            },
-                            {
-                                type: "button",
-                                props: {
-                                    label: "Clean Junk",
-                                    size: "xs",
-                                    variant: "danger",
-                                    onClickAction: {
-                                        type: "browser:cleanup", // Sends this event to the server
-                                    }
-                                }
-                            }
-                        ]
-                    }
-                ]
-            }
-        ]
-    };
-    const layoutUI = {
-        type: "box",
-        props: {
-            padding: "none",
-            radius: "md",
-            shadow: "sm",
-            height: "full",
-        },
-        children: [
-            thredUI,
-            {
-                type: "float",
-                props: {
-                    position: "top-left"
-                },
-                children: [
-                    navigationUI
-                ]
-            },
-            // {
-            //   type: "float",
-            //   props: { position: "top-right", margin: "md" }, // Add it to the top right
-            //   children: [browserMonitorUI]
-            // }
-        ]
-    };
+export async function* initHandler(event, { state }) {
+    // Initialize path state if not already present
+    if (!state.cwd) {
+        state.cwd = process.cwd();
+    }
+    if (!state.workspaceRoot) {
+        state.workspaceRoot = process.cwd();
+    }
     yield {
         type: "ui",
-        data: layoutUI
+        data: await layoutUI({ tab: event.data?.tab || "chat", sessionId: state.sessionId })
     };
 }

package/dist/server.js

@@ -6,7 +6,7 @@ import { Command } from "commander";
 import { generateId } from "melony";
 import { createOpenBot } from "./agent.js";
 import { loadConfig } from "./config.js";
-import { loadSession, saveSession } from "./session.js";
+import { loadSession, saveSession, logEvent, loadEvents } from "./session.js";
 const program = new Command();
 program
     .name("openbot-server")
@@ -36,18 +36,21 @@ program
     app.get("/api/init", async (req, res) => {
         const platform = req.query.platform || "web";
         const sessionId = req.query.sessionId || "default";
+        const tab = req.query.tab;
         const state = await loadSession(sessionId) ?? {};
         const response = await openBot.jsonResponse({
             type: "init",
-            data: { platform }
+            data: { platform, tab }
         }, {
-            state,
+            state: { ...state, sessionId },
             runId: generateId()
         });
         const result = await response.json();
-        // Save state in case init handler modified it
-        await saveSession(sessionId, state);
-        res.json(result);
+        const initialEvents = await loadEvents(sessionId);
+        res.json({
+            data: result.data,
+            initialEvents
+        });
     });
     // Chat endpoint
     app.post("/api/chat", async (req, res) => {
@@ -67,6 +70,8 @@ program
         const sessionId = body.sessionId ?? "default";
         const runId = body.runId ?? `run_${generateId()}`;
         const state = await loadSession(sessionId) ?? {};
+        // Log the incoming event
+        await logEvent(sessionId, runId, body.event);
         const iterator = runtime.run(body.event, {
             runId,
             state,
@@ -81,7 +86,7 @@ program
                     break;
                 }
                 // Log each event to the persistent file
-                // await logEvent(sessionId, runId, chunk);
+                await logEvent(sessionId, runId, chunk);
                 res.write(`data: ${JSON.stringify(chunk)}\n\n`);
             }
             // After the run finishes, save the final state back to disk

package/dist/session.js

@@ -35,6 +35,12 @@ function getSessionDir(sessionId) {
     const today = new Date().toISOString().slice(0, 10);
     return path.join(SESSIONS_DIR, today, sessionId);
 }
+/**
+ * Maximum number of messages to keep when loading a session.
+ * Older messages are dropped to avoid bloated context windows.
+ * System messages at the start are always preserved and don't count toward the limit.
+ */
+const MAX_MESSAGES = 1000; // aiSdkPlugin defaults to latest 20 messages
 export async function loadSession(sessionId) {
     const sessionDir = getSessionDir(sessionId);
     const statePath = path.join(sessionDir, "state.json");
@@ -43,7 +49,19 @@ export async function loadSession(sessionId) {
     }
     try {
         const data = fs.readFileSync(statePath, "utf-8");
-        return JSON.parse(data);
+        const state = JSON.parse(data);
+        if (state.messages && state.messages.length > MAX_MESSAGES) {
+            // Preserve system messages at the beginning, then keep the tail
+            const systemMessages = [];
+            let rest = state.messages;
+            while (rest.length > 0 && rest[0].role === "system") {
+                systemMessages.push(rest[0]);
+                rest = rest.slice(1);
+            }
+            const kept = rest.slice(-MAX_MESSAGES);
+            state.messages = [...systemMessages, ...kept];
+        }
+        return state;
     }
     catch (error) {
         console.error(`Failed to load session ${sessionId}:`, error);
@@ -71,3 +89,63 @@ export async function logEvent(sessionId, runId, event) {
     });
     fs.appendFileSync(logPath, entry + "\n", "utf-8");
 }
+export async function loadEvents(sessionId) {
+    const sessionDir = getSessionDir(sessionId);
+    const logPath = path.join(sessionDir, `events.jsonl`);
+    if (!fs.existsSync(logPath)) {
+        return [];
+    }
+    try {
+        const data = fs.readFileSync(logPath, "utf-8");
+        return data
+            .split("\n")
+            .filter((line) => line.trim() !== "")
+            .map((line) => JSON.parse(line));
+    }
+    catch (error) {
+        console.error(`Failed to load events for session ${sessionId}:`, error);
+        return [];
+    }
+}
+export async function listSessions() {
+    if (!fs.existsSync(SESSIONS_DIR))
+        return [];
+    const sessions = [];
+    try {
+        const items = fs.readdirSync(SESSIONS_DIR);
+        for (const item of items) {
+            const itemPath = path.join(SESSIONS_DIR, item);
+            const stat = fs.statSync(itemPath);
+            if (stat.isDirectory()) {
+                // If it's a date folder (YYYY-MM-DD), look inside
+                if (/^\d{4}-\d{2}-\d{2}$/.test(item)) {
+                    const subItems = fs.readdirSync(itemPath);
+                    for (const subItem of subItems) {
+                        const sessionPath = path.join(itemPath, subItem);
+                        const statePath = path.join(sessionPath, "state.json");
+                        if (fs.existsSync(statePath)) {
+                            sessions.push({
+                                id: subItem,
+                                mtime: fs.statSync(statePath).birthtime, // sort by creation time
+                            });
+                        }
+                    }
+                }
+                else {
+                    // It's a legacy session folder in root
+                    const statePath = path.join(itemPath, "state.json");
+                    if (fs.existsSync(statePath)) {
+                        sessions.push({
+                            id: item,
+                            mtime: fs.statSync(statePath).birthtime, // sort by creation time
+                        });
+                    }
+                }
+            }
+        }
+    }
+    catch (error) {
+        console.error("Failed to list sessions:", error);
+    }
+    return sessions.sort((a, b) => b.mtime.getTime() - a.mtime.getTime());
+}

package/dist/ui/header.js

@@ -0,0 +1,55 @@
+import { ui } from "@melony/ui-kit";
+export const headerUI = (tab) => ui.box({
+    padding: "sm",
+    background: "background",
+    width: "full",
+}, [
+    ui.row({ justify: "between", align: "center", width: "full" }, [
+        ui.row({ gap: "xs", align: "center" }, [
+            ui.button({
+                label: "OpenBot",
+                variant: "ghost",
+                size: "sm",
+                onClickAction: {
+                    type: "client:navigate",
+                    data: { path: "/" },
+                },
+            }),
+            ui.divider({ orientation: "vertical", margin: "xs" }),
+            ui.button({
+                label: "Chat",
+                variant: (tab === "chat" || !tab) ? "secondary" : "ghost",
+                size: "sm",
+                onClickAction: {
+                    type: "client:navigate",
+                    data: { path: "/" },
+                },
+            }),
+            ui.button({
+                label: "Skills",
+                variant: tab === "skills" ? "secondary" : "ghost",
+                size: "sm",
+                onClickAction: {
+                    type: "client:navigate",
+                    data: { path: "/?tab=skills" },
+                },
+            }),
+            ui.button({
+                label: "Settings",
+                variant: tab === "settings" ? "secondary" : "ghost",
+                size: "sm",
+                onClickAction: {
+                    type: "client:navigate",
+                    data: { path: "/?tab=settings" },
+                },
+            }),
+        ]),
+        ui.row({ gap: "sm", align: "center", width: "auto" }, [
+            ui.button({
+                label: "JD",
+                variant: "outline",
+                size: "sm",
+            }),
+        ]),
+    ]),
+]);

package/dist/ui/layout.js

@@ -0,0 +1,25 @@
+import { ui } from "@melony/ui-kit";
+import { threadUI } from "./thread.js";
+import { sidebarUI } from "./sidebar.js";
+import { settingsUI } from "./settings.js";
+import { skillsUI } from "./skills.js";
+import { listSessions } from "../session.js";
+const tabs = {
+    chat: threadUI,
+    settings: settingsUI,
+    skills: skillsUI,
+};
+// export const layoutUI = (tab: string) =>
+//   ui.col({ height: "full", width: "full", gap: "none" }, [
+//     headerUI(tab),
+//     ui.box({ flex: 1, width: "full", overflow: "auto" }, [
+//       tabs[tab as keyof typeof tabs],
+//     ]),
+//   ]);
+export const layoutUI = async ({ tab, sessionId }) => {
+    const sessions = await listSessions();
+    return ui.row({ height: "full" }, [
+        sidebarUI({ sessions, sessionId }),
+        tabs[tab]
+    ]);
+};

package/dist/ui/navigation.js

@@ -0,0 +1,13 @@
+import { ui } from "@melony/ui-kit";
+const listItemProps = (path) => ({
+    onClickAction: {
+        type: "client:navigate",
+        data: { path },
+    },
+});
+export const navigationUI = ui.box({ width: "full" }, [ui.list({
+        gap: "none",
+    }, [
+        ui.listItem(listItemProps("/"), [ui.text("Chat", { size: "sm" })]),
+        ui.listItem(listItemProps("/?tab=skills"), [ui.text("Skills", { size: "sm" })]),
+    ])]);

package/dist/ui/settings.js

@@ -0,0 +1,44 @@
+import { ui } from "@melony/ui-kit";
+export const settingsUI = ui.box({
+    width: "full",
+    height: "full",
+    padding: "xl",
+    background: "background",
+}, [
+    ui.col({ gap: "xl", width: "full" }, [
+        ui.col({ gap: "xs" }, [
+            ui.heading("Settings", 2),
+            ui.text("Manage your OpenBot configuration", { color: "mutedForeground" }),
+        ]),
+        ui.divider(),
+        ui.col({ gap: "md" }, [
+            ui.heading("Model Configuration", 4),
+            ui.row({ align: "center", gap: "md" }, [
+                ui.box({ flex: 1 }, [
+                    ui.node("label", { value: "Provider" }),
+                    ui.text("OpenAI (GPT-4o)", { size: "sm", color: "mutedForeground" }),
+                ]),
+                ui.button({ label: "Change", variant: "outline", size: "sm" })
+            ]),
+        ]),
+        ui.col({ gap: "md" }, [
+            ui.heading("API Keys", 4),
+            ui.col({ gap: "sm" }, [
+                ui.node("label", { value: "OpenAI API Key" }),
+                ui.row({ gap: "sm" }, [
+                    ui.input("openai_api_key", undefined, {
+                        placeholder: "sk-...",
+                        inputType: "password",
+                        defaultValue: "••••••••••••••••",
+                        width: "full"
+                    }),
+                    ui.button({ label: "Save", size: "sm" })
+                ])
+            ])
+        ]),
+        ui.col({ gap: "md" }, [
+            ui.heading("Theme", 4),
+            ui.themeToggle(),
+        ])
+    ])
+]);

package/dist/ui/sidebar.js

@@ -0,0 +1,57 @@
+import { ui } from "@melony/ui-kit";
+import { navigationUI } from "./navigation.js";
+export const sidebarUI = ({ sessions, sessionId }) => ui.box({
+    width: 280,
+    height: "full",
+    overflow: "hidden",
+    background: "muted/20",
+}, [
+    ui.col({ width: "full", height: "full" }, [
+        ui.box({ padding: "xs" }, [
+            ui.row({ justify: "between", align: "center", width: "full" }, [
+                ui.button({
+                    label: "OpenBot",
+                    variant: "ghost",
+                    size: "sm",
+                    onClickAction: {
+                        type: "client:navigate",
+                        data: { path: "/" },
+                    },
+                }),
+            ]),
+        ]),
+        ui.col({ width: "full", gap: "sm", padding: "sm" }, [
+            navigationUI,
+        ]),
+        ui.col({ width: "full", flex: 1, padding: "sm", overflow: "auto" }, [
+            ui.list({
+                gap: "none",
+                width: "full",
+            }, [
+                ...sessions.map((session) => ui.listItem({
+                    padding: "sm",
+                    onClickAction: {
+                        type: "client:navigate",
+                        data: { path: `/?sessionId=${session.id}` },
+                    },
+                    background: session.id === sessionId ? "muted" : "transparent",
+                }, [ui.text(session.id.slice(0, 10), { size: "sm" })]))
+            ]),
+        ]),
+        ui.spacer({ size: "xs" }),
+        ui.box({ padding: "sm", width: "full" }, [
+            ui.list({
+                gap: "sm",
+                width: "full",
+            }, [
+                ui.listItem({
+                    padding: "sm",
+                    onClickAction: {
+                        type: "client:navigate",
+                        data: { path: "/?tab=settings" },
+                    },
+                }, [ui.text("Settings", { size: "sm" })]),
+            ]),
+        ]),
+    ]),
+]);

package/dist/ui/skills.js

@@ -0,0 +1,7 @@
+import { ui } from "@melony/ui-kit";
+export const skillsUI = ui.box({
+    padding: "md",
+}, [
+    ui.heading("Skills", 2),
+    ui.text("The skills for the OpenBot", { size: "sm", color: "mutedForeground" }),
+]);

package/dist/ui/thread.js

@@ -0,0 +1,14 @@
+import { ui } from "@melony/ui-kit";
+export const threadUI = ui.box({
+    width: "full",
+    height: "full",
+}, [ui.thread({
+        placeholder: "Ask me anything about your system or projects...",
+        welcomeTitle: "OpenBot",
+        welcomeMessage: "Hey there! I'm your trusty system sidekick with superpowers over your files and terminal. Let's make some magic happen!",
+        suggestions: [
+            "What is in my current directory?",
+            "Check system status",
+            "Who am I?",
+        ]
+    })]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openbot",
-  "version": "0.1.17",
+  "version": "0.1.20",
   "private": false,
   "type": "module",
   "bin": {
@@ -16,12 +16,13 @@
     "dotenv": "^16.4.5",
     "express": "^4.19.2",
     "zod": "^4.3.5",
-    "@melony/plugin-ai-sdk": "0.1.4",
-    "@melony/plugin-file-system": "0.1.1",
-    "@melony/plugin-browser": "0.1.3",
-    "@melony/plugin-shell": "0.1.1",
-    "@melony/plugin-meta-agent": "0.1.2",
-    "melony": "0.2.6"
+    "@melony/plugin-ai-sdk": "0.1.5",
+    "@melony/plugin-file-system": "0.1.3",
+    "@melony/plugin-browser": "0.1.5",
+    "@melony/plugin-shell": "0.1.2",
+    "melony": "0.2.7",
+    "@melony/ui-kit": "0.1.3",
+    "@melony/plugin-meta-agent": "0.1.3"
   },
   "devDependencies": {
     "@types/express": "^4.17.21",