@gitim-runtime/cli 0.1.0

package/dist/tui/mention-popup.d.ts

@@ -0,0 +1,13 @@
+import { type Component } from '@mariozechner/pi-tui';
+export declare class MentionPopup implements Component {
+    allUsers: string[];
+    private filtered;
+    private filter;
+    selectedIndex: number;
+    onSelect?: (user: string) => void;
+    onCancel?: () => void;
+    setFilter(text: string): void;
+    invalidate(): void;
+    handleInput(data: string): void;
+    render(width: number): string[];
+}

package/dist/tui/mention-popup.js

@@ -0,0 +1,59 @@
+/**
+ * @提及弹窗组件（在 Overlay 中显示）
+ */
+import chalk from 'chalk';
+import { truncateToWidth } from '@mariozechner/pi-tui';
+import { Key, matchesKey } from '@mariozechner/pi-tui';
+export class MentionPopup {
+    allUsers = [];
+    filtered = [];
+    filter = '';
+    selectedIndex = 0;
+    onSelect;
+    onCancel;
+    setFilter(text) {
+        this.filter = text.toLowerCase();
+        this.filtered = this.allUsers.filter(u => u.toLowerCase().includes(this.filter));
+        this.selectedIndex = 0;
+    }
+    invalidate() { }
+    handleInput(data) {
+        if (matchesKey(data, Key.up)) {
+            if (this.selectedIndex > 0)
+                this.selectedIndex--;
+        }
+        else if (matchesKey(data, Key.down)) {
+            if (this.selectedIndex < this.filtered.length - 1)
+                this.selectedIndex++;
+        }
+        else if (matchesKey(data, Key.enter)) {
+            if (this.filtered[this.selectedIndex]) {
+                this.onSelect?.(this.filtered[this.selectedIndex]);
+            }
+        }
+        else if (matchesKey(data, Key.escape)) {
+            this.onCancel?.();
+        }
+    }
+    render(width) {
+        const lines = [];
+        const items = this.filtered.length > 0 ? this.filtered : this.allUsers;
+        const title = chalk.bold(' @提及用户 ');
+        lines.push(truncateToWidth(title, width));
+        lines.push(truncateToWidth(chalk.gray('─'.repeat(width)), width));
+        const maxShow = Math.min(items.length, 8);
+        for (let i = 0; i < maxShow; i++) {
+            const user = items[i];
+            if (i === this.selectedIndex) {
+                lines.push(truncateToWidth(chalk.bgCyan.black(` ▸ @${user} `.padEnd(width)), width));
+            }
+            else {
+                lines.push(truncateToWidth(` @${user}`.padEnd(width), width));
+            }
+        }
+        if (items.length === 0) {
+            lines.push(truncateToWidth(chalk.dim(' 无匹配用户'), width));
+        }
+        return lines;
+    }
+}

package/dist/tui/message-view.d.ts

@@ -0,0 +1,38 @@
+import { type Component } from '@mariozechner/pi-tui';
+import type { Message } from './daemon-connection.js';
+export declare class MessageView implements Component {
+    messages: Message[];
+    /** 浏览模式中选中的索引（messages 数组中的索引） */
+    selectedIndex: number;
+    /** 视口偏移（从底部算起的行数偏移） */
+    private scrollOffset;
+    /** 是否处于浏览模式 */
+    browsing: boolean;
+    /** 回复选中消息的回调 */
+    onReply?: (msg: Message) => void;
+    /** 展开线程链的回调 */
+    onThread?: (msg: Message) => void;
+    invalidate(): void;
+    /**
+     * 查找消息（用于显示回复摘要）
+     */
+    private findMessage;
+    /**
+     * 进入浏览模式
+     */
+    enterBrowse(): void;
+    /**
+     * 退出浏览模式
+     */
+    exitBrowse(): void;
+    moveUp(): void;
+    moveDown(): void;
+    jumpToBottom(): void;
+    handleInput(data: string): void;
+    render(width: number): string[];
+    /**
+     * 渲染带视口的消息（需要知道可用高度）
+     */
+    renderWithHeight(width: number, height: number): string[];
+    private renderMessage;
+}

package/dist/tui/message-view.js

