hermes-web-ui 0.1.2 → 0.1.3

package/dist/server/routes/sessions.js

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sessionRoutes = void 0;
+const router_1 = __importDefault(require("@koa/router"));
+const hermesCli = __importStar(require("../services/hermes-cli"));
+exports.sessionRoutes = new router_1.default();
+// List sessions from Hermes
+exports.sessionRoutes.get('/api/sessions', async (ctx) => {
+    const source = ctx.query.source || undefined;
+    const limit = ctx.query.limit ? parseInt(ctx.query.limit, 10) : undefined;
+    const sessions = await hermesCli.listSessions(source, limit);
+    ctx.body = { sessions };
+});
+// Get single session with messages
+exports.sessionRoutes.get('/api/sessions/:id', async (ctx) => {
+    const session = await hermesCli.getSession(ctx.params.id);
+    if (!session) {
+        ctx.status = 404;
+        ctx.body = { error: 'Session not found' };
+        return;
+    }
+    ctx.body = { session };
+});
+// Delete session from Hermes
+exports.sessionRoutes.delete('/api/sessions/:id', async (ctx) => {
+    const ok = await hermesCli.deleteSession(ctx.params.id);
+    if (!ok) {
+        ctx.status = 500;
+        ctx.body = { error: 'Failed to delete session' };
+        return;
+    }
+    ctx.body = { ok: true };
+});

package/dist/server/routes/upload.d.ts

@@ -0,0 +1,2 @@
+import Router from '@koa/router';
+export declare const uploadRoutes: Router<import("koa").DefaultState, import("koa").DefaultContext>;

package/dist/server/routes/upload.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadRoutes = void 0;
+const router_1 = __importDefault(require("@koa/router"));
+const crypto_1 = require("crypto");
+const promises_1 = require("fs/promises");
+const config_1 = require("../config");
+exports.uploadRoutes = new router_1.default();
+exports.uploadRoutes.post('/upload', async (ctx) => {
+    const contentType = ctx.get('content-type') || '';
+    if (!contentType.startsWith('multipart/form-data')) {
+        ctx.status = 400;
+        ctx.body = { error: 'Expected multipart/form-data' };
+        return;
+    }
+    const boundary = '--' + contentType.split('boundary=')[1];
+    if (!boundary || boundary === '--undefined') {
+        ctx.status = 400;
+        ctx.body = { error: 'Missing boundary' };
+        return;
+    }
+    await (0, promises_1.mkdir)(config_1.config.uploadDir, { recursive: true });
+    // Read raw body
+    const chunks = [];
+    for await (const chunk of ctx.req)
+        chunks.push(chunk);
+    const body = Buffer.concat(chunks).toString('latin1');
+    const parts = body.split(boundary).slice(1, -1);
+    const results = [];
+    for (const part of parts) {
+        const headerEnd = part.indexOf('\r\n\r\n');
+        if (headerEnd === -1)
+            continue;
+        const header = part.substring(0, headerEnd);
+        const data = part.substring(headerEnd + 4, part.length - 2);
+        const filenameMatch = header.match(/filename="([^"]+)"/);
+        if (!filenameMatch)
+            continue;
+        const filename = filenameMatch[1];
+        const ext = filename.includes('.') ? '.' + filename.split('.').pop() : '';
+        const savedName = (0, crypto_1.randomBytes)(8).toString('hex') + ext;
+        const savedPath = `${config_1.config.uploadDir}/${savedName}`;
+        await (0, promises_1.writeFile)(savedPath, Buffer.from(data, 'binary'));
+        results.push({ name: filename, path: savedPath });
+    }
+    ctx.body = { files: results };
+});

package/dist/server/routes/webhook.d.ts

@@ -0,0 +1,2 @@
+import Router from '@koa/router';
+export declare const webhookRoutes: Router<import("koa").DefaultState, import("koa").DefaultContext>;

package/dist/server/routes/webhook.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webhookRoutes = void 0;
+const router_1 = __importDefault(require("@koa/router"));
+const hermes_1 = require("../services/hermes");
+exports.webhookRoutes = new router_1.default();
+/**
+ * POST /webhook — receive callbacks from Hermes Agent
+ *
+ * Expected body:
+ * {
+ *   "event": "run.completed" | "job.completed" | ...,
+ *   "run_id": "...",
+ *   "data": { ... }
+ * }
+ *
+ * TODO: Add signature verification when Hermes supports webhook signing
+ */
+exports.webhookRoutes.post('/webhook', async (ctx) => {
+    const payload = ctx.request.body;
+    if (!payload || !payload.event) {
+        ctx.status = 400;
+        ctx.body = { error: 'Missing event field' };
+        return;
+    }
+    console.log(`[Webhook] Received event: ${payload.event}`);
+    // Emit to registered callbacks
+    (0, hermes_1.emitWebhook)(payload);
+    ctx.body = { ok: true };
+});

