hermes-web-ui 0.3.7 → 0.4.0

package/dist/server/services/hermes/group-chat/index.d.ts

@@ -0,0 +1,72 @@
+import { Server } from 'socket.io';
+import type { Server as HttpServer } from 'http';
+import { AgentClients } from './agent-clients';
+interface ChatMessage {
+    id: string;
+    roomId: string;
+    senderId: string;
+    senderName: string;
+    content: string;
+    timestamp: number;
+}
+interface RoomAgent {
+    id: string;
+    roomId: string;
+    agentId: string;
+    profile: string;
+    name: string;
+    description: string;
+    invited: number;
+}
+declare class ChatStorage {
+    private db;
+    constructor(dbPath: string);
+    getRoom(roomId: string): {
+        id: string;
+        name: string;
+        inviteCode: string | null;
+    } | undefined;
+    getRoomByInviteCode(code: string): {
+        id: string;
+        name: string;
+        inviteCode: string | null;
+    } | undefined;
+    getAllRooms(): {
+        id: string;
+        name: string;
+        inviteCode: string | null;
+    }[];
+    saveRoom(id: string, name: string, inviteCode?: string): void;
+    updateRoomInviteCode(roomId: string, inviteCode: string): void;
+    getMessages(roomId: string, limit?: number): ChatMessage[];
+    addMessage(msg: ChatMessage): void;
+    pruneMessages(roomId: string, keep?: number): void;
+    getRoomAgents(roomId: string): RoomAgent[];
+    addRoomAgent(roomId: string, agentId: string, profile: string, name: string, description: string, invited: number): RoomAgent;
+    removeRoomAgent(agentId: string): void;
+    close(): void;
+}
+export declare class GroupChatServer {
+    private io;
+    private storage;
+    private rooms;
+    private userNames;
+    readonly agentClients: AgentClients;
+    private gatewayManager;
+    setGatewayManager(manager: any): void;
+    constructor(httpServer: HttpServer);
+    getIO(): Server;
+    getStorage(): ChatStorage;
+    getRoomIds(): string[];
+    private restoreAgents;
+    private authMiddleware;
+    private onConnection;
+    private handleJoin;
+    private handleMessage;
+    private handleTyping;
+    private handleStopTyping;
+    private handleDisconnect;
+    private leaveAllRooms;
+    private generateId;
+}
+export {};

package/dist/server/services/hermes/group-chat/index.js

@@ -0,0 +1,307 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupChatServer = void 0;
+const node_sqlite_1 = require("node:sqlite");
+const socket_io_1 = require("socket.io");
+const path_1 = require("path");
+const fs_1 = require("fs");
+const auth_1 = require("../../auth");
+const config_1 = require("../../../config");
+const agent_clients_1 = require("./agent-clients");
+// ─── SQLite Storage ───────────────────────────────────────────
+class ChatStorage {
+    db;
+    constructor(dbPath) {
+        this.db = new node_sqlite_1.DatabaseSync(dbPath);
+        this.db.exec(`
+            CREATE TABLE IF NOT EXISTS rooms (
+                id       TEXT PRIMARY KEY,
+                name     TEXT NOT NULL,
+                inviteCode TEXT UNIQUE
+            )
+        `);
+        this.db.exec(`
+            CREATE TABLE IF NOT EXISTS messages (
+                id        TEXT PRIMARY KEY,
+                roomId    TEXT NOT NULL,
+                senderId  TEXT NOT NULL,
+                senderName TEXT NOT NULL,
+                content   TEXT NOT NULL,
+                timestamp INTEGER NOT NULL,
+                FOREIGN KEY (roomId) REFERENCES rooms(id)
+            )
+        `);
+        this.db.exec('CREATE INDEX IF NOT EXISTS idx_messages_room ON messages(roomId, timestamp)');
+        this.db.exec(`
+            CREATE TABLE IF NOT EXISTS room_agents (
+                id          TEXT PRIMARY KEY,
+                roomId      TEXT NOT NULL,
+                agentId     TEXT NOT NULL,
+                profile     TEXT NOT NULL,
+                name        TEXT NOT NULL,
+                description TEXT NOT NULL DEFAULT '',
+                invited     INTEGER NOT NULL DEFAULT 0,
+                FOREIGN KEY (roomId) REFERENCES rooms(id)
+            )
+        `);
+        this.db.exec('CREATE INDEX IF NOT EXISTS idx_room_agents_room ON room_agents(roomId)');
+    }
+    // ─── Rooms ────────────────────────────────────────────────
+    getRoom(roomId) {
+        return this.db.prepare('SELECT id, name, inviteCode FROM rooms WHERE id = ?').get(roomId);
+    }
+    getRoomByInviteCode(code) {
+        return this.db.prepare('SELECT id, name, inviteCode FROM rooms WHERE inviteCode = ?').get(code);
+    }
+    getAllRooms() {
+        return this.db.prepare('SELECT id, name, inviteCode FROM rooms ORDER BY id').all();
+    }
+    saveRoom(id, name, inviteCode) {
+        this.db.prepare('INSERT OR IGNORE INTO rooms (id, name, inviteCode) VALUES (?, ?, ?)').run(id, name, inviteCode || null);
+    }
+    updateRoomInviteCode(roomId, inviteCode) {
+        this.db.prepare('UPDATE rooms SET inviteCode = ? WHERE id = ?').run(inviteCode, roomId);
+    }
+    // ─── Messages ─────────────────────────────────────────────
+    getMessages(roomId, limit = 500) {
+        const rows = this.db.prepare('SELECT id, roomId, senderId, senderName, content, timestamp FROM messages WHERE roomId = ? ORDER BY timestamp DESC LIMIT ?').all(roomId, limit);
+        return rows.reverse(); // return in chronological order
+    }
+    addMessage(msg) {
+        this.db.prepare('INSERT INTO messages (id, roomId, senderId, senderName, content, timestamp) VALUES (?, ?, ?, ?, ?, ?)').run(msg.id, msg.roomId, msg.senderId, msg.senderName, msg.content, msg.timestamp);
+    }
+    pruneMessages(roomId, keep = 500) {
+        const count = this.db.prepare('SELECT COUNT(*) as c FROM messages WHERE roomId = ?').get(roomId).c;
+        if (count > keep) {
+            const cutoff = this.db.prepare('SELECT timestamp FROM messages WHERE roomId = ? ORDER BY timestamp DESC LIMIT 1 OFFSET ?').get(roomId, keep - 1);
+            if (cutoff) {
+                this.db.prepare('DELETE FROM messages WHERE roomId = ? AND timestamp < ?').run(roomId, cutoff.timestamp);
+            }
+        }
+    }
+    // ─── Room Agents ──────────────────────────────────────────
+    getRoomAgents(roomId) {
+        return this.db.prepare('SELECT id, roomId, agentId, profile, name, description, invited FROM room_agents WHERE roomId = ?').all(roomId);
+    }
+    addRoomAgent(roomId, agentId, profile, name, description, invited) {
+        const id = Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
+        this.db.prepare('INSERT INTO room_agents (id, roomId, agentId, profile, name, description, invited) VALUES (?, ?, ?, ?, ?, ?, ?)').run(id, roomId, agentId, profile, name, description, invited);
+        return { id, roomId, agentId, profile, name, description, invited };
+    }
+    removeRoomAgent(agentId) {
+        this.db.prepare('DELETE FROM room_agents WHERE id = ?').run(agentId);
+    }
+    close() {
+        this.db.close();
+    }
+}
+// ─── ChatRoom (in-memory, for online members) ─────────────────
+class ChatRoom {
+    id;
+    name;
+    members = new Map();
+    constructor(id, name) {
+        this.id = id;
+        this.name = name || id;
+    }
+    addMember(id, name) {
+        const member = { id, name, joinedAt: Date.now() };
+        this.members.set(id, member);
+        return member;
+    }
+    removeMember(id) {
+        const member = this.members.get(id);
+        this.members.delete(id);
+        return member;
+    }
+    getMembersList() {
+        return Array.from(this.members.values());
+    }
+    hasMember(id) {
+        return this.members.has(id);
+    }
+}
+// ─── GroupChat Server ────────────────────────────────────────
+class GroupChatServer {
+    io;
+    storage;
+    rooms = new Map();
+    userNames = new Map();
+    agentClients = new agent_clients_1.AgentClients();
+    gatewayManager = null;
+    setGatewayManager(manager) {
+        this.gatewayManager = manager;
+        this.agentClients.setGatewayManager(manager);
+    }
+    constructor(httpServer) {
+        const dbPath = (0, path_1.join)(config_1.config.dataDir, 'webui.db');
+        (0, fs_1.mkdirSync)(config_1.config.dataDir, { recursive: true });
+        this.storage = new ChatStorage(dbPath);
+        this.io = new socket_io_1.Server(httpServer, {
+            path: '/api/hermes/group-chat',
+            cors: { origin: '*', methods: ['GET', 'POST'] },
+        });
+        this.io.use(this.authMiddleware.bind(this));
+        this.io.on('connection', this.onConnection.bind(this));
+        // Restore persisted rooms into memory
+        this.storage.getAllRooms().forEach((row) => {
+            this.rooms.set(row.id, new ChatRoom(row.id, row.name));
+        });
+        console.log('[GroupChat] Socket.IO ready at /group-chat');
+        // Restore agent connections from SQLite
+        this.restoreAgents();
+    }
+    getIO() {
+        return this.io;
+    }
+    getStorage() {
+        return this.storage;
+    }
+    getRoomIds() {
+        return Array.from(this.rooms.keys());
+    }
+    // ─── Restore Agents ─────────────────────────────────────────
+    async restoreAgents() {
+        const rooms = this.storage.getAllRooms();
+        let total = 0;
+        for (const room of rooms) {
+            const agents = this.storage.getRoomAgents(room.id);
+            for (const agent of agents) {
+                try {
+                    const client = await this.agentClients.createAgent({
+                        profile: agent.profile,
+                        name: agent.name,
+                        description: agent.description,
+                        invited: agent.invited,
+                    });
+                    await this.agentClients.addAgentToRoom(room.id, client);
+                    total++;
+                }
+                catch (err) {
+                    console.error(`[GroupChat] Failed to restore agent ${agent.name} in room ${room.id}: ${err.message}`);
+                }
+            }
+        }
+        if (total > 0) {
+            console.log(`[GroupChat] Restored ${total} agent(s) across ${rooms.length} room(s)`);
+        }
+    }
+    // ─── Auth ───────────────────────────────────────────────────
+    async authMiddleware(socket, next) {
+        const authToken = await (0, auth_1.getToken)();
+        if (authToken) {
+            const token = socket.handshake.auth.token || socket.handshake.query.token || '';
+            if (token !== authToken) {
+                return next(new Error('Unauthorized'));
+            }
+        }
+        next();
+    }
+    // ─── Connection ─────────────────────────────────────────────
+    onConnection(socket) {
+        const userId = socket.id;
+        const userName = socket.handshake.auth.name || `User-${userId.slice(0, 6)}`;
+        this.userNames.set(userId, userName);
+        console.log(`[GroupChat] Connected: ${userName} (${userId})`);
+        socket.on('join', (data, ack) => this.handleJoin(socket, data, ack));
+        socket.on('message', (data, ack) => this.handleMessage(socket, data, ack));
+        socket.on('typing', (data) => this.handleTyping(socket, data));
+        socket.on('stop_typing', (data) => this.handleStopTyping(socket, data));
+        socket.on('disconnect', () => this.handleDisconnect(socket));
+    }
+    // ─── Handlers ───────────────────────────────────────────────
+    handleJoin(socket, data, ack) {
+        const userId = socket.id;
+        if (data.name)
+            this.userNames.set(userId, data.name);
+        const userName = this.userNames.get(userId);
+        const roomId = data.roomId || 'general';
+        let room = this.rooms.get(roomId);
+        if (!room) {
+            room = new ChatRoom(roomId);
+            this.rooms.set(roomId, room);
+            this.storage.saveRoom(roomId, roomId);
+        }
+        room.addMember(userId, userName);
+        socket.join(roomId);
+        socket.to(roomId).emit('member_joined', {
+            roomId,
+            memberId: userId,
+            memberName: userName,
+            members: room.getMembersList(),
+        });
+        // Load history from SQLite
+        const messages = this.storage.getMessages(roomId);
+        ack?.({
+            roomId,
+            roomName: room.name,
+            members: room.getMembersList(),
+            messages,
+            rooms: this.getRoomIds(),
+        });
+        console.log(`[GroupChat] ${userName} joined room: ${roomId}`);
+    }
+    handleMessage(socket, data, ack) {
+        const userId = socket.id;
+        const roomId = data.roomId || 'general';
+        const room = this.rooms.get(roomId);
+        if (!room || !room.hasMember(userId)) {
+            ack?.({ error: 'Not in room' });
+            return;
+        }
+        const msg = {
+            id: this.generateId(),
+            roomId,
+            senderId: userId,
+            senderName: this.userNames.get(userId),
+            content: data.content,
+            timestamp: Date.now(),
+        };
+        this.storage.addMessage(msg);
+        this.storage.pruneMessages(roomId);
+        this.io.to(roomId).emit('message', msg);
+        ack?.({ id: msg.id });
+    }
+    handleTyping(socket, data) {
+        const roomId = data.roomId || 'general';
+        socket.to(roomId).emit('typing', {
+            roomId,
+            userId: socket.id,
+            userName: this.userNames.get(socket.id),
+        });
+    }
+    handleStopTyping(socket, data) {
+        const roomId = data.roomId || 'general';
+        socket.to(roomId).emit('stop_typing', {
+            roomId,
+            userId: socket.id,
+            userName: this.userNames.get(socket.id),
+        });
+    }
+    handleDisconnect(socket) {
+        const userId = socket.id;
+        const userName = this.userNames.get(userId);
+        console.log(`[GroupChat] Disconnected: ${userName} (${userId})`);
+        this.leaveAllRooms(socket, userId, userName || userId);
+        this.userNames.delete(userId);
+    }
+    // ─── Helpers ────────────────────────────────────────────────
+    leaveAllRooms(socket, userId, userName) {
+        this.rooms.forEach((room, rid) => {
+            if (room.hasMember(userId)) {
+                room.removeMember(userId);
+                socket.leave(rid);
+                this.io.to(rid).emit('member_left', {
+                    roomId: rid,
+                    memberId: userId,
+                    memberName: userName,
+                    members: room.getMembersList(),
+                });
+            }
+        });
+    }
+    generateId() {
+        return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
+    }
+}
+exports.GroupChatServer = GroupChatServer;

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