@@ -0,0 +1,166 @@
+/**
+ * 消息视图组件
+ */
+import chalk from 'chalk';
+import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from '@mariozechner/pi-tui';
+import { authorColor, colors } from './themes.js';
+/**
+ * 格式化时间戳 20260317T120000Z → 12:00
+ */
+function formatTime(ts) {
+    const m = ts.match(/T(\d{2})(\d{2})/);
+    if (!m)
+        return '??:??';
+    return `${m[1]}:${m[2]}`;
+}
+export class MessageView {
+    messages = [];
+    /** 浏览模式中选中的索引（messages 数组中的索引） */
+    selectedIndex = -1;
+    /** 视口偏移（从底部算起的行数偏移） */
+    scrollOffset = 0;
+    /** 是否处于浏览模式 */
+    browsing = false;
+    /** 回复选中消息的回调 */
+    onReply;
+    /** 展开线程链的回调 */
+    onThread;
+    invalidate() { }
+    /**
+     * 查找消息（用于显示回复摘要）
+     */
+    findMessage(lineNumber) {
+        return this.messages.find(m => m.line_number === lineNumber);
+    }
+    /**
+     * 进入浏览模式
+     */
+    enterBrowse() {
+        this.browsing = true;
+        if (this.messages.length > 0) {
+            this.selectedIndex = this.messages.length - 1;
+        }
+        this.scrollOffset = 0;
+    }
+    /**
+     * 退出浏览模式
+     */
+    exitBrowse() {
+        this.browsing = false;
+        this.selectedIndex = -1;
+        this.scrollOffset = 0;
+    }
+    moveUp() {
+        if (this.selectedIndex > 0)
+            this.selectedIndex--;
+    }
+    moveDown() {
+        if (this.selectedIndex < this.messages.length - 1)
+            this.selectedIndex++;
+    }
+    jumpToBottom() {
+        if (this.messages.length > 0) {
+            this.selectedIndex = this.messages.length - 1;
+            this.scrollOffset = 0;
+        }
+    }
+    handleInput(data) {
+        // 由 app.ts 处理
+    }
+    render(width) {
+        if (this.messages.length === 0) {
+            return [chalk.dim(' 暂无消息')];
+        }
+        // 渲染所有消息为行
+        const allLines = [];
+        for (let i = 0; i < this.messages.length; i++) {
+            const msg = this.messages[i];
+            const isSelected = this.browsing && i === this.selectedIndex;
+            const rendered = this.renderMessage(msg, width, isSelected);
+            allLines.push(...rendered);
+        }
+        return allLines;
+    }
+    /**
+     * 渲染带视口的消息（需要知道可用高度）
+     */
+    renderWithHeight(width, height) {
+        if (this.messages.length === 0) {
+            const lines = Array(height).fill('');
+            lines[Math.floor(height / 2)] = chalk.dim('  暂无消息');
+            return lines;
+        }
+        // 渲染所有消息
+        const blocks = [];
+        for (let i = 0; i < this.messages.length; i++) {
+            const msg = this.messages[i];
+            const isSelected = this.browsing && i === this.selectedIndex;
+            const rendered = this.renderMessage(msg, width, isSelected);
+            blocks.push({ lines: rendered, msgIndex: i });
+        }
+        const allLines = blocks.flatMap(b => b.lines);
+        // 确保选中的消息在视口中可见
+        if (this.browsing && this.selectedIndex >= 0) {
+            // 计算选中消息在 allLines 中的起始行
+            let selectedStart = 0;
+            for (let i = 0; i < blocks.length && blocks[i].msgIndex < this.selectedIndex; i++) {
+                selectedStart += blocks[i].lines.length;
+            }
+            const selectedBlock = blocks.find(b => b.msgIndex === this.selectedIndex);
+            const selectedEnd = selectedStart + (selectedBlock?.lines.length ?? 1);
+            // 调整 scrollOffset 使选中消息可见
+            if (selectedEnd > allLines.length - this.scrollOffset) {
+                this.scrollOffset = allLines.length - selectedEnd;
+            }
+            if (selectedStart < allLines.length - this.scrollOffset - height) {
+                this.scrollOffset = allLines.length - selectedStart - height;
+            }
+            if (this.scrollOffset < 0)
+                this.scrollOffset = 0;
+        }
+        // 从底部截取 height 行
+        const endIdx = allLines.length - this.scrollOffset;
+        const startIdx = Math.max(0, endIdx - height);
+        const visible = allLines.slice(startIdx, endIdx);
+        // 如果行数不够，在顶部填空行
+        while (visible.length < height) {
+            visible.unshift('');
+        }
+        return visible;
+    }
+    renderMessage(msg, width, selected) {
+        const lines = [];
+        const colorFn = authorColor(msg.author);
+        const time = colors.timestamp(formatTime(msg.timestamp));
+        const author = colorFn(`@${msg.author}`);
+        // 回复提示行
+        if (msg.point_to > 0) {
+            const parent = this.findMessage(msg.point_to);
+            const parentSummary = parent
+                ? `@${parent.author}: ${parent.body.slice(0, 30)}${parent.body.length > 30 ? '...' : ''}`
+                : `L${msg.point_to}`;
+            const replyLine = colors.reply(`  ↩ ${parentSummary}`);
+            lines.push(truncateToWidth(replyLine, width));
+        }
+        // 主消息行
+        const header = `${author} ${time} `;
+        const headerW = visibleWidth(header);
+        const bodyW = Math.max(10, width - headerW);
+        // 消息正文可能需要换行
+        const bodyLines = wrapTextWithAnsi(msg.body, bodyW);
+        if (bodyLines.length === 0) {
+            lines.push(truncateToWidth(header, width));
+        }
+        else {
+            lines.push(truncateToWidth(header + bodyLines[0], width));
+            for (let i = 1; i < bodyLines.length; i++) {
+                lines.push(truncateToWidth(' '.repeat(headerW) + bodyLines[i], width));
+            }
+        }
+        // 选中高亮
+        if (selected) {
+            return lines.map(l => colors.highlight(l));
+        }
+        return lines;
+    }
+}