package/dist/server/services/hermes-cli.d.ts

@@ -0,0 +1,50 @@
+export interface HermesSession {
+    id: string;
+    source: string;
+    user_id: string | null;
+    model: string;
+    title: string | null;
+    started_at: number;
+    ended_at: number | null;
+    end_reason: string | null;
+    message_count: number;
+    tool_call_count: number;
+    input_tokens: number;
+    output_tokens: number;
+    billing_provider: string | null;
+    estimated_cost_usd: number;
+    messages?: any[];
+}
+/**
+ * List sessions from Hermes CLI (without messages)
+ */
+export declare function listSessions(source?: string, limit?: number): Promise<HermesSession[]>;
+/**
+ * Get a single session with messages from Hermes CLI
+ */
+export declare function getSession(id: string): Promise<HermesSession | null>;
+/**
+ * Delete a session from Hermes CLI
+ */
+export declare function deleteSession(id: string): Promise<boolean>;
+export interface LogFileInfo {
+    name: string;
+    size: string;
+    modified: string;
+}
+/**
+ * Get Hermes version
+ */
+export declare function getVersion(): Promise<string>;
+/**
+ * Update Hermes Agent
+ */
+export declare function restartGateway(): Promise<string>;
+/**
+ * List available log files
+ */
+export declare function listLogFiles(): Promise<LogFileInfo[]>;
+/**
+ * Read log lines
+ */
+export declare function readLogs(logName?: string, lines?: number, level?: string, session?: string, since?: string): Promise<string>;