@@ -0,0 +1 @@
+export declare function bindShutdown(server: any): void;

package/dist/server/services/shutdown.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bindShutdown = bindShutdown;
+function bindShutdown(server) {
+    let isShuttingDown = false;
+    const shutdown = async (signal) => {
+        if (isShuttingDown)
+            return;
+        isShuttingDown = true;
+        console.log(`\n[${signal}] shutting down...`);
+        try {
+            if (server) {
+                await new Promise((resolve) => {
+                    server.close(() => {
+                        console.log('✓ http server closed');
+                        resolve();
+                    });
+                });
+            }
+        }
+        catch (err) {
+            console.error('shutdown error:', err);
+        }
+        process.exit(0);
+    };
+    process.once('SIGUSR2', shutdown);
+    process.on('SIGINT', shutdown);
+    process.on('SIGTERM', shutdown);
+    process.on('uncaughtException', (err) => {
+        console.error('uncaughtException:', err);
+        shutdown('uncaughtException');
+    });
+    process.on('unhandledRejection', (err) => {
+        console.error('unhandledRejection:', err);
+        shutdown('unhandledRejection');
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hermes-web-ui",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Web dashboard for Hermes Agent — multi-platform AI chat, session management, scheduled jobs, usage analytics & channel configuration (Telegram, Discord, Slack, WhatsApp)",
   "repository": {
     "type": "git",

package/dist/client/assets/ChatView-CDdyTo72.js

@@ -1,127 +0,0 @@
-import{$ as e,A as t,B as n,C as r,D as i,E as a,F as o,G as s,K as c,L as l,N as u,Q as d,R as f,T as p,U as m,V as h,W as g,X as _,_ as v,ct as y,d as b,dt as x,g as S,gt as C,j as w,k as T,m as E,mt as D,ot as O,pt as k,q as A,st as j,w as M,y as N}from"./router-Dj-Nmg7q.js";import{r as P,t as F}from"./_plugin-vue_export-helper-Cnn0Z73x.js";import{t as I}from"./logo-Cd-t_oGE.js";import{$ as L,B as R,X as z,c as B,ct as V,dt as H,ft as U,pt as W,q as G,st as K,tt as q,ut as J,z as ee}from"./browser-CQRjhbaB.js";import{C as te,E as Y,N as ne,S as X,T as Z,c as Q,g as re,k as ie,l as ae,m as oe,n as se,o as ce,r as le,t as ue}from"./Popover-mIRPCy7U.js";import{r as de,t as fe}from"./create-5zWq3BEB.js";import{d as pe,f as me,p as he,r as ge}from"./Suffix-DgzfIwzx.js";import{t as _e}from"./Modal-C5-Iw50K.js";import{t as $}from"./Button-EoeZgIFH.js";import{t as ve}from"./Input-Bk7XdoG-.js";import{i as ye,n as be,t as xe}from"./chat-BIdq6ZXF.js";import{t as Se}from"./Tooltip-9tdvSKGi.js";import{t as Ce}from"./use-message-BgToAqhv.js";import{t as we}from"./Popconfirm-C-M2anVL.js";import{t as Te}from"./useTheme-BUShiwRu.js";import{t as Ee}from"./app-BMobzABI.js";import{t as De}from"./profiles-CNTHYFZE.js";import{i as Oe}from"./sessions-C0kvgvBm.js";import{t as ke}from"./MarkdownRenderer-BbedVxvo.js";function Ae(e={},t){let r=O({ctrl:!1,command:!1,win:!1,shift:!1,tab:!1}),{keydown:i,keyup:a}=e,o=e=>{switch(e.key){case`Control`:r.ctrl=!0;break;case`Meta`:r.command=!0,r.win=!0;break;case`Shift`:r.shift=!0;break;case`Tab`:r.tab=!0;break}i!==void 0&&Object.keys(i).forEach(t=>{if(t!==e.key)return;let n=i[t];if(typeof n==`function`)n(e);else{let{stop:t=!1,prevent:r=!1}=n;t&&e.stopPropagation(),r&&e.preventDefault(),n.handler(e)}})},s=e=>{switch(e.key){case`Control`:r.ctrl=!1;break;case`Meta`:r.command=!1,r.win=!1;break;case`Shift`:r.shift=!1;break;case`Tab`:r.tab=!1;break}a!==void 0&&Object.keys(a).forEach(t=>{if(t!==e.key)return;let n=a[t];if(typeof n==`function`)n(e);else{let{stop:t=!1,prevent:r=!1}=n;t&&e.stopPropagation(),r&&e.preventDefault(),n.handler(e)}})},c=()=>{(t===void 0||t.value)&&(he(`keydown`,document,o),he(`keyup`,document,s)),t!==void 0&&_(t,e=>{e?(he(`keydown`,document,o),he(`keyup`,document,s)):(me(`keydown`,document,o),me(`keyup`,document,s))})};return ne()?(n(c),h(()=>{(t===void 0||t.value)&&(me(`keydown`,document,o),me(`keyup`,document,s))})):c(),j(r)}function je(e,t,n){if(!t)return e;let r=y(e.value),i=null;return _(e,e=>{i!==null&&window.clearTimeout(i),e===!0?n&&!n.value?r.value=!0:i=window.setTimeout(()=>{r.value=!0},t):r.value=!1}),r}function Me(e){return t=>{t?e.value=t.$el:e.value=null}}var Ne=w({name:`ChevronRight`,render(){return u(`svg`,{viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},u(`path`,{d:`M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z`,fill:`currentColor`}))}}),Pe=L(`n-dropdown-menu`),Fe=L(`n-dropdown`),Ie=L(`n-dropdown-option`),Le=w({name:`DropdownDivider`,props:{clsPrefix:{type:String,required:!0}},render(){return u(`div`,{class:`${this.clsPrefix}-dropdown-divider`})}}),Re=w({name:`DropdownGroupHeader`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){let{showIconRef:e,hasSubmenuRef:t}=o(Pe),{renderLabelRef:n,labelFieldRef:r,nodePropsRef:i,renderOptionRef:a}=o(Fe);return{labelField:r,showIcon:e,hasSubmenu:t,renderLabel:n,nodeProps:i,renderOption:a}},render(){let{clsPrefix:e,hasSubmenu:t,showIcon:n,nodeProps:r,renderLabel:i,renderOption:a}=this,{rawNode:o}=this.tmNode,s=u(`div`,Object.assign({class:`${e}-dropdown-option`},r?.(o)),u(`div`,{class:`${e}-dropdown-option-body ${e}-dropdown-option-body--group`},u(`div`,{"data-dropdown-option":!0,class:[`${e}-dropdown-option-body__prefix`,n&&`${e}-dropdown-option-body__prefix--show-icon`]},Q(o.icon)),u(`div`,{class:`${e}-dropdown-option-body__label`,"data-dropdown-option":!0},i?i(o):Q(o.title??o[this.labelField])),u(`div`,{class:[`${e}-dropdown-option-body__suffix`,t&&`${e}-dropdown-option-body__suffix--has-submenu`],"data-dropdown-option":!0})));return a?a({node:s,option:o}):s}}),ze=V(`icon`,`
- height: 1em;
- width: 1em;
- line-height: 1em;
- text-align: center;
- display: inline-block;
- position: relative;
- fill: currentColor;
-`,[H(`color-transition`,{transition:`color .3s var(--n-bezier)`}),H(`depth`,{color:`var(--n-color)`},[K(`svg`,{opacity:`var(--n-opacity)`,transition:`opacity .3s var(--n-bezier)`})]),K(`svg`,{height:`1em`,width:`1em`})]),Be=w({_n_icon__:!0,name:`Icon`,inheritAttrs:!1,props:Object.assign(Object.assign({},B.props),{depth:[String,Number],size:[Number,String],color:String,component:[Object,Function]}),setup(e){let{mergedClsPrefixRef:t,inlineThemeDisabled:n}=R(e),i=B(`Icon`,`-icon`,ze,be,e,t),a=r(()=>{let{depth:t}=e,{common:{cubicBezierEaseInOut:n},self:r}=i.value;if(t!==void 0){let{color:e,[`opacity${t}Depth`]:i}=r;return{"--n-bezier":n,"--n-color":e,"--n-opacity":i}}return{"--n-bezier":n,"--n-color":``,"--n-opacity":``}}),o=n?ee(`icon`,r(()=>`${e.depth||`d`}`),a,e):void 0;return{mergedClsPrefix:t,mergedStyle:r(()=>{let{size:t,color:n}=e;return{fontSize:oe(t),color:n}}),cssVars:n?void 0:a,themeClass:o?.themeClass,onRender:o?.onRender}},render(){let{$parent:e,depth:t,mergedClsPrefix:n,component:r,onRender:i,themeClass:a}=this;return e?.$options?._n_icon__&&z(`icon`,"don't wrap `n-icon` inside `n-icon`"),i?.(),u(`i`,l(this.$attrs,{role:`img`,class:[`${n}-icon`,a,{[`${n}-icon--depth`]:t,[`${n}-icon--color-transition`]:t!==void 0}],style:[this.cssVars,this.mergedStyle]}),r?u(r):this.$slots)}});function Ve(e,t){return e.type===`submenu`||e.type===void 0&&e[t]!==void 0}function He(e){return e.type===`group`}function Ue(e){return e.type===`divider`}function We(e){return e.type===`render`}var Ge=w({name:`DropdownOption`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0},parentKey:{type:[String,Number],default:null},placement:{type:String,default:`right-start`},props:Object,scrollable:Boolean},setup(e){let t=o(Fe),{hoverKeyRef:n,keyboardKeyRef:i,lastToggledSubmenuKeyRef:a,pendingKeyPathRef:s,activeKeyPathRef:l,animatedRef:u,mergedShowRef:d,renderLabelRef:f,renderIconRef:p,labelFieldRef:m,childrenFieldRef:h,renderOptionRef:g,nodePropsRef:_,menuPropsRef:v}=t,b=o(Ie,null),x=o(Pe),S=o(Z),C=r(()=>e.tmNode.rawNode),w=r(()=>{let{value:t}=h;return Ve(e.tmNode.rawNode,t)}),T=r(()=>{let{disabled:t}=e.tmNode;return t}),E=je(r(()=>{if(!w.value)return!1;let{key:t,disabled:r}=e.tmNode;if(r)return!1;let{value:o}=n,{value:c}=i,{value:l}=a,{value:u}=s;return o===null?c===null?l===null?!1:u.includes(t):u.includes(t)&&u[u.length-1]!==t:u.includes(t)}),300,r(()=>i.value===null&&!u.value)),D=r(()=>!!b?.enteringSubmenuRef.value),O=y(!1);c(Ie,{enteringSubmenuRef:O});function k(){O.value=!0}function A(){O.value=!1}function j(){let{parentKey:t,tmNode:r}=e;r.disabled||d.value&&(a.value=t,i.value=null,n.value=r.key)}function M(){let{tmNode:t}=e;t.disabled||d.value&&n.value!==t.key&&j()}function N(t){if(e.tmNode.disabled||!d.value)return;let{relatedTarget:r}=t;r&&!de({target:r},`dropdownOption`)&&!de({target:r},`scrollbarRail`)&&(n.value=null)}function P(){let{value:n}=w,{tmNode:r}=e;d.value&&!n&&!r.disabled&&(t.doSelect(r.key,r.rawNode),t.doUpdateShow(!1))}return{labelField:m,renderLabel:f,renderIcon:p,siblingHasIcon:x.showIconRef,siblingHasSubmenu:x.hasSubmenuRef,menuProps:v,popoverBody:S,animated:u,mergedShowSubmenu:r(()=>E.value&&!D.value),rawNode:C,hasSubmenu:w,pending:q(()=>{let{value:t}=s,{key:n}=e.tmNode;return t.includes(n)}),childActive:q(()=>{let{value:t}=l,{key:n}=e.tmNode,r=t.findIndex(e=>n===e);return r===-1?!1:r<t.length-1}),active:q(()=>{let{value:t}=l,{key:n}=e.tmNode,r=t.findIndex(e=>n===e);return r===-1?!1:r===t.length-1}),mergedDisabled:T,renderOption:g,nodeProps:_,handleClick:P,handleMouseMove:M,handleMouseEnter:j,handleMouseLeave:N,handleSubmenuBeforeEnter:k,handleSubmenuAfterEnter:A}},render(){let{animated:e,rawNode:t,mergedShowSubmenu:n,clsPrefix:r,siblingHasIcon:i,siblingHasSubmenu:a,renderLabel:o,renderIcon:s,renderOption:c,nodeProps:d,props:f,scrollable:p}=this,m=null;if(n){let e=this.menuProps?.call(this,t,t.children);m=u(Je,Object.assign({},e,{clsPrefix:r,scrollable:this.scrollable,tmNodes:this.tmNode.children,parentKey:this.tmNode.key}))}let h={class:[`${r}-dropdown-option-body`,this.pending&&`${r}-dropdown-option-body--pending`,this.active&&`${r}-dropdown-option-body--active`,this.childActive&&`${r}-dropdown-option-body--child-active`,this.mergedDisabled&&`${r}-dropdown-option-body--disabled`],onMousemove:this.handleMouseMove,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onClick:this.handleClick},g=d?.(t),_=u(`div`,Object.assign({class:[`${r}-dropdown-option`,g?.class],"data-dropdown-option":!0},g),u(`div`,l(h,f),[u(`div`,{class:[`${r}-dropdown-option-body__prefix`,i&&`${r}-dropdown-option-body__prefix--show-icon`]},[s?s(t):Q(t.icon)]),u(`div`,{"data-dropdown-option":!0,class:`${r}-dropdown-option-body__label`},o?o(t):Q(t[this.labelField]??t.title)),u(`div`,{"data-dropdown-option":!0,class:[`${r}-dropdown-option-body__suffix`,a&&`${r}-dropdown-option-body__suffix--has-submenu`]},this.hasSubmenu?u(Be,null,{default:()=>u(Ne,null)}):null)]),this.hasSubmenu?u(te,null,{default:()=>[u(X,null,{default:()=>u(`div`,{class:`${r}-dropdown-offset-container`},u(re,{show:this.mergedShowSubmenu,placement:this.placement,to:p&&this.popoverBody||void 0,teleportDisabled:!p},{default:()=>u(`div`,{class:`${r}-dropdown-menu-wrapper`},e?u(b,{onBeforeEnter:this.handleSubmenuBeforeEnter,onAfterEnter:this.handleSubmenuAfterEnter,name:`fade-in-scale-up-transition`,appear:!0},{default:()=>m}):m)}))})]}):null);return c?c({node:_,option:t}):_}}),Ke=w({name:`NDropdownGroup`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0},parentKey:{type:[String,Number],default:null}},render(){let{tmNode:e,parentKey:t,clsPrefix:n}=this,{children:r}=e;return u(N,null,u(Re,{clsPrefix:n,tmNode:e,key:e.key}),r?.map(e=>{let{rawNode:r}=e;return r.show===!1?null:Ue(r)?u(Le,{clsPrefix:n,key:e.key}):e.isGroup?(z(`dropdown`,"`group` node is not allowed to be put in `group` node."),null):u(Ge,{clsPrefix:n,tmNode:e,parentKey:t,key:e.key})}))}}),qe=w({name:`DropdownRenderOption`,props:{tmNode:{type:Object,required:!0}},render(){let{rawNode:{render:e,props:t}}=this.tmNode;return u(`div`,t,[e?.()])}}),Je=w({name:`DropdownMenu`,props:{scrollable:Boolean,showArrow:Boolean,arrowStyle:[String,Object],clsPrefix:{type:String,required:!0},tmNodes:{type:Array,default:()=>[]},parentKey:{type:[String,Number],default:null}},setup(e){let{renderIconRef:t,childrenFieldRef:n}=o(Fe);c(Pe,{showIconRef:r(()=>{let n=t.value;return e.tmNodes.some(e=>{if(e.isGroup)return e.children?.some(({rawNode:e})=>n?n(e):e.icon);let{rawNode:t}=e;return n?n(t):t.icon})}),hasSubmenuRef:r(()=>{let{value:t}=n;return e.tmNodes.some(e=>{if(e.isGroup)return e.children?.some(({rawNode:e})=>Ve(e,t));let{rawNode:n}=e;return Ve(n,t)})})});let i=y(null);return c(Y,null),c(ie,null),c(Z,i),{bodyRef:i}},render(){let{parentKey:e,clsPrefix:t,scrollable:n}=this,r=this.tmNodes.map(r=>{let{rawNode:i}=r;return i.show===!1?null:We(i)?u(qe,{tmNode:r,key:r.key}):Ue(i)?u(Le,{clsPrefix:t,key:r.key}):He(i)?u(Ke,{clsPrefix:t,tmNode:r,parentKey:e,key:r.key}):u(Ge,{clsPrefix:t,tmNode:r,parentKey:e,key:r.key,props:i.props,scrollable:n})});return u(`div`,{class:[`${t}-dropdown-menu`,n&&`${t}-dropdown-menu--scrollable`],ref:`bodyRef`},n?u(ge,{contentClass:`${t}-dropdown-menu__content`},{default:()=>r}):r,this.showArrow?le({clsPrefix:t,arrowStyle:this.arrowStyle,arrowClass:void 0,arrowWrapperClass:void 0,arrowWrapperStyle:void 0}):null)}}),Ye=V(`dropdown-menu`,`
- transform-origin: var(--v-transform-origin);
- background-color: var(--n-color);
- border-radius: var(--n-border-radius);
- box-shadow: var(--n-box-shadow);
- position: relative;
- transition:
- background-color .3s var(--n-bezier),
- box-shadow .3s var(--n-bezier);
-`,[ce(),V(`dropdown-option`,`
- position: relative;
- `,[K(`a`,`
- text-decoration: none;
- color: inherit;
- outline: none;
- `,[K(`&::before`,`
- content: "";
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- `)]),V(`dropdown-option-body`,`
- display: flex;
- cursor: pointer;
- position: relative;
- height: var(--n-option-height);
- line-height: var(--n-option-height);
- font-size: var(--n-font-size);
- color: var(--n-option-text-color);
- transition: color .3s var(--n-bezier);
- `,[K(`&::before`,`
- content: "";
- position: absolute;
- top: 0;
- bottom: 0;
- left: 4px;
- right: 4px;
- transition: background-color .3s var(--n-bezier);
- border-radius: var(--n-border-radius);
- `),U(`disabled`,[H(`pending`,`
- color: var(--n-option-text-color-hover);
- `,[J(`prefix, suffix`,`
- color: var(--n-option-text-color-hover);
- `),K(`&::before`,`background-color: var(--n-option-color-hover);`)]),H(`active`,`
- color: var(--n-option-text-color-active);
- `,[J(`prefix, suffix`,`
- color: var(--n-option-text-color-active);
- `),K(`&::before`,`background-color: var(--n-option-color-active);`)]),H(`child-active`,`
- color: var(--n-option-text-color-child-active);
- `,[J(`prefix, suffix`,`
- color: var(--n-option-text-color-child-active);
- `)])]),H(`disabled`,`
- cursor: not-allowed;
- opacity: var(--n-option-opacity-disabled);
- `),H(`group`,`
- font-size: calc(var(--n-font-size) - 1px);
- color: var(--n-group-header-text-color);
- `,[J(`prefix`,`
- width: calc(var(--n-option-prefix-width) / 2);
- `,[H(`show-icon`,`
- width: calc(var(--n-option-icon-prefix-width) / 2);
- `)])]),J(`prefix`,`
- width: var(--n-option-prefix-width);
- display: flex;
- justify-content: center;
- align-items: center;
- color: var(--n-prefix-color);
- transition: color .3s var(--n-bezier);
- z-index: 1;
- `,[H(`show-icon`,`
- width: var(--n-option-icon-prefix-width);
- `),V(`icon`,`
- font-size: var(--n-option-icon-size);
- `)]),J(`label`,`
- white-space: nowrap;
- flex: 1;
- z-index: 1;
- `),J(`suffix`,`
- box-sizing: border-box;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: flex-end;
- align-items: center;
- min-width: var(--n-option-suffix-width);
- padding: 0 8px;
- transition: color .3s var(--n-bezier);
- color: var(--n-suffix-color);
- z-index: 1;
- `,[H(`has-submenu`,`
- width: var(--n-option-icon-suffix-width);
- `),V(`icon`,`
- font-size: var(--n-option-icon-size);
- `)]),V(`dropdown-menu`,`pointer-events: all;`)]),V(`dropdown-offset-container`,`
- pointer-events: none;
- position: absolute;
- left: 0;
- right: 0;
- top: -4px;
- bottom: -4px;
- `)]),V(`dropdown-divider`,`
- transition: background-color .3s var(--n-bezier);
- background-color: var(--n-divider-color);
- height: 1px;
- margin: 4px 0;
- `),V(`dropdown-menu-wrapper`,`
- transform-origin: var(--v-transform-origin);
- width: fit-content;
- `),K(`>`,[V(`scrollbar`,`
- height: inherit;
- max-height: inherit;
- `)]),U(`scrollable`,`
- padding: var(--n-padding);
- `),H(`scrollable`,[J(`content`,`
- padding: var(--n-padding);
- `)])]),Xe={animated:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},size:String,inverted:Boolean,placement:{type:String,default:`bottom`},onSelect:[Function,Array],options:{type:Array,default:()=>[]},menuProps:Function,showArrow:Boolean,renderLabel:Function,renderIcon:Function,renderOption:Function,nodeProps:Function,labelField:{type:String,default:`label`},keyField:{type:String,default:`key`},childrenField:{type:String,default:`children`},value:[String,Number]},Ze=Object.keys(se),Qe=w({name:`Dropdown`,inheritAttrs:!1,props:Object.assign(Object.assign(Object.assign({},se),Xe),B.props),setup(e){let t=y(!1),n=pe(x(e,`show`),t),i=r(()=>{let{keyField:t,childrenField:n}=e;return fe(e.options,{getKey(e){return e[t]},getDisabled(e){return e.disabled===!0},getIgnored(e){return e.type===`divider`||e.type===`render`},getChildren(e){return e[n]}})}),a=r(()=>i.value.treeNodes),o=y(null),s=y(null),l=y(null),u=r(()=>o.value??s.value??l.value??null),d=r(()=>i.value.getPath(u.value).keyPath),f=r(()=>i.value.getPath(e.value).keyPath),p=q(()=>e.keyboard&&n.value);Ae({keydown:{ArrowUp:{prevent:!0,handler:O},ArrowRight:{prevent:!0,handler:D},ArrowDown:{prevent:!0,handler:k},ArrowLeft:{prevent:!0,handler:E},Enter:{prevent:!0,handler:A},Escape:T}},p);let{mergedClsPrefixRef:m,inlineThemeDisabled:h,mergedComponentPropsRef:g}=R(e),v=r(()=>e.size||g?.value?.Dropdown?.size||`medium`),b=B(`Dropdown`,`-dropdown`,Ye,ye,e,m);c(Fe,{labelFieldRef:x(e,`labelField`),childrenFieldRef:x(e,`childrenField`),renderLabelRef:x(e,`renderLabel`),renderIconRef:x(e,`renderIcon`),hoverKeyRef:o,keyboardKeyRef:s,lastToggledSubmenuKeyRef:l,pendingKeyPathRef:d,activeKeyPathRef:f,animatedRef:x(e,`animated`),mergedShowRef:n,nodePropsRef:x(e,`nodeProps`),renderOptionRef:x(e,`renderOption`),menuPropsRef:x(e,`menuProps`),doSelect:S,doUpdateShow:C}),_(n,t=>{!e.animated&&!t&&w()});function S(t,n){let{onSelect:r}=e;r&&G(r,t,n)}function C(n){let{"onUpdate:show":r,onUpdateShow:i}=e;r&&G(r,n),i&&G(i,n),t.value=n}function w(){o.value=null,s.value=null,l.value=null}function T(){C(!1)}function E(){M(`left`)}function D(){M(`right`)}function O(){M(`up`)}function k(){M(`down`)}function A(){let e=j();e?.isLeaf&&n.value&&(S(e.key,e.rawNode),C(!1))}function j(){let{value:e}=i,{value:t}=u;return!e||t===null?null:e.getNode(t)??null}function M(e){let{value:t}=u,{value:{getFirstAvailableNode:n}}=i,r=null;if(t===null){let e=n();e!==null&&(r=e.key)}else{let t=j();if(t){let n;switch(e){case`down`:n=t.getNext();break;case`up`:n=t.getPrev();break;case`right`:n=t.getChild();break;case`left`:n=t.getParent();break}n&&(r=n.key)}}r!==null&&(o.value=null,s.value=r)}let N=r(()=>{let{inverted:t}=e,n=v.value,{common:{cubicBezierEaseInOut:r},self:i}=b.value,{padding:a,dividerColor:o,borderRadius:s,optionOpacityDisabled:c,[W(`optionIconSuffixWidth`,n)]:l,[W(`optionSuffixWidth`,n)]:u,[W(`optionIconPrefixWidth`,n)]:d,[W(`optionPrefixWidth`,n)]:f,[W(`fontSize`,n)]:p,[W(`optionHeight`,n)]:m,[W(`optionIconSize`,n)]:h}=i,g={"--n-bezier":r,"--n-font-size":p,"--n-padding":a,"--n-border-radius":s,"--n-option-height":m,"--n-option-prefix-width":f,"--n-option-icon-prefix-width":d,"--n-option-suffix-width":u,"--n-option-icon-suffix-width":l,"--n-option-icon-size":h,"--n-divider-color":o,"--n-option-opacity-disabled":c};return t?(g[`--n-color`]=i.colorInverted,g[`--n-option-color-hover`]=i.optionColorHoverInverted,g[`--n-option-color-active`]=i.optionColorActiveInverted,g[`--n-option-text-color`]=i.optionTextColorInverted,g[`--n-option-text-color-hover`]=i.optionTextColorHoverInverted,g[`--n-option-text-color-active`]=i.optionTextColorActiveInverted,g[`--n-option-text-color-child-active`]=i.optionTextColorChildActiveInverted,g[`--n-prefix-color`]=i.prefixColorInverted,g[`--n-suffix-color`]=i.suffixColorInverted,g[`--n-group-header-text-color`]=i.groupHeaderTextColorInverted):(g[`--n-color`]=i.color,g[`--n-option-color-hover`]=i.optionColorHover,g[`--n-option-color-active`]=i.optionColorActive,g[`--n-option-text-color`]=i.optionTextColor,g[`--n-option-text-color-hover`]=i.optionTextColorHover,g[`--n-option-text-color-active`]=i.optionTextColorActive,g[`--n-option-text-color-child-active`]=i.optionTextColorChildActive,g[`--n-prefix-color`]=i.prefixColor,g[`--n-suffix-color`]=i.suffixColor,g[`--n-group-header-text-color`]=i.groupHeaderTextColor),g}),P=h?ee(`dropdown`,r(()=>`${v.value[0]}${e.inverted?`i`:``}`),N,e):void 0;return{mergedClsPrefix:m,mergedTheme:b,mergedSize:v,tmNodes:a,mergedShow:n,handleAfterLeave:()=>{e.animated&&w()},doUpdateShow:C,cssVars:h?void 0:N,themeClass:P?.themeClass,onRender:P?.onRender}},render(){let e=(e,t,n,r,i)=>{var a;let{mergedClsPrefix:o,menuProps:s}=this;(a=this.onRender)==null||a.call(this);let c=s?.(void 0,this.tmNodes.map(e=>e.rawNode))||{},d={ref:Me(t),class:[e,`${o}-dropdown`,`${o}-dropdown--${this.mergedSize}-size`,this.themeClass],clsPrefix:o,tmNodes:this.tmNodes,style:[...n,this.cssVars],showArrow:this.showArrow,arrowStyle:this.arrowStyle,scrollable:this.scrollable,onMouseenter:r,onMouseleave:i};return u(Je,l(this.$attrs,d,c))},{mergedTheme:t}=this,n={show:this.mergedShow,theme:t.peers.Popover,themeOverrides:t.peerOverrides.Popover,internalOnAfterLeave:this.handleAfterLeave,internalRenderBody:e,onUpdateShow:this.doUpdateShow,"onUpdate:show":void 0};return u(ue,Object.assign({},ae(this.$props,Ze),n),{trigger:()=>{var e;return(e=this.$slots).default?.call(e)}})}}),$e={class:`chat-input-area`},et={key:0,class:`attachment-previews`},tt=[`src`,`alt`],nt={key:1,class:`attachment-file`},rt={class:`file-name`},it={class:`file-size`},at=[`onClick`],ot=[`placeholder`],st={class:`input-actions`},ct=F(w({__name:`ChatInput`,setup(n){let o=xe(),{t:c}=P(),l=y(``),u=y(),f=y(),m=y([]),h=y(!1),g=y(0),_=y(!1),v=r(()=>l.value.trim()||m.value.length>0);function b(e){if(m.value.find(t=>t.name===e.name))return;let t=Date.now().toString(36)+Math.random().toString(36).slice(2,8),n=URL.createObjectURL(e);m.value.push({id:t,name:e.name,type:e.type,size:e.size,url:n,file:e})}function x(){f.value?.click()}function S(e){let t=e.target;if(t.files){for(let e of t.files)b(e);t.value=``}}function w(e){let t=Array.from(e.clipboardData?.items||[]).filter(e=>e.type.startsWith(`image/`));if(t.length){e.preventDefault();for(let e of t){let t=e.getAsFile();if(!t)continue;let n=e.type.split(`/`)[1]||`png`;b(new File([t],`pasted-${Date.now()}.${n}`,{type:e.type}))}}}function O(e){e.preventDefault()}function j(e){e.preventDefault(),e.dataTransfer?.types.includes(`Files`)&&(g.value++,h.value=!0)}function F(){g.value--,g.value<=0&&(g.value=0,h.value=!1)}function I(e){e.preventDefault(),g.value=0,h.value=!1;let t=Array.from(e.dataTransfer?.files||[]);if(t.length){for(let e of t)b(e);u.value?.focus()}}function L(){let e=l.value.trim();!e&&m.value.length===0||(o.sendMessage(e,m.value.length>0?m.value:void 0),l.value=``,m.value=[],u.value&&(u.value.style.height=`auto`))}function R(){_.value=!0}function z(){requestAnimationFrame(()=>{_.value=!1})}function B(e){return _.value||e.isComposing||e.keyCode===229}function V(e){e.key!==`Enter`||e.shiftKey||B(e)||(e.preventDefault(),L())}function H(e){let t=e.target;t.style.height=`auto`,t.style.height=Math.min(t.scrollHeight,100)+`px`}function U(e){let t=m.value.findIndex(t=>t.id===e);t!==-1&&(URL.revokeObjectURL(m.value[t].url),m.value.splice(t,1))}function W(e){return e<1024?e+` B`:e<1024*1024?(e/1024).toFixed(1)+` KB`:(e/(1024*1024)).toFixed(1)+` MB`}function G(e){return e.startsWith(`image/`)}return(n,r)=>(s(),i(`div`,$e,[m.value.length>0?(s(),i(`div`,et,[(s(!0),i(N,null,A(m.value,e=>(s(),i(`div`,{key:e.id,class:D([`attachment-preview`,{image:G(e.type)}])},[G(e.type)?(s(),i(`img`,{key:0,src:e.url,alt:e.name,class:`attachment-thumb`},null,8,tt)):(s(),i(`div`,nt,[r[2]||=M(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),M(`polyline`,{points:`14 2 14 8 20 8`})],-1),M(`span`,rt,C(e.name),1),M(`span`,it,C(W(e.size)),1)])),M(`button`,{class:`attachment-remove`,onClick:t=>U(e.id)},[...r[3]||=[M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]],8,at)],2))),128))])):a(``,!0),M(`div`,{class:D([`input-wrapper`,{"drag-over":h.value}]),onDragover:O,onDragenter:j,onDragleave:F,onDrop:I},[M(`input`,{ref_key:`fileInputRef`,ref:f,type:`file`,multiple:``,class:`file-input-hidden`,onChange:S},null,544),e(M(`textarea`,{ref_key:`textareaRef`,ref:u,"onUpdate:modelValue":r[0]||=e=>l.value=e,class:`input-textarea`,placeholder:k(c)(`chat.inputPlaceholder`),rows:`1`,onKeydown:V,onCompositionstart:R,onCompositionend:z,onInput:H,onPaste:w},null,40,ot),[[E,l.value]]),M(`div`,st,[t(k(Se),{trigger:`hover`},{trigger:d(()=>[t(k($),{quaternary:``,size:`small`,onClick:x,circle:``},{icon:d(()=>[...r[4]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48`})],-1)]]),_:1})]),default:d(()=>[T(` `+C(k(c)(`chat.attachFiles`)),1)]),_:1}),k(o).isStreaming?(s(),p(k($),{key:0,size:`small`,type:`error`,onClick:r[1]||=e=>k(o).stopStreaming()},{default:d(()=>[T(C(k(c)(`chat.stop`)),1)]),_:1})):a(``,!0),t(k($),{size:`small`,type:`primary`,disabled:!v.value||k(o).isStreaming,onClick:L},{icon:d(()=>[...r[5]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`22`,y1:`2`,x2:`11`,y2:`13`}),M(`polygon`,{points:`22 2 15 22 11 13 2 9 22 2`})],-1)]]),default:d(()=>[T(` `+C(k(c)(`chat.send`)),1)]),_:1},8,[`disabled`])])],34)]))}}),[[`__scopeId`,`data-v-4c2b3ca2`]]),lt={key:1,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,class:`tool-icon`},ut={class:`tool-name`},dt={key:2,class:`tool-preview`},ft={key:3,class:`tool-spinner`},pt={key:4,class:`tool-error-badge`},mt={key:0,class:`tool-details`},ht={key:0,class:`tool-detail-section`},gt={class:`tool-detail-label`},_t={class:`tool-detail-code`},vt={key:1,class:`tool-detail-section`},yt={class:`tool-detail-label`},bt={class:`tool-detail-code`},xt={key:1,class:`msg-body`},St={key:0,src:I,alt:`Hermes`,class:`msg-avatar`},Ct={key:0,class:`msg-attachments`},wt=[`src`,`alt`],Tt={key:1,class:`msg-attachment-file`},Et={class:`att-name`},Dt={class:`att-size`},Ot={key:2,class:`streaming-dots`},kt={class:`message-time`},At=F(w({__name:`MessageItem`,props:{message:{}},setup(e){let t=e,{t:n}=P(),o=r(()=>t.message.role===`system`),c=y(!1),l=r(()=>new Date(t.message.timestamp).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}));function u(e){return e.startsWith(`image/`)}function d(e){return e<1024?e+` B`:e<1024*1024?(e/1024).toFixed(1)+` KB`:(e/(1024*1024)).toFixed(1)+` MB`}let f=r(()=>(t.message.attachments?.length??0)>0),m=r(()=>!!(t.message.toolArgs||t.message.toolResult)),h=r(()=>{if(!t.message.toolArgs)return``;try{return JSON.stringify(JSON.parse(t.message.toolArgs),null,2)}catch{return t.message.toolArgs}}),g=r(()=>{if(!t.message.toolResult)return``;try{let e=JSON.parse(t.message.toolResult),r=JSON.stringify(e,null,2);return r.length>2e3?r.slice(0,2e3)+`
-`+n(`chat.truncated`):r}catch{let e=t.message.toolResult;return e.length>2e3?e.slice(0,2e3)+`
-`+n(`chat.truncated`):e}});return(t,r)=>(s(),i(`div`,{class:D([`message`,[e.message.role]])},[e.message.role===`tool`?(s(),i(N,{key:0},[M(`div`,{class:D([`tool-line`,{expandable:m.value}]),onClick:r[0]||=e=>m.value&&(c.value=!c.value)},[m.value?(s(),i(`svg`,{key:0,width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:D([`tool-chevron`,{rotated:c.value}])},[...r[1]||=[M(`polyline`,{points:`9 18 15 12 9 6`},null,-1)]],2)):(s(),i(`svg`,lt,[...r[2]||=[M(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`},null,-1)]])),M(`span`,ut,C(e.message.toolName),1),e.message.toolPreview&&!c.value?(s(),i(`span`,dt,C(e.message.toolPreview),1)):a(``,!0),e.message.toolStatus===`running`?(s(),i(`span`,ft)):a(``,!0),e.message.toolStatus===`error`?(s(),i(`span`,pt,C(k(n)(`chat.error`)),1)):a(``,!0)],2),c.value&&m.value?(s(),i(`div`,mt,[h.value?(s(),i(`div`,ht,[M(`div`,gt,C(k(n)(`chat.arguments`)),1),M(`pre`,_t,C(h.value),1)])):a(``,!0),g.value?(s(),i(`div`,vt,[M(`div`,yt,C(k(n)(`chat.result`)),1),M(`pre`,bt,C(g.value),1)])):a(``,!0)])):a(``,!0)],64)):(s(),i(`div`,xt,[e.message.role===`assistant`?(s(),i(`img`,St)):a(``,!0),M(`div`,{class:D([`msg-content`,e.message.role])},[M(`div`,{class:D([`message-bubble`,{system:o.value}])},[f.value?(s(),i(`div`,Ct,[(s(!0),i(N,null,A(e.message.attachments,e=>(s(),i(`div`,{key:e.id,class:D([`msg-attachment`,{image:u(e.type)}])},[u(e.type)&&e.url?(s(),i(`img`,{key:0,src:e.url,alt:e.name,class:`msg-attachment-thumb`},null,8,wt)):(s(),i(`div`,Tt,[r[3]||=M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),M(`polyline`,{points:`14 2 14 8 20 8`})],-1),M(`span`,Et,C(e.name),1),M(`span`,Dt,C(d(e.size)),1)]))],2))),128))])):a(``,!0),e.message.content?(s(),p(ke,{key:1,content:e.message.content},null,8,[`content`])):a(``,!0),e.message.isStreaming&&!e.message.content?(s(),i(`span`,Ot,[...r[4]||=[M(`span`,null,null,-1),M(`span`,null,null,-1),M(`span`,null,null,-1)]])):a(``,!0)],2),M(`div`,kt,C(l.value),1)],2)]))],2))}}),[[`__scopeId`,`data-v-5923b714`]]),jt=`/assets/thinking-light-BjeGd2gJ.mp4`,Mt=`/assets/thinking-dark-yYkYRZLs.mp4`,Nt={key:0,class:`empty-state`},Pt={key:0,class:`streaming-indicator`},Ft=[`src`],It={key:0,class:`tool-calls-panel`},Lt={class:`tool-call-name`},Rt={key:0,class:`tool-call-preview`},zt={key:1,class:`tool-call-spinner`},Bt={key:2,class:`tool-call-error`},Vt=F(w({__name:`MessageList`,setup(e){let n=xe(),{t:o}=P(),{isDark:c}=Te(),l=y(),u=r(()=>n.messages.filter(e=>e.role!==`tool`)),m=r(()=>{let e=n.messages,t=-1;for(let n=e.length-1;n>=0;n--)if(e[n].role===`user`){t=n;break}return[...e.filter((e,n)=>e.role===`tool`&&n>t)].reverse()});function h(e=200){let t=l.value;return t?t.scrollHeight-t.scrollTop-t.clientHeight<e:!0}function g(){f(()=>{l.value&&(l.value.scrollTop=l.value.scrollHeight)})}return _(()=>n.activeSessionId,e=>{e&&g()},{immediate:!0}),_(()=>n.isRunActive,e=>{e&&g()}),_(()=>n.messages[n.messages.length-1]?.content,()=>{if(!n.isStreaming){g();return}h()&&g()}),_(m,()=>{if(!n.isStreaming){g();return}h()&&g()}),(e,r)=>(s(),i(`div`,{ref_key:`listRef`,ref:l,class:`message-list`},[k(n).messages.length===0?(s(),i(`div`,Nt,[r[0]||=M(`img`,{src:`/logo.png`,alt:`Hermes`,class:`empty-logo`},null,-1),M(`p`,null,C(k(o)(`chat.emptyState`)),1)])):a(``,!0),(s(!0),i(N,null,A(u.value,e=>(s(),p(At,{key:e.id,message:e},null,8,[`message`]))),128)),t(b,{name:`fade`},{default:d(()=>[k(n).isRunActive?(s(),i(`div`,Pt,[M(`video`,{src:k(c)?k(Mt):k(jt),autoplay:``,loop:``,muted:``,playsinline:``,class:`thinking-video`},null,8,Ft),m.value.length>0?(s(),i(`div`,It,[(s(!0),i(N,null,A(m.value,e=>(s(),i(`div`,{key:e.id,class:`tool-call-item`},[r[1]||=M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,class:`tool-call-icon`},[M(`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z`})],-1),M(`span`,Lt,C(e.toolName),1),e.toolPreview?(s(),i(`span`,Rt,C(e.toolPreview),1)):a(``,!0),e.toolStatus===`running`?(s(),i(`span`,zt)):a(``,!0),e.toolStatus===`error`?(s(),i(`span`,Bt,C(k(o)(`chat.error`)),1)):a(``,!0)]))),128))])):a(``,!0)])):a(``,!0)]),_:1})],512))}}),[[`__scopeId`,`data-v-9cc7b1be`]]),Ht={class:`chat-panel`},Ut={class:`session-list-header`},Wt={key:0,class:`session-list-title`},Gt={class:`session-list-actions`},Kt={key:0,class:`session-items`},qt={key:0,class:`session-loading`},Jt={key:1,class:`session-empty`},Yt=[`onClick`],Xt={class:`session-group-label`},Zt={class:`session-group-count`},Qt=[`onClick`,`onContextmenu`],$t={class:`session-item-content`},en={class:`session-item-title`},tn={class:`session-item-meta`},nn={key:0,class:`session-item-model`},rn={class:`session-item-time`},an={class:`chat-main`},on={class:`chat-header`},sn={class:`header-left`},cn={class:`header-session-title`},ln={key:0,class:`source-badge`},un={class:`header-actions`},dn={key:0,class:`context-info`},fn=F(w({__name:`ChatPanel`,setup(e){let n=xe(),o=Ce(),{t:c}=P(),l=y(typeof window>`u`||!window.matchMedia(`(max-width: 768px)`).matches),u=null;function h(e){n.switchSession(e),u?.matches&&(l.value=!1)}function b(e){e.matches&&l.value&&(l.value=!1)}m(()=>{u=window.matchMedia(`(max-width: 768px)`),b(u),u.addEventListener(`change`,b)}),g(()=>{u?.removeEventListener(`change`,b)});let x=y(!1),w=y(``),E=y(null),O=y(null),j=y(new Set(JSON.parse(localStorage.getItem(`hermes_collapsed_groups`)||`[]`))),F={telegram:`Telegram`,api_server:`API Server`,cli:`CLI`,discord:`Discord`,slack:`Slack`,matrix:`Matrix`,whatsapp:`WhatsApp`,signal:`Signal`,email:`Email`,sms:`SMS`,dingtalk:`DingTalk`,feishu:`Feishu`,wecom:`WeCom`,weixin:`WeChat`,bluebubbles:`iMessage`,mattermost:`Mattermost`,cron:`Cron`};function I(e){return e?F[e]||e:``}function L(e){return e===`api_server`?-1:e===`cron`?999:0}let R=r(()=>{let e=[...n.sessions].sort((e,t)=>t.createdAt-e.createdAt),t=new Map;for(let n of e){let e=n.source||``;t.has(e)||t.set(e,[]),t.get(e).push(n)}return[...t.keys()].sort((e,t)=>{let n=L(e),r=L(t);return n===r?e.localeCompare(t):n-r}).map(e=>({source:e,label:e?I(e):c(`chat.other`),sessions:t.get(e)}))});function z(e){if(!j.value.has(e))j.value=new Set([...j.value,e]);else{j.value=new Set(R.value.map(e=>e.source).filter(t=>t!==e));let t=R.value.find(t=>t.source===e);t?.sessions.length&&n.switchSession(t.sessions[0].id)}localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value]))}_(R,e=>{if(localStorage.getItem(`hermes_collapsed_groups`)!==null){let e=n.activeSession?.source;e&&j.value.has(e)&&(j.value=new Set([...j.value].filter(t=>t!==e)),localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value])));return}j.value=new Set(e.slice(1).map(e=>e.source)),localStorage.setItem(`hermes_collapsed_groups`,JSON.stringify([...j.value]))},{once:!0});let B=r(()=>n.activeSession?.title||c(`chat.newChat`)),V=r(()=>(n.activeSession?.inputTokens??0)+(n.activeSession?.outputTokens??0)),H={"claude-opus-4":2e5,"claude-sonnet-4":2e5,"claude-haiku-4":2e5,"claude-3.5-sonnet":2e5,"claude-3.5-haiku":2e5,"claude-3-opus":2e5,"claude-3-sonnet":2e5,"claude-3-haiku":2e5,"gpt-4o":128e3,"gpt-4o-mini":128e3,"gpt-4-turbo":128e3,"gpt-4":8192,"gpt-3.5-turbo":16385,o1:2e5,"o1-mini":128e3,o3:2e5,"o3-mini":2e5,"o4-mini":2e5,"deepseek-chat":65536,"deepseek-reasoner":65536,"gemini-2.5-pro":1e6,"gemini-2.5-flash":1e6,"gemini-2.0-flash":1e6,"glm-4-plus":128e3,"glm-4":128e3,"qwen-max":128e3,"qwen-plus":128e3,"qwen-turbo":128e3},U=r(()=>{let e=n.activeSession?.model||``;for(let[t,n]of Object.entries(H))if(e.includes(t))return n;return null});function W(e){return e>=1e6?(e/1e6).toFixed(1)+`M`:e>=1e3?(e/1e3).toFixed(1)+`k`:String(e)}let G=r(()=>n.activeSession?.source||``);function K(){n.newChat()}function q(e){let t=e||n.activeSessionId;t&&(navigator.clipboard.writeText(t),o.success(c(`common.copied`)))}function J(e){n.deleteSession(e),o.success(c(`chat.sessionDeleted`))}function ee(e){let t=new Date(e),n=new Date;return t.toDateString()===n.toDateString()?t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}):t.toLocaleDateString([],{month:`short`,day:`numeric`})}let te=r(()=>[{label:c(`chat.rename`),key:`rename`},{label:c(`chat.copySessionId`),key:`copy-id`}]),Y=y(null);function ne(e,t){e.preventDefault(),Y.value=t,X.value=!0,Z.value=e.clientX,Q.value=e.clientY}let X=y(!1),Z=y(0),Q=y(0);function re(e){if(X.value=!1,Y.value){if(e===`copy-id`)q(Y.value);else if(e===`rename`){let e=n.sessions.find(e=>e.id===Y.value);E.value=Y.value,w.value=e?.title||``,x.value=!0,f(()=>{O.value?.focus()})}}}function ie(){X.value=!1}async function ae(){if(!(!E.value||!w.value.trim())){if(await Oe(E.value,w.value.trim())){let e=n.sessions.find(e=>e.id===E.value);e&&(e.title=w.value.trim()),n.activeSession?.id===E.value&&(n.activeSession.title=w.value.trim()),o.success(c(`chat.renamed`))}else o.error(c(`chat.renameFailed`));x.value=!1}}return(e,r)=>(s(),i(`div`,Ht,[M(`div`,{class:D([`session-backdrop`,{active:l.value}]),onClick:r[0]||=e=>l.value=!1},null,2),M(`aside`,{class:D([`session-list`,{collapsed:!l.value}])},[M(`div`,Ut,[l.value?(s(),i(`span`,Wt,C(k(c)(`chat.sessions`)),1)):a(``,!0),M(`div`,Gt,[M(`button`,{class:`session-close-btn`,onClick:r[1]||=e=>l.value=!1},[...r[7]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]]),t(k($),{quaternary:``,size:`tiny`,onClick:K,circle:``},{icon:d(()=>[...r[8]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),M(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})],-1)]]),_:1})])]),l.value?(s(),i(`div`,Kt,[k(n).isLoadingSessions&&k(n).sessions.length===0?(s(),i(`div`,qt,C(k(c)(`common.loading`)),1)):k(n).sessions.length===0?(s(),i(`div`,Jt,C(k(c)(`chat.noSessions`)),1)):a(``,!0),(s(!0),i(N,null,A(R.value,e=>(s(),i(N,{key:e.source},[M(`div`,{class:`session-group-header`,onClick:t=>z(e.source)},[(s(),i(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:D([`group-chevron`,{collapsed:j.value.has(e.source)}])},[...r[9]||=[M(`polyline`,{points:`9 18 15 12 9 6`},null,-1)]],2)),M(`span`,Xt,C(e.label),1),M(`span`,Zt,C(e.sessions.length),1)],8,Yt),j.value.has(e.source)?a(``,!0):(s(!0),i(N,{key:0},A(e.sessions,e=>(s(),i(`button`,{key:e.id,class:D([`session-item`,{active:e.id===k(n).activeSessionId}]),onClick:t=>h(e.id),onContextmenu:t=>ne(t,e.id)},[M(`div`,$t,[M(`span`,en,C(e.title),1),M(`span`,tn,[e.model?(s(),i(`span`,nn,C(e.model),1)):a(``,!0),M(`span`,rn,C(ee(e.createdAt)),1)])]),e.id!==k(n).activeSessionId||k(n).sessions.length>1?(s(),p(k(we),{key:0,onPositiveClick:t=>J(e.id)},{trigger:d(()=>[M(`button`,{class:`session-item-delete`,onClick:r[2]||=v(()=>{},[`stop`])},[...r[10]||=[M(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),M(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]])]),default:d(()=>[T(` `+C(k(c)(`chat.deleteSession`)),1)]),_:1},8,[`onPositiveClick`])):a(``,!0)],42,Qt))),128))],64))),128))])):a(``,!0)],2),t(k(Qe),{placement:`bottom-start`,trigger:`manual`,x:Z.value,y:Q.value,options:te.value,show:X.value,onSelect:re,onClickoutside:ie},null,8,[`x`,`y`,`options`,`show`]),t(k(_e),{show:x.value,"onUpdate:show":r[4]||=e=>x.value=e,preset:`dialog`,title:k(c)(`chat.renameSession`),"positive-text":k(c)(`common.ok`),"negative-text":k(c)(`common.cancel`),onPositiveClick:ae},{default:d(()=>[t(k(ve),{ref_key:`renameInputRef`,ref:O,value:w.value,"onUpdate:value":r[3]||=e=>w.value=e,placeholder:k(c)(`chat.enterNewTitle`),onKeydown:S(ae,[`enter`])},null,8,[`value`,`placeholder`])]),_:1},8,[`show`,`title`,`positive-text`,`negative-text`]),M(`div`,an,[M(`header`,on,[M(`div`,sn,[t(k($),{quaternary:``,size:`small`,onClick:r[5]||=e=>l.value=!l.value,circle:``},{icon:d(()=>[...r[11]||=[M(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`rect`,{x:`3`,y:`3`,width:`7`,height:`7`}),M(`rect`,{x:`14`,y:`3`,width:`7`,height:`7`}),M(`rect`,{x:`3`,y:`14`,width:`7`,height:`7`}),M(`rect`,{x:`14`,y:`14`,width:`7`,height:`7`})],-1)]]),_:1}),M(`span`,cn,C(B.value),1),G.value?(s(),i(`span`,ln,C(I(G.value)),1)):a(``,!0)]),M(`div`,un,[t(k(Se),{trigger:`hover`},{trigger:d(()=>[t(k($),{quaternary:``,size:`small`,onClick:r[6]||=e=>q(),circle:``},{icon:d(()=>[...r[12]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[M(`rect`,{x:`9`,y:`9`,width:`13`,height:`13`,rx:`2`,ry:`2`}),M(`path`,{d:`M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1`})],-1)]]),_:1})]),default:d(()=>[T(` `+C(k(c)(`chat.copySessionId`)),1)]),_:1}),t(k($),{size:`small`,onClick:K},{icon:d(()=>[...r[13]||=[M(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[M(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),M(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})],-1)]]),default:d(()=>[T(` `+C(k(c)(`chat.newChat`)),1)]),_:1})])]),t(Vt),U.value===null?a(``,!0):(s(),i(`div`,dn,[M(`span`,null,C(W(V.value))+` / `+C(W(U.value)),1)])),t(ct)])]))}}),[[`__scopeId`,`data-v-563d6965`]]),pn={class:`chat-view`},mn=F(w({__name:`ChatView`,setup(e){let n=Ee(),r=xe(),a=De();return m(async()=>{n.loadModels(),await a.fetchProfiles(),r.loadSessions()}),(e,n)=>(s(),i(`div`,pn,[t(fn)]))}}),[[`__scopeId`,`data-v-6dae3628`]]);export{mn as default};

package/dist/client/assets/app-Bqu9Uz-1.js

@@ -1 +0,0 @@
-import{t as e}from"./app-BMobzABI.js";export{e as useAppStore};