package/dist/tui/split-layout.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 分栏布局组件 — 左侧（侧边栏）和右侧（主区域）横向拼接
+ */
+import { type Component } from '@mariozechner/pi-tui';
+export interface RightPanel {
+    renderWithHeight(width: number, height: number): string[];
+}
+export declare class SplitLayout implements Component {
+    left: Component;
+    right: RightPanel;
+    sidebarWidth: number;
+    /** 可用高度（不含状态栏） */
+    height: number;
+    constructor(left: Component, right: RightPanel, sidebarWidth: number);
+    invalidate(): void;
+    render(width: number): string[];
+}

package/dist/tui/split-layout.js

@@ -0,0 +1,48 @@
+/**
+ * 分栏布局组件 — 左侧（侧边栏）和右侧（主区域）横向拼接
+ */
+import { truncateToWidth, visibleWidth } from '@mariozechner/pi-tui';
+import chalk from 'chalk';
+export class SplitLayout {
+    left;
+    right;
+    sidebarWidth;
+    /** 可用高度（不含状态栏） */
+    height = 24;
+    constructor(left, right, sidebarWidth) {
+        this.left = left;
+        this.right = right;
+        this.sidebarWidth = sidebarWidth;
+    }
+    invalidate() {
+        this.left.invalidate();
+    }
+    render(width) {
+        const leftW = this.sidebarWidth;
+        const sepW = 1; // │
+        const rightW = Math.max(1, width - leftW - sepW);
+        const leftLines = this.left.render(leftW);
+        const rightLines = this.right.renderWithHeight(rightW, this.height);
+        const maxLines = Math.max(leftLines.length, rightLines.length, this.height);
+        const result = [];
+        for (let i = 0; i < maxLines; i++) {
+            const l = leftLines[i] ?? '';
+            const r = rightLines[i] ?? '';
+            // 左侧填充到固定宽度
+            const lPadded = padToWidth(l, leftW);
+            const sep = chalk.gray('│');
+            const line = lPadded + sep + r;
+            result.push(truncateToWidth(line, width));
+        }
+        return result;
+    }
+}
+/**
+ * 将一行补齐到指定可见宽度
+ */
+function padToWidth(line, targetWidth) {
+    const w = visibleWidth(line);
+    if (w >= targetWidth)
+        return truncateToWidth(line, targetWidth);
+    return line + ' '.repeat(targetWidth - w);
+}

package/dist/tui/status-bar.d.ts

@@ -0,0 +1,12 @@
+import { type Component } from '@mariozechner/pi-tui';
+export type AppMode = 'normal' | 'browse' | 'chain';
+export declare class StatusBar implements Component {
+    user: string;
+    connected: boolean;
+    mode: AppMode;
+    channel: string;
+    replyTarget: number | null;
+    error: string | null;
+    invalidate(): void;
+    render(width: number): string[];
+}

package/dist/tui/status-bar.js

@@ -0,0 +1,39 @@
+/**
+ * 状态栏组件
+ */
+import chalk from 'chalk';
+import { truncateToWidth, visibleWidth } from '@mariozechner/pi-tui';
+import { colors } from './themes.js';
+export class StatusBar {
+    user = '';
+    connected = false;
+    mode = 'normal';
+    channel = '';
+    replyTarget = null;
+    error = null;
+    invalidate() { }
+    render(width) {
+        const modeLabel = this.mode === 'normal' ? colors.modeNormal(' 普通 ')
+            : this.mode === 'browse' ? colors.modeBrowse(' 浏览 ')
+                : colors.modeChain(' 线程 ');
+        const connLabel = this.connected ? chalk.green('●') : chalk.red('●');
+        let left = ` ${connLabel} @${this.user} | #${this.channel} ${modeLabel}`;
+        if (this.error) {
+            left += chalk.red(` ✗ ${this.error}`);
+        }
+        else if (this.replyTarget) {
+            left += chalk.dim(` 回复 L${this.replyTarget}`);
+        }
+        const hints = this.mode === 'normal'
+            ? 'Ctrl+B:浏览 | Alt+↑↓:切频道 | Ctrl+Q:退出'
+            : this.mode === 'browse'
+                ? 'j/k:选择 | r:回复 | Enter:线程 | Esc:返回 | G:跳底'
+                : 'j/k:选择 | r:回复 | Esc:关闭';
+        const right = ` ${hints} `;
+        const leftW = visibleWidth(left);
+        const rightW = visibleWidth(right);
+        const pad = Math.max(0, width - leftW - rightW);
+        const line = chalk.bgGray.white(truncateToWidth(left + ' '.repeat(pad) + right, width));
+        return [line];
+    }
+}

package/dist/tui/themes.d.ts

@@ -0,0 +1,22 @@
+import type { EditorTheme, SelectListTheme } from '@mariozechner/pi-tui';
+export declare const selectListTheme: SelectListTheme;
+export declare const editorTheme: EditorTheme;
+export declare const colors: {
+    authorColors: import("chalk").ChalkInstance[];
+    timestamp: import("chalk").ChalkInstance;
+    highlight: import("chalk").ChalkInstance;
+    reply: import("chalk").ChalkInstance;
+    separator: import("chalk").ChalkInstance;
+    channelActive: import("chalk").ChalkInstance;
+    channelNormal: import("chalk").ChalkInstance;
+    unread: import("chalk").ChalkInstance;
+    statusBar: import("chalk").ChalkInstance;
+    modeNormal: import("chalk").ChalkInstance;
+    modeBrowse: import("chalk").ChalkInstance;
+    modeChain: import("chalk").ChalkInstance;
+    threadBranch: import("chalk").ChalkInstance;
+};
+/**
+ * 根据作者名分配固定颜色
+ */
+export declare function authorColor(author: string): (text: string) => string;

package/dist/tui/themes.js

@@ -0,0 +1,49 @@
+/**
+ * TUI 主题定义
+ */
+import chalk from 'chalk';
+export const selectListTheme = {
+    selectedPrefix: (text) => chalk.cyan(text),
+    selectedText: (text) => chalk.cyan.bold(text),
+    description: (text) => chalk.dim(text),
+    scrollInfo: (text) => chalk.dim(text),
+    noMatch: (text) => chalk.dim(text),
+};
+export const editorTheme = {
+    borderColor: (str) => chalk.gray(str),
+    selectList: selectListTheme,
+};
+// 颜色方案
+export const colors = {
+    // 消息作者颜色池
+    authorColors: [
+        chalk.cyan,
+        chalk.green,
+        chalk.yellow,
+        chalk.magenta,
+        chalk.blue,
+        chalk.red,
+    ],
+    timestamp: chalk.dim,
+    highlight: chalk.bgCyan.black,
+    reply: chalk.dim,
+    separator: chalk.gray,
+    channelActive: chalk.bgCyan.black,
+    channelNormal: chalk.white,
+    unread: chalk.yellow,
+    statusBar: chalk.bgGray.white,
+    modeNormal: chalk.green,
+    modeBrowse: chalk.yellow,
+    modeChain: chalk.magenta,
+    threadBranch: chalk.gray,
+};
+/**
+ * 根据作者名分配固定颜色
+ */
+export function authorColor(author) {
+    let hash = 0;
+    for (let i = 0; i < author.length; i++) {
+        hash = ((hash << 5) - hash + author.charCodeAt(i)) | 0;
+    }
+    return colors.authorColors[Math.abs(hash) % colors.authorColors.length];
+}

package/dist/tui/thread-view.d.ts

@@ -0,0 +1,14 @@
+import { type Component } from '@mariozechner/pi-tui';
+import type { Message } from './daemon-connection.js';
+export declare class ThreadView implements Component {
+    messages: Message[];
+    rootLine: number;
+    selectedIndex: number;
+    onReply?: (msg: Message) => void;
+    onClose?: () => void;
+    invalidate(): void;
+    moveUp(): void;
+    moveDown(): void;
+    handleInput(data: string): void;
+    render(width: number): string[];
+}

package/dist/tui/thread-view.js

@@ -0,0 +1,72 @@
+/**
+ * 线程链视图组件（在 Overlay 中显示）
+ */
+import chalk from 'chalk';
+import { truncateToWidth, visibleWidth } from '@mariozechner/pi-tui';
+import { authorColor, colors } from './themes.js';
+function formatTime(ts) {
+    const m = ts.match(/T(\d{2})(\d{2})/);
+    if (!m)
+        return '??:??';
+    return `${m[1]}:${m[2]}`;
+}
+export class ThreadView {
+    messages = [];
+    rootLine = 0;
+    selectedIndex = 0;
+    onReply;
+    onClose;
+    invalidate() { }
+    moveUp() {
+        if (this.selectedIndex > 0)
+            this.selectedIndex--;
+    }
+    moveDown() {
+        if (this.selectedIndex < this.messages.length - 1)
+            this.selectedIndex++;
+    }
+    handleInput(data) {
+        // 由 app.ts 处理
+    }
+    render(width) {
+        const lines = [];
+        const innerW = width - 2; // 边框
+        // 标题
+        const title = ` 引用链: L${this.rootLine} `;
+        const titleLine = '┌' + chalk.bold(title) + '─'.repeat(Math.max(0, width - 2 - visibleWidth(title))) + '┐';
+        lines.push(truncateToWidth(titleLine, width));
+        if (this.messages.length === 0) {
+            const emptyText = chalk.dim(' 无消息');
+            const emptyPad = Math.max(0, innerW - visibleWidth(emptyText));
+            lines.push(truncateToWidth('│' + emptyText + ' '.repeat(emptyPad) + '│', width));
+        }
+        else {
+            for (let i = 0; i < this.messages.length; i++) {
+                const msg = this.messages[i];
+                const isLast = i === this.messages.length - 1;
+                const isSelected = i === this.selectedIndex;
+                const colorFn = authorColor(msg.author);
+                // 树形连接符
+                const branch = i === 0 ? '┌' : isLast ? '└' : '├';
+                const branchStr = colors.threadBranch(branch + '─ ');
+                const time = colors.timestamp(formatTime(msg.timestamp));
+                const author = colorFn(`@${msg.author}`);
+                const bodyPreview = msg.body.slice(0, Math.max(10, innerW - 25));
+                let content = `${branchStr}${author} ${time} ${bodyPreview}`;
+                if (isSelected) {
+                    content = colors.highlight(content);
+                }
+                lines.push(truncateToWidth('│' + truncateToWidth(content, innerW) + '│', width));
+                // 非最后元素之间的竖线
+                if (!isLast) {
+                    lines.push(truncateToWidth('│' + colors.threadBranch('│') + ' '.repeat(Math.max(0, innerW - 1)) + '│', width));
+                }
+            }
+        }
+        // 底部边框 + 操作提示
+        const hint = chalk.dim(' j/k:选择 r:回复 Esc:关闭 ');
+        const bottomLine = '└' + hint + '─'.repeat(Math.max(0, width - 2 - visibleWidth(hint))) + '┘';
+        lines.push(truncateToWidth(bottomLine, width));
+        return lines;
+    }
+}

package/dist/webui/assets/index-YH6ztb9g.css