package/dist/server/services/hermes-cli.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listSessions = listSessions;
+exports.getSession = getSession;
+exports.deleteSession = deleteSession;
+exports.getVersion = getVersion;
+exports.restartGateway = restartGateway;
+exports.listLogFiles = listLogFiles;
+exports.readLogs = readLogs;
+const child_process_1 = require("child_process");
+const util_1 = require("util");
+const execFileAsync = (0, util_1.promisify)(child_process_1.execFile);
+/**
+ * List sessions from Hermes CLI (without messages)
+ */
+async function listSessions(source, limit) {
+    const args = ['sessions', 'export', '-'];
+    if (source)
+        args.push('--source', source);
+    try {
+        const { stdout } = await execFileAsync('hermes', args, {
+            maxBuffer: 50 * 1024 * 1024, // 50MB
+            timeout: 30000,
+        });
+        const lines = stdout.trim().split('\n').filter(Boolean);
+        const sessions = [];
+        for (const line of lines) {
+            try {
+                const raw = JSON.parse(line);
+                sessions.push({
+                    id: raw.id,
+                    source: raw.source,
+                    user_id: raw.user_id,
+                    model: raw.model,
+                    title: raw.title,
+                    started_at: raw.started_at,
+                    ended_at: raw.ended_at,
+                    end_reason: raw.end_reason,
+                    message_count: raw.message_count,
+                    tool_call_count: raw.tool_call_count,
+                    input_tokens: raw.input_tokens,
+                    output_tokens: raw.output_tokens,
+                    billing_provider: raw.billing_provider,
+                    estimated_cost_usd: raw.estimated_cost_usd,
+                });
+            }
+            catch { /* skip malformed lines */ }
+        }
+        // Sort by started_at descending
+        sessions.sort((a, b) => b.started_at - a.started_at);
+        if (limit && limit > 0) {
+            return sessions.slice(0, limit);
+        }
+        return sessions;
+    }
+    catch (err) {
+        console.error('[Hermes CLI] sessions export failed:', err.message);
+        throw new Error(`Failed to list sessions: ${err.message}`);
+    }
+}
+/**
+ * Get a single session with messages from Hermes CLI
+ */
+async function getSession(id) {
+    const args = ['sessions', 'export', '-', '--session-id', id];
+    try {
+        const { stdout } = await execFileAsync('hermes', args, {
+            maxBuffer: 50 * 1024 * 1024,
+            timeout: 30000,
+        });
+        const lines = stdout.trim().split('\n').filter(Boolean);
+        if (lines.length === 0)
+            return null;
+        const raw = JSON.parse(lines[0]);
+        return {
+            id: raw.id,
+            source: raw.source,
+            user_id: raw.user_id,
+            model: raw.model,
+            title: raw.title,
+            started_at: raw.started_at,
+            ended_at: raw.ended_at,
+            end_reason: raw.end_reason,
+            message_count: raw.message_count,
+            tool_call_count: raw.tool_call_count,
+            input_tokens: raw.input_tokens,
+            output_tokens: raw.output_tokens,
+            billing_provider: raw.billing_provider,
+            estimated_cost_usd: raw.estimated_cost_usd,
+            messages: raw.messages,
+        };
+    }
+    catch (err) {
+        if (err.code === 1 || err.status === 1)
+            return null;
+        console.error('[Hermes CLI] session export failed:', err.message);
+        throw new Error(`Failed to get session: ${err.message}`);
+    }
+}
+/**
+ * Delete a session from Hermes CLI
+ */
+async function deleteSession(id) {
+    try {
+        await execFileAsync('hermes', ['sessions', 'delete', id, '--yes'], {
+            timeout: 10000,
+        });
+        return true;
+    }
+    catch (err) {
+        console.error('[Hermes CLI] session delete failed:', err.message);
+        return false;
+    }
+}
+/**
+ * Get Hermes version
+ */
+async function getVersion() {
+    try {
+        const { stdout } = await execFileAsync('hermes', ['--version'], { timeout: 5000 });
+        return stdout.trim();
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Update Hermes Agent
+ */
+async function restartGateway() {
+    const { stdout, stderr } = await execFileAsync('hermes', ['gateway', 'restart'], {
+        timeout: 30000,
+    });
+    return stdout || stderr;
+}
+/**
+ * List available log files
+ */
+async function listLogFiles() {
+    try {
+        const { stdout } = await execFileAsync('hermes', ['logs', 'list'], {
+            timeout: 10000,
+        });
+        const files = [];
+        const lines = stdout.trim().split('\n').filter(l => l.includes('.log'));
+        for (const line of lines) {
+            const match = line.match(/^\s+(\S+)\s+([\d.]+\w+)\s+(.+)$/);
+            if (match) {
+                const rawName = match[1];
+                const name = rawName.replace(/\.log$/, '');
+                if (['agent', 'errors', 'gateway'].includes(name)) {
+                    files.push({ name, size: match[2], modified: match[3].trim() });
+                }
+            }
+        }
+        return files;
+    }
+    catch (err) {
+        console.error('[Hermes CLI] logs list failed:', err.message);
+        return [];
+    }
+}
+/**
+ * Read log lines
+ */
+async function readLogs(logName = 'agent', lines = 100, level, session, since) {
+    const args = ['logs', logName, '-n', String(lines)];
+    if (level)
+        args.push('--level', level);
+    if (session)
+        args.push('--session', session);
+    if (since)
+        args.push('--since', since);
+    try {
+        const { stdout } = await execFileAsync('hermes', args, {
+            maxBuffer: 10 * 1024 * 1024,
+            timeout: 15000,
+        });
+        return stdout;
+    }
+    catch (err) {
+        console.error('[Hermes CLI] logs read failed:', err.message);
+        throw new Error(`Failed to read logs: ${err.message}`);
+    }
+}

package/dist/server/services/hermes.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Send an instruction to Hermes Agent via /v1/runs
+ */
+export declare function sendInstruction(params: {
+    input: string | any[];
+    instructions?: string;
+    conversationHistory?: any[];
+    sessionId?: string;
+    authToken?: string;
+}): Promise<{
+    run_id: string;
+    status: string;
+}>;
+/**
+ * Get run status (poll /v1/runs/:id if supported)
+ */
+export declare function getRunStatus(runId: string): Promise<any>;
+/**
+ * Subscribe to SSE events for a run
+ */
+export declare function streamRunEvents(runId: string, authToken?: string): AsyncGenerator<any>;
+/**
+ * Health check
+ */
+export declare function healthCheck(): Promise<{
+    status: string;
+    version?: string;
+}>;
+/**
+ * Fetch available models
+ */
+export declare function fetchModels(): Promise<{
+    data: Array<{
+        id: string;
+    }>;
+}>;
+type WebhookCallback = (payload: any) => void | Promise<void>;
+export declare function onWebhook(callback: WebhookCallback): void;
+export declare function emitWebhook(payload: any): void;
+export {};

package/dist/server/services/hermes.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendInstruction = sendInstruction;
+exports.getRunStatus = getRunStatus;
+exports.streamRunEvents = streamRunEvents;
+exports.healthCheck = healthCheck;
+exports.fetchModels = fetchModels;
+exports.onWebhook = onWebhook;
+exports.emitWebhook = emitWebhook;
+const config_1 = require("../config");
+const UPSTREAM = config_1.config.upstream.replace(/\/$/, '');
+/**
+ * Send an instruction to Hermes Agent via /v1/runs
+ */
+async function sendInstruction(params) {
+    const headers = {
+        'Content-Type': 'application/json',
+    };
+    if (params.authToken) {
+        headers['Authorization'] = `Bearer ${params.authToken}`;
+    }
+    const body = { input: params.input };
+    if (params.instructions)
+        body.instructions = params.instructions;
+    if (params.conversationHistory)
+        body.conversation_history = params.conversationHistory;
+    if (params.sessionId)
+        body.session_id = params.sessionId;
+    const res = await fetch(`${UPSTREAM}/v1/runs`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(body),
+    });
+    if (!res.ok) {
+        const text = await res.text();
+        throw new Error(`Hermes API error ${res.status}: ${text}`);
+    }
+    return res.json();
+}
+/**
+ * Get run status (poll /v1/runs/:id if supported)
+ */
+async function getRunStatus(runId) {
+    const res = await fetch(`${UPSTREAM}/v1/runs/${runId}`);
+    if (!res.ok) {
+        throw new Error(`Failed to get run status: ${res.status}`);
+    }
+    return res.json();
+}
+/**
+ * Subscribe to SSE events for a run
+ */
+async function* streamRunEvents(runId, authToken) {
+    const headers = {};
+    if (authToken) {
+        headers['Authorization'] = `Bearer ${authToken}`;
+    }
+    const res = await fetch(`${UPSTREAM}/v1/runs/${runId}/events`, { headers });
+    if (!res.ok || !res.body) {
+        throw new Error(`Failed to stream run events: ${res.status}`);
+    }
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+    try {
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done)
+                break;
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split('\n');
+            buffer = lines.pop() || '';
+            for (const line of lines) {
+                if (line.startsWith('data: ')) {
+                    const data = line.slice(6).trim();
+                    if (data === '[DONE]')
+                        return;
+                    try {
+                        const event = JSON.parse(data);
+                        yield event;
+                        if (event.event === 'run.completed' || event.event === 'run.failed')
+                            return;
+                    }
+                    catch { /* skip malformed lines */ }
+                }
+            }
+        }
+    }
+    finally {
+        reader.releaseLock();
+    }
+}
+/**
+ * Health check
+ */
+async function healthCheck() {
+    const res = await fetch(`${UPSTREAM}/health`);
+    return res.json();
+}
+/**
+ * Fetch available models
+ */
+async function fetchModels() {
+    const res = await fetch(`${UPSTREAM}/v1/models`);
+    return res.json();
+}
+const webhookCallbacks = [];
+function onWebhook(callback) {
+    webhookCallbacks.push(callback);
+}
+function emitWebhook(payload) {
+    for (const cb of webhookCallbacks) {
+        const result = cb(payload);
+        if (result && typeof result.catch === 'function') {
+            result.catch((err) => console.error('Webhook callback error:', err));
+        }
+    }
+}

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "hermes-web-ui",
-  "version": "0.1.2",
-  "type": "module",
+  "version": "0.1.3",
   "description": "Hermes Agent Web UI - Chat and Job Management Dashboard",
   "repository": {
     "type": "git",
@@ -14,8 +13,10 @@
   },
   "scripts": {
     "start": "vite --host --port 8648",
-    "dev": "vite --host",
-    "build": "vue-tsc -b && vite build",
+    "dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
+    "dev:client": "vite --host",
+    "dev:server": "nodemon --watch server/src --ext ts --exec node -r ts-node/register server/src/index.ts",
+    "build": "vue-tsc -b && vite build && tsc -p server/tsconfig.json",
     "preview": "vite preview"
   },
   "files": [
@@ -23,7 +24,13 @@
     "dist/"
   ],
   "dependencies": {
+    "@koa/bodyparser": "^5.0.0",
+    "@koa/cors": "^5.0.0",
+    "@koa/router": "^13.1.0",
     "highlight.js": "^11.11.1",
+    "koa": "^2.15.3",
+    "koa-send": "^5.0.1",
+    "koa-static": "^5.0.0",
     "markdown-it": "^14.1.1",
     "naive-ui": "^2.44.1",
     "pinia": "^3.0.4",
@@ -31,11 +38,19 @@
     "vue-router": "^4.6.4"
   },
   "devDependencies": {
+    "@types/koa": "^2.15.0",
+    "@types/koa__cors": "^5.0.0",
+    "@types/koa__router": "^12.0.4",
+    "@types/koa-send": "^4.1.6",
+    "@types/koa-static": "^4.0.4",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^24.12.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/tsconfig": "^0.9.1",
+    "concurrently": "^9.2.1",
+    "nodemon": "^3.1.14",
     "sass": "^1.99.0",
+    "ts-node": "^10.9.2",
     "typescript": "~6.0.2",
     "vite": "^8.0.4",
     "vue-tsc": "^3.2.6"

package/dist/assets/ChatView-DrzZz5ex.css

@@ -1 +0,0 @@
-.markdown-body{font-size:14px;line-height:1.65}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:4px 0 8px;padding-left:20px}.markdown-body li{margin:2px 0}.markdown-body strong{color:#1a1a1a;font-weight:600}.markdown-body em{color:#666}.markdown-body a{color:#333;text-underline-offset:2px;text-decoration:underline}.markdown-body a:hover{color:#1a1a1a}.markdown-body blockquote{color:#666;border-left:3px solid #e0e0e0;margin:8px 0;padding:4px 12px}.markdown-body code:not(.hljs){color:#333;background:#f4f4f4;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px}.markdown-body table{border-collapse:collapse;width:100%;margin:8px 0}.markdown-body table th,.markdown-body table td{text-align:left;border:1px solid #e0e0e0;padding:6px 12px;font-size:13px}.markdown-body table th{color:#1a1a1a;background:#33333314;font-weight:600}.markdown-body table td{color:#666}.markdown-body hr{border:none;border-top:1px solid #e0e0e0;margin:12px 0}.hljs-code-block{background:#f4f4f4;border:1px solid #e0e0e0;border-radius:6px;margin:8px 0;overflow:hidden}.hljs-code-block .code-header{background:#00000008;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.hljs-code-block .code-header .code-lang{color:#999;text-transform:uppercase;font-size:11px}.hljs-code-block .code-header .copy-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:11px;transition:all .15s}.hljs-code-block .code-header .copy-btn:hover{color:#1a1a1a;background:#0000000d}.hljs-code-block code.hljs{padding:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;display:block;overflow-x:auto}.hljs{color:#2a2a2a;background:0 0}.hljs-keyword,.hljs-selector-tag{color:#1a1a1a;font-weight:600}.hljs-string,.hljs-attr{color:#555}.hljs-number{color:#333}.hljs-comment{color:#999;font-style:italic}.hljs-built_in{color:#444}.hljs-type{color:#3a3a3a}.hljs-variable,.hljs-title,.hljs-title\.function_{color:#1a1a1a}.hljs-params{color:#2a2a2a}.hljs-meta{color:#999}.message[data-v-865df6f5]{flex-direction:column;display:flex}.message.user[data-v-865df6f5]{align-items:flex-end}.message.user .msg-body[data-v-865df6f5]{max-width:75%}.message.user .msg-content.user[data-v-865df6f5]{align-items:flex-end}.message.user .message-bubble[data-v-865df6f5]{background-color:#e8e8e8;border-radius:10px 10px 4px}.message.assistant[data-v-865df6f5]{flex-direction:row;align-items:flex-start;gap:8px}.message.assistant .msg-body[data-v-865df6f5]{max-width:80%}.message.assistant .msg-avatar[data-v-865df6f5]{border-radius:4px;flex-shrink:0;width:28px;height:28px;margin-top:2px}.message.assistant .message-bubble[data-v-865df6f5]{background-color:#f5f5f5;border-radius:10px 10px 10px 4px}.message.tool[data-v-865df6f5],.message.system[data-v-865df6f5]{align-items:flex-start}.message.system .message-bubble.system[data-v-865df6f5]{background-color:#f57f170f;border-left:3px solid #f57f17;border-radius:6px;max-width:80%}.msg-body[data-v-865df6f5]{align-items:flex-start;gap:8px;max-width:85%;display:flex}.msg-content[data-v-865df6f5]{flex-direction:column;min-width:0;display:flex}.message-bubble[data-v-865df6f5]{word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.65}.message-time[data-v-865df6f5]{color:#999;margin-top:4px;padding:0 4px;font-size:11px}.tool-line[data-v-865df6f5]{color:#999;align-items:center;gap:6px;padding:0 4px;font-size:11px;display:flex}.tool-line .tool-name[data-v-865df6f5]{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.tool-line .tool-preview[data-v-865df6f5]{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.streaming-cursor[data-v-865df6f5]{vertical-align:text-bottom;background-color:#999;width:2px;height:1em;margin-left:2px;animation:.8s infinite blink-865df6f5;display:inline-block}.streaming-dots[data-v-865df6f5]{gap:4px;padding:4px 0;display:flex}.streaming-dots span[data-v-865df6f5]{background-color:#999;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-865df6f5}.streaming-dots span[data-v-865df6f5]:nth-child(2){animation-delay:.2s}.streaming-dots span[data-v-865df6f5]:nth-child(3){animation-delay:.4s}@keyframes blink-865df6f5{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-865df6f5{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-list[data-v-c48f8f02]{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.empty-state[data-v-c48f8f02]{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .empty-logo[data-v-c48f8f02]{opacity:.25;width:48px;height:48px}.empty-state p[data-v-c48f8f02]{font-size:14px}.streaming-indicator[data-v-c48f8f02]{color:#999;align-items:center;gap:4px;padding:4px;display:flex}.streaming-indicator span[data-v-c48f8f02]{background-color:#999;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite stream-pulse-c48f8f02}.streaming-indicator span[data-v-c48f8f02]:nth-child(2){animation-delay:.2s}.streaming-indicator span[data-v-c48f8f02]:nth-child(3){animation-delay:.4s}@keyframes stream-pulse-c48f8f02{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-area[data-v-7668b7e3]{border-top:1px solid #e0e0e0;flex-shrink:0;padding:12px 20px 16px}.input-wrapper[data-v-7668b7e3]{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.input-wrapper[data-v-7668b7e3]:focus-within{border-color:#333}.input-textarea[data-v-7668b7e3]{color:#1a1a1a;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:100px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto}.input-textarea[data-v-7668b7e3]::placeholder{color:#999}.input-actions[data-v-7668b7e3]{flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-panel[data-v-24185ee8]{height:100%;display:flex}.session-list[data-v-24185ee8]{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:220px;transition:width .25s,opacity .25s;display:flex;overflow:hidden}.session-list.collapsed[data-v-24185ee8]{opacity:0;pointer-events:none;border-right:none;width:0}.session-list-header[data-v-24185ee8]{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;display:flex}.session-list-title[data-v-24185ee8]{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.session-items[data-v-24185ee8]{flex:1;padding:0 6px 12px;overflow-y:auto}.session-item[data-v-24185ee8]{cursor:pointer;text-align:left;color:#666;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:8px 10px;transition:all .15s;display:flex}.session-item[data-v-24185ee8]:hover{color:#1a1a1a;background:#3333330f}.session-item:hover .session-item-delete[data-v-24185ee8]{opacity:1}.session-item.active[data-v-24185ee8]{color:#1a1a1a;background:#3333331a;font-weight:500}.session-item-content[data-v-24185ee8]{flex:1;overflow:hidden}.session-item-title[data-v-24185ee8]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.session-item-time[data-v-24185ee8]{color:#999;margin-top:2px;font-size:11px;display:block}.session-item-delete[data-v-24185ee8]{opacity:0;color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px;transition:all .15s}.session-item-delete[data-v-24185ee8]:hover{color:#c62828;background:#c628281a}.chat-main[data-v-24185ee8]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header[data-v-24185ee8]{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left[data-v-24185ee8]{align-items:center;gap:8px;display:flex;overflow:hidden}.header-session-title[data-v-24185ee8]{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.model-badge[data-v-24185ee8]{color:#999;background:#3333331a;border:1px solid #e0e0e0;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px}.header-actions[data-v-24185ee8]{flex-shrink:0;align-items:center;gap:4px;display:flex}.chat-view[data-v-e67fc0ba]{flex-direction:column;height:100vh;display:flex}