nyxora 1.3.0 → 1.4.0

package/dist/agent/reasoning.js

@@ -22,6 +22,14 @@ const checkSecurity_1 = require("../web3/skills/checkSecurity");
 const marketAnalysis_1 = require("../web3/skills/marketAnalysis");
 const checkPortfolio_1 = require("../web3/skills/checkPortfolio");
 const limitOrderManager_1 = require("./limitOrderManager");
+const updateProfile_1 = require("./updateProfile");
+const updateSecurityPolicy_1 = require("../system/skills/updateSecurityPolicy");
+const readFile_1 = require("../system/skills/readFile");
+const writeFile_1 = require("../system/skills/writeFile");
+const executeShell_1 = require("../system/skills/executeShell");
+const browseWeb_1 = require("../system/skills/browseWeb");
+const installSkill_1 = require("../system/skills/installSkill");
+const pluginManager_1 = require("../system/pluginManager");
 const paths_1 = require("../config/paths");
 exports.logger = new logger_1.Logger();
 let currentKeyIndex = 0;
@@ -113,6 +121,17 @@ If the user doesn't specify a chain, default to: ${config.agent.default_chain}.`
     catch (error) {
         console.error('Failed to read user.md:', error);
     }
+    // Read security_policy.md for NLP security constraints
+    try {
+        const policyPath = (0, paths_1.getPath)('security_policy.md');
+        if (fs_1.default.existsSync(policyPath)) {
+            const securityInstructions = fs_1.default.readFileSync(policyPath, 'utf8');
+            basePrompt += `\n\n--- SECURITY POLICY (MANDATORY RULES) ---\n${securityInstructions}\n\nCRITICAL: If the user asks you to perform an action that violates the Security Policy above, YOU MUST NOT EXECUTE IT DIRECTLY. Instead, ask for their explicit permission first.`;
+        }
+    }
+    catch (error) {
+        console.error('Failed to read security_policy.md:', error);
+    }
     return basePrompt;
 }
 async function processUserInput(input, role = 'user') {
@@ -162,7 +181,15 @@ async function processUserInput(input, role = 'user') {
                 checkPortfolio_1.checkPortfolioToolDefinition,
                 limitOrderManager_1.createLimitOrderToolDefinition,
                 limitOrderManager_1.listLimitOrdersToolDefinition,
-                limitOrderManager_1.cancelLimitOrderToolDefinition
+                limitOrderManager_1.cancelLimitOrderToolDefinition,
+                updateProfile_1.updateProfileToolDefinition,
+                updateSecurityPolicy_1.updateSecurityPolicyToolDefinition,
+                readFile_1.readLocalFileToolDefinition,
+                writeFile_1.writeLocalFileToolDefinition,
+                executeShell_1.runTerminalCommandToolDefinition,
+                browseWeb_1.browseWebsiteToolDefinition,
+                installSkill_1.installExternalSkillToolDefinition,
+                ...pluginManager_1.pluginManager.getToolDefinitions()
             ],
             tool_choice: "auto",
         });
@@ -244,8 +271,44 @@ async function processUserInput(input, role = 'user') {
                         result = limitOrderManager_1.limitOrderManager.cancelOrder(args.id);
                         break;
                     }
-                    default:
-                        result = `Error: Tool ${toolName} is not implemented.`;
+                    case 'update_profile': {
+                        result = (0, updateProfile_1.updateProfile)(args.content, args.mode);
+                        break;
+                    }
+                    case 'update_security_policy': {
+                        result = (0, updateSecurityPolicy_1.updateSecurityPolicy)(args.rule, args.action);
+                        break;
+                    }
+                    case 'read_local_file': {
+                        result = (0, readFile_1.readLocalFile)(args.filePath);
+                        break;
+                    }
+                    case 'write_local_file': {
+                        result = (0, writeFile_1.writeLocalFile)(args.filePath, args.content);
+                        break;
+                    }
+                    case 'run_terminal_command': {
+                        result = await (0, executeShell_1.runTerminalCommand)(args.command);
+                        break;
+                    }
+                    case 'browse_website': {
+                        result = await (0, browseWeb_1.browseWebsite)(args.url);
+                        break;
+                    }
+                    case 'install_external_skill': {
+                        result = await (0, installSkill_1.installExternalSkill)(args.url);
+                        break;
+                    }
+                    default: {
+                        const externalResult = await pluginManager_1.pluginManager.executeTool(toolName, args);
+                        if (externalResult !== null) {
+                            result = externalResult;
+                        }
+                        else {
+                            result = `Error: Tool ${toolName} is not implemented.`;
+                        }
+                        break;
+                    }
                 }
                 exports.logger.addEntry({
                     role: 'tool',

package/dist/agent/updateProfile.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateProfileToolDefinition = void 0;
+exports.updateProfile = updateProfile;
+const fs_1 = __importDefault(require("fs"));
+const paths_1 = require("../config/paths");
+function updateProfile(content, mode) {
+    try {
+        const userMdPath = (0, paths_1.getPath)('user.md');
+        if (mode === 'replace') {
+            fs_1.default.writeFileSync(userMdPath, content, 'utf8');
+            return "Profile replaced successfully. New user.md has been saved.";
+        }
+        else {
+            let existingContent = "";
+            if (fs_1.default.existsSync(userMdPath)) {
+                existingContent = fs_1.default.readFileSync(userMdPath, 'utf8');
+            }
+            const newContent = existingContent + "\n" + content;
+            fs_1.default.writeFileSync(userMdPath, newContent, 'utf8');
+            return "Profile appended successfully. New instructions added to user.md.";
+        }
+    }
+    catch (error) {
+        return `Failed to update profile: ${error.message}`;
+    }
+}
+exports.updateProfileToolDefinition = {
+    type: "function",
+    function: {
+        name: "update_profile",
+        description: "Updates or rewrites the user.md file. Use this when the user asks you to remember something about them, change their persona, or update your instructions.",
+        parameters: {
+            type: "object",
+            properties: {
+                content: {
+                    type: "string",
+                    description: "The content to write or append to user.md",
+                },
+                mode: {
+                    type: "string",
+                    enum: ["append", "replace"],
+                    description: "Whether to append the content to the existing file or replace the entire file.",
+                }
+            },
+            required: ["content", "mode"],
+        },
+    },
+};

package/dist/gateway/server.js

@@ -13,6 +13,7 @@ const parser_1 = require("../config/parser");
 const tracker_1 = require("./tracker");
 const transactionManager_1 = require("../agent/transactionManager");
 const limitOrderManager_1 = require("../agent/limitOrderManager");
+const pluginManager_1 = require("../system/pluginManager");
 const transfer_1 = require("../web3/skills/transfer");
 const swapToken_1 = require("../web3/skills/swapToken");
 const getBalance_1 = require("../web3/skills/getBalance");
@@ -181,6 +182,9 @@ app.use((req, res, next) => {
     }
 });
 function startServer() {
+    pluginManager_1.pluginManager.loadPlugins().then(() => {
+        console.log(`[PluginManager] Finished loading external skills.`);
+    });
     limitOrderManager_1.limitOrderManager.startMonitor();
     const PORT = process.env.PORT || 3000;
     app.listen(PORT, () => {

package/dist/system/pluginManager.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginManager = exports.PluginManager = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+class PluginManager {
+    skills = new Map();
+    async loadPlugins() {
+        const pluginsDir = path_1.default.join(process.cwd(), 'src', 'external_skills');
+        if (!fs_1.default.existsSync(pluginsDir)) {
+            fs_1.default.mkdirSync(pluginsDir, { recursive: true });
+            return;
+        }
+        const files = fs_1.default.readdirSync(pluginsDir);
+        for (const file of files) {
+            if (file.endsWith('.js') || file.endsWith('.ts')) {
+                try {
+                    // Dynamic import requires relative path from this file or absolute path
+                    // For TS compiled to JS, absolute path is safer
+                    const absolutePath = path_1.default.resolve(pluginsDir, file);
+                    // Note: In development with ts-node, requiring .ts works. 
+                    // In production, we need compiled .js files.
+                    const module = require(absolutePath);
+                    if (module.toolDefinition && module.execute) {
+                        const toolName = module.toolDefinition.function.name;
+                        this.skills.set(toolName, module);
+                        console.log(`[PluginManager] Loaded external skill: ${toolName}`);
+                    }
+                }
+                catch (error) {
+                    console.error(`[PluginManager] Failed to load plugin ${file}:`, error);
+                }
+            }
+        }
+    }
+    getToolDefinitions() {
+        return Array.from(this.skills.values()).map(skill => skill.toolDefinition);
+    }
+    async executeTool(toolName, args) {
+        const skill = this.skills.get(toolName);
+        if (skill) {
+            try {
+                return await skill.execute(args);
+            }
+            catch (error) {
+                return `External skill ${toolName} failed: ${error.message}`;
+            }
+        }
+        return null; // Tool not found in external skills
+    }
+}
+exports.PluginManager = PluginManager;
+exports.pluginManager = new PluginManager();

package/dist/system/skills/browseWeb.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.browseWebsiteToolDefinition = void 0;
+exports.browseWebsite = browseWebsite;
+async function browseWebsite(url) {
+    try {
+        const response = await fetch(url, {
+            headers: {
+                'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) Nyxora/1.0',
+            }
+        });
+        if (!response.ok) {
+            return `Error: Failed to fetch URL, Status: ${response.status} ${response.statusText}`;
+        }
+        const html = await response.text();
+        // A very basic HTML to text stripping to avoid exceeding context limits
+        // In a production app, we would use cheerio or puppeteer.
+        const text = html
+            .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '')
+            .replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, '')
+            .replace(/<[^>]+>/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+        // Limit to first 20000 characters to prevent context overflow
+        if (text.length > 20000) {
+            return text.substring(0, 20000) + "... [Content Truncated]";
+        }
+        return text;
+    }
+    catch (error) {
+        return `Failed to browse website: ${error.message}`;
+    }
+}
+exports.browseWebsiteToolDefinition = {
+    type: "function",
+    function: {
+        name: "browse_website",
+        description: "Fetches and reads the textual content of a webpage.",
+        parameters: {
+            type: "object",
+            properties: {
+                url: {
+                    type: "string",
+                    description: "The URL of the webpage to read.",
+                }
+            },
+            required: ["url"],
+        },
+    },
+};

package/dist/system/skills/executeShell.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runTerminalCommandToolDefinition = void 0;
+exports.runTerminalCommand = runTerminalCommand;
+const child_process_1 = require("child_process");
+function runTerminalCommand(command) {
+    return new Promise((resolve) => {
+        (0, child_process_1.exec)(command, { maxBuffer: 1024 * 1024 * 10 }, (error, stdout, stderr) => {
+            let output = "";
+            if (stdout)
+                output += `STDOUT:\n${stdout}\n`;
+            if (stderr)
+                output += `STDERR:\n${stderr}\n`;
+            if (error)
+                output += `ERROR:\n${error.message}\n`;
+            if (!output)
+                output = "Command executed successfully with no output.";
+            resolve(output);
+        });
+    });
+}
+exports.runTerminalCommandToolDefinition = {
+    type: "function",
+    function: {
+        name: "run_terminal_command",
+        description: "Executes a shell/terminal command on the user's host machine. Use this to install packages, run scripts, manage processes, etc.",
+        parameters: {
+            type: "object",
+            properties: {
+                command: {
+                    type: "string",
+                    description: "The terminal command to execute.",
+                }
+            },
+            required: ["command"],
+        },
+    },
+};

package/dist/system/skills/installSkill.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installExternalSkillToolDefinition = void 0;
+exports.installExternalSkill = installExternalSkill;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+async function installExternalSkill(url) {
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            return `Failed to fetch skill from URL. Status: ${response.status}`;
+        }
+        const code = await response.text();
+        // Extract a filename from URL, or generate a random one
+        let filename = url.split('/').pop() || '';
+        if (!filename.endsWith('.ts') && !filename.endsWith('.js')) {
+            filename = `skill_${Date.now()}.ts`;
+        }
+        // Ensure external_skills directory exists
+        const pluginsDir = path_1.default.join(process.cwd(), 'src', 'external_skills');
+        if (!fs_1.default.existsSync(pluginsDir)) {
+            fs_1.default.mkdirSync(pluginsDir, { recursive: true });
+        }
+        const filePath = path_1.default.join(pluginsDir, filename);
+        fs_1.default.writeFileSync(filePath, code, 'utf8');
+        return `Skill successfully downloaded and installed to ${filePath}. Please restart the server for the plugin manager to compile and load it.`;
+    }
+    catch (error) {
+        return `Failed to install skill: ${error.message}`;
+    }
+}
+exports.installExternalSkillToolDefinition = {
+    type: "function",
+    function: {
+        name: "install_external_skill",
+        description: "Downloads and installs a third-party typescript skill from a URL (e.g. GitHub Gist raw URL).",
+        parameters: {
+            type: "object",
+            properties: {
+                url: {
+                    type: "string",
+                    description: "The direct raw URL to the .ts or .js file of the skill.",
+                }
+            },
+            required: ["url"],
+        },
+    },
+};

package/dist/system/skills/readFile.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readLocalFileToolDefinition = void 0;
+exports.readLocalFile = readLocalFile;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+function readLocalFile(filePath) {
+    try {
+        const absolutePath = path_1.default.resolve(filePath);
+        if (!fs_1.default.existsSync(absolutePath)) {
+            return `Error: File not found at ${absolutePath}`;
+        }
+        const content = fs_1.default.readFileSync(absolutePath, 'utf8');
+        return content;
+    }
+    catch (error) {
+        return `Failed to read file: ${error.message}`;
+    }
+}
+exports.readLocalFileToolDefinition = {
+    type: "function",
+    function: {
+        name: "read_local_file",
+        description: "Reads the content of a local file on the user's computer.",
+        parameters: {
+            type: "object",
+            properties: {
+                filePath: {
+                    type: "string",
+                    description: "The absolute or relative path to the file.",
+                }
+            },
+            required: ["filePath"],
+        },
+    },
+};

package/dist/system/skills/updateSecurityPolicy.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateSecurityPolicyToolDefinition = void 0;
+exports.updateSecurityPolicy = updateSecurityPolicy;
+const fs_1 = __importDefault(require("fs"));
+const paths_1 = require("../../config/paths");
+function updateSecurityPolicy(rule, action) {
+    try {
+        const policyPath = (0, paths_1.getPath)('security_policy.md');
+        let existingContent = "";
+        if (fs_1.default.existsSync(policyPath)) {
+            existingContent = fs_1.default.readFileSync(policyPath, 'utf8');
+        }
+        if (action === 'clear') {
+            fs_1.default.writeFileSync(policyPath, '', 'utf8');
+            return "Security policy cleared.";
+        }
+        else if (action === 'add') {
+            const newContent = existingContent + (existingContent.endsWith('\n') || existingContent === '' ? '' : '\n') + `* ${rule}`;
+            fs_1.default.writeFileSync(policyPath, newContent, 'utf8');
+            return `Rule added to security policy: ${rule}`;
+        }
+        else if (action === 'remove') {
+            // Very basic line removal
+            const lines = existingContent.split('\n');
+            const filtered = lines.filter(l => !l.includes(rule));
+            fs_1.default.writeFileSync(policyPath, filtered.join('\n'), 'utf8');
+            return `Rule removed (if it existed).`;
+        }
+        return "Invalid action.";
+    }
+    catch (error) {
+        return `Failed to update security policy: ${error.message}`;
+    }
+}
+exports.updateSecurityPolicyToolDefinition = {
+    type: "function",
+    function: {
+        name: "update_security_policy",
+        description: "Updates the security_policy.md file to restrict your own autonomous behavior. Use this when the user explicitly forbids you from doing something (e.g. 'do not touch drive E').",
+        parameters: {
+            type: "object",
+            properties: {
+                rule: {
+                    type: "string",
+                    description: "The rule to add or remove.",
+                },
+                action: {
+                    type: "string",
+                    enum: ["add", "remove", "clear"],
+                    description: "The action to perform on the policy.",
+                }
+            },
+            required: ["rule", "action"],
+        },
+    },
+};

package/dist/system/skills/writeFile.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeLocalFileToolDefinition = void 0;
+exports.writeLocalFile = writeLocalFile;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+function writeLocalFile(filePath, content) {
+    try {
+        const absolutePath = path_1.default.resolve(filePath);
+        const dir = path_1.default.dirname(absolutePath);
+        if (!fs_1.default.existsSync(dir)) {
+            fs_1.default.mkdirSync(dir, { recursive: true });
+        }
+        fs_1.default.writeFileSync(absolutePath, content, 'utf8');
+        return `Success: File written to ${absolutePath}`;
+    }
+    catch (error) {
+        return `Failed to write file: ${error.message}`;
+    }
+}
+exports.writeLocalFileToolDefinition = {
+    type: "function",
+    function: {
+        name: "write_local_file",
+        description: "Writes or overwrites a local file on the user's computer with the provided content.",
+        parameters: {
+            type: "object",
+            properties: {
+                filePath: {
+                    type: "string",
+                    description: "The absolute or relative path to the file.",
+                },
+                content: {
+                    type: "string",
+                    description: "The string content to write to the file.",
+                }
+            },
+            required: ["filePath", "content"],
+        },
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nyxora",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "",
   "main": "dist/gateway/cli.js",
   "files": [

package/user.md

@@ -4,6 +4,6 @@ Every time the agent reads your messages, it will read this file first as its pr
 
 Examples:
 
-* "Call me Yudha"
+* "Call me User"
 * "Use casual and slang language"
 * "Focus analysis from a technical trading perspective"

package/dashboard/dist/assets/index-33NxKAJt.css

@@ -1 +0,0 @@
-:root{--bg-color:#0f172a;--bg-secondary:#1e293b;--bg-sidebar:#0b1120;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--chat-user:#3b82f6;--chat-agent:#1e293b;--tool-bg:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:100;background-color:#0b1120d9;flex-direction:column;width:280px;display:flex;box-shadow:10px 0 30px -10px #00000080}.agent-identity-card{background:linear-gradient(#3b82f60d 0%,#0000 100%);border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;margin-bottom:8px;padding:24px;display:flex}.agent-avatar{background:#3b82f626;border:1px solid #3b82f64d;border-radius:16px;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 0 20px #3b82f633}.agent-info{flex-direction:column;gap:4px;display:flex}.agent-name{color:#fff;letter-spacing:-.025em;font-size:1.1rem;font-weight:700}.agent-status{color:#4ade80;letter-spacing:.05em;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.status-dot{background-color:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 8px #4ade80}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #4ade80b3}70%{transform:scale(1);box-shadow:0 0 0 6px #4ade8000}to{transform:scale(.95);box-shadow:0 0 #4ade8000}}.sidebar-scroll-area{flex:1;padding-bottom:24px;overflow-y:auto}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#ffffff0d}.sidebar-section{text-transform:uppercase;letter-spacing:.15em;color:#64748b;padding:24px 24px 12px;font-size:.7rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;padding:0 16px;display:flex}.nav-item{color:#94a3b8;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:#fff;background-color:#ffffff08;transform:translate(4px)}.nav-item:hover .nav-icon{color:var(--accent);transform:scale(1.1)}.nav-item.active{color:#fff;border-left:3px solid var(--accent);background:linear-gradient(90deg,#3b82f626 0%,#0000 100%);border-radius:4px 12px 12px 4px;font-weight:600}.nav-item.active .nav-icon{color:var(--accent)}.main-content{background-image:radial-gradient(at 0 0,#3b82f61a 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61a 0,#0000 50%);flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.topbar-left{color:var(--text-secondary);align-items:center;gap:16px;font-size:.95rem;font-weight:500;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.config-dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:6px;outline:none;min-width:120px;padding:8px 12px;font-size:.85rem;transition:all .2s}.config-dropdown:hover{border-color:var(--accent)}.config-dropdown:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.workspace-container{width:100%;height:calc(100vh - 64px);display:flex}.chat-wrapper{flex-direction:column;height:100%;padding:24px 0;display:flex}.resizer{background:var(--glass-border);cursor:col-resize;z-index:10;width:6px;transition:background .2s}.resizer:hover,.resizer:active{background:var(--accent)}.canvas-panel{background:var(--bg-sidebar);background-image:radial-gradient(#3b82f60d 0,#0000 80%);flex-direction:column;flex:1;padding:32px;display:flex;position:relative;overflow-y:auto}.canvas-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.canvas-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-family:monospace;font-size:.85rem;display:flex}.canvas-empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.chat-container{flex-direction:column;flex:1;gap:20px;padding:0 24px;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message-wrapper{flex-direction:column;max-width:85%;animation:.3s ease-out forwards fadeIn;display:flex}.message-wrapper.user{align-self:flex-end}.message-wrapper.agent{align-self:flex-start}.message-bubble{border-radius:18px;padding:14px 18px;font-size:.95rem;line-height:1.6;box-shadow:0 4px 6px -1px #0000001a}.user .message-bubble{background-color:var(--chat-user);color:#fff;border-bottom-right-radius:4px}.agent .message-bubble{background-color:var(--chat-agent);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.tool-call{color:var(--text-secondary);background:var(--tool-bg);border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:.85rem;display:flex}.tool-call code{color:#a78bfa;font-family:monospace}.input-area{padding:20px 24px 0}.input-form{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;gap:12px;padding:8px;transition:all .2s;display:flex}.input-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.chat-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem}.send-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.voice-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.voice-button:hover{color:#fff;border-color:#ef4444}.voice-button.listening{color:#ef4444;background:#ef444433;border-color:#ef4444;animation:1.5s infinite pulse-red}.voice-button.active-mode{color:#3b82f6;border-color:#3b82f6}.voice-button.speaking{color:#3b82f6;background:#3b82f633;border-color:#3b82f6;animation:1.5s infinite pulse-blue}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.send-button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{background-color:var(--chat-agent);border:1px solid var(--glass-border);border-radius:18px 18px 18px 4px;align-self:flex-start;gap:4px;width:fit-content;padding:14px 18px;display:flex}.dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overview-container{color:#fff;max-width:1200px;height:calc(100vh - 64px);margin:0 auto;padding:24px;font-family:Inter,sans-serif;overflow-y:auto}.overview-container::-webkit-scrollbar{width:6px}.overview-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.overview-header h1{margin-bottom:4px;font-size:1.5rem;font-weight:600}.overview-header p{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.panel{background:#14182099;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:20px}.panel-header h3{margin-bottom:4px;font-size:1.1rem;font-weight:600}.panel-header p{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.form-group{margin-bottom:16px}.form-row{gap:16px;display:flex}.flex-1{flex:1}label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;display:block}input,select{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-family:monospace;font-size:.9rem}input:read-only{color:var(--text-secondary)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--text-secondary);cursor:pointer;position:absolute;right:12px}.form-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-size:.9rem}.action-hint{color:var(--text-secondary);margin-left:8px;font-size:.85rem}.snapshot-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-val{margin-bottom:4px;font-size:1.5rem;font-weight:700}.text-green{color:#22c55e}.stat-block p{color:var(--text-secondary);margin-top:8px;font-size:.8rem;line-height:1.4}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;display:grid}.metric-card{background:#14182099;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.metric-val{margin-bottom:4px;font-size:1.5rem;font-weight:700}.metric-sub{color:var(--text-secondary);font-size:.75rem}.section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:12px;font-size:.75rem}.session-item{justify-content:space-between;margin-bottom:24px;padding:16px 20px;display:flex}.text-secondary{color:var(--text-secondary)}.attention-panel{background:#eab3081a;border:1px solid #eab30833;border-radius:12px;flex-direction:column;margin-bottom:24px;padding:16px 20px;display:flex}.attention-header{color:#eab308;align-items:center;gap:8px;margin-bottom:8px;display:flex}.attention-header h4{font-size:1rem;font-weight:600}.attention-content p{margin-bottom:4px;font-size:.95rem}.attention-content span{font-size:.85rem}.logs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.log-panel{background:#0a0c10cc;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;height:300px;display:flex;overflow:hidden}.log-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;padding:12px 16px;font-size:.85rem;font-weight:600}.badge{background:#ffffff1a;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:.7rem}.log-content{flex-direction:column;gap:4px;padding:12px 16px;display:flex;overflow-y:auto}.log-content code,.log-json{color:#a3a3a3;word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.4}.log-row{gap:12px;margin-bottom:4px;font-family:Consolas,Monaco,monospace;font-size:.75rem;display:flex}.log-time{color:#fb923c;min-width:60px}.log-msg{color:#d1d5db}.log-meta{color:#6b7280}.gateway-row{margin-bottom:2px}