@@ -0,0 +1 @@
+:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4fc3f7;--border: #2a2a4a;--reply-bg: #252545;--success: #66bb6a;--error: #ef5350;--hover: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}.app-layout{display:flex;flex-direction:column;height:100%}.app-body{display:flex;flex:1;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-logo{font-weight:700;font-size:16px;color:var(--accent)}.header-channel{font-size:15px;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:10px}.connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.connection-dot.online{background:var(--success)}.connection-dot.offline{background:var(--error)}.header-user{color:var(--text-secondary);font-size:13px}.members-btn-wrapper{position:relative}.members-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);padding:3px 8px;font-size:13px;cursor:pointer;transition:background .15s}.members-btn:hover{background:var(--hover);color:var(--text-primary)}.members-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;width:200px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #0000004d;z-index:200}.members-dropdown-title{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.members-dropdown-item{padding:6px 12px;font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.members-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-dm-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:0 2px;opacity:0;transition:opacity .15s}.members-dropdown-item:hover .members-dm-btn{opacity:1}.members-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section-title{padding:12px 12px 4px;font-size:11px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;color:var(--text-secondary);font-size:14px;border-left:3px solid transparent;transition:background .15s}.sidebar-item:hover{background:var(--hover)}.sidebar-item.active{background:var(--hover);color:var(--text-primary);border-left-color:var(--accent)}.sidebar-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:var(--accent);color:#000;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.dm-new-btn{color:var(--accent)!important;font-size:13px}.dm-search{padding:4px 8px}.dm-search-input{width:100%;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;outline:none}.dm-search-input:focus{border-color:var(--accent)}.dm-search-list{max-height:200px;overflow-y:auto;margin-top:4px}.dm-search-item{padding:6px 8px;cursor:pointer;font-size:13px;color:var(--text-secondary);border-radius:4px}.dm-search-item:hover{background:var(--hover);color:var(--text-primary)}.dm-search-empty{padding:8px;font-size:12px;color:var(--text-secondary);text-align:center}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:2px}.message-list-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:15px}.message-event{padding:4px 8px;font-size:13px;color:var(--text-secondary)}.message-event .message-author{font-size:13px}.message-item{padding:6px 8px;border-radius:4px;position:relative;transition:background .1s}.message-item:hover{background:var(--hover)}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-weight:600;color:var(--accent);font-size:14px}.message-time{font-size:12px;color:var(--text-secondary)}.message-reply-ref{padding:4px 8px;margin-bottom:4px;border-left:2px solid var(--text-secondary);background:var(--reply-bg);border-radius:0 4px 4px 0;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.message-reply-ref .reply-author{font-weight:600;margin-right:4px}.message-body{font-size:14px;white-space:pre-wrap;word-break:break-word}.message-pending{opacity:.6}.message-pending .message-body{font-style:italic}.message-sent{opacity:.85}.message-failed{opacity:.8;border-left:3px solid var(--error)}.message-status{font-size:11px;margin-left:8px}.message-status-sending{color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}.message-status-sent{color:var(--success)}.message-status-failed{color:var(--error)}.message-actions{display:none;position:absolute;right:8px;top:-12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;overflow:hidden}.message-item:hover .message-actions{display:flex}.message-action-btn{background:none;border:none;color:var(--text-secondary);padding:4px 8px;font-size:12px;cursor:pointer}.message-action-btn:hover{background:var(--hover);color:var(--text-primary)}.input-area{padding:0 16px 16px;flex-shrink:0}.input-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--reply-bg);border-radius:4px 4px 0 0;font-size:13px;color:var(--text-secondary)}.input-reply-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-reply-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.input-reply-close:hover{color:var(--text-primary)}.input-wrapper{position:relative}.input-textarea{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.5;resize:none;outline:none;min-height:42px;max-height:160px}.input-textarea:focus{border-color:var(--accent)}.input-textarea::placeholder{color:var(--text-secondary)}.input-sending{color:var(--text-secondary);font-size:12px;margin-top:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-error{color:var(--error);font-size:12px;margin-top:4px}.thread-panel{width:340px;min-width:340px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.thread-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px}.thread-close-btn:hover{color:var(--text-primary)}.thread-messages{flex:1;overflow-y:auto;padding:12px}.thread-msg{padding:6px 8px;border-radius:4px;margin-bottom:4px}.thread-msg:hover{background:var(--hover)}.thread-msg-root{border-left:2px solid var(--accent);padding-left:8px}.mention-popup{position:absolute;bottom:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;max-height:200px;overflow-y:auto;width:220px;box-shadow:0 4px 12px #0000004d;z-index:100;margin-bottom:4px}.mention-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-primary)}.mention-item:hover,.mention-item.active{background:var(--bg-tertiary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message-highlight{animation:highlight-fade 1.5s ease-out}@keyframes highlight-fade{0%{background:#4fc3f74d}to{background:transparent}}.message-replying{background:#4fc3f714;border-left:2px solid var(--accent)}.reply-ref-clickable{cursor:pointer;transition:background .15s}.reply-ref-clickable:hover{background:#4fc3f71a;border-left-color:var(--accent)}.message-list .message-body{cursor:pointer}