@nex-ai/nex 0.1.21 → 0.1.23

package/dist/tui/components/progress-steps.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { useSpinner } from "./spinner.js";
+// ── Step icon component ─────────────────────────────────────────────
+function StepIcon({ status }) {
+    const frame = useSpinner();
+    if (status === "done") {
+        return _jsx(Text, { color: "green", children: "✓" });
+    }
+    if (status === "active") {
+        return _jsx(Text, { color: "cyan", children: frame });
+    }
+    // pending
+    return _jsx(Text, { dimColor: true, children: "○" });
+}
+// ── Component ───────────────────────────────────────────────────────
+export function ProgressSteps({ steps, direction = "column", }) {
+    return (_jsx(Box, { flexDirection: direction, gap: direction === "row" ? 2 : 0, children: steps.map((step, i) => (_jsxs(Box, { gap: 1, children: [_jsx(StepIcon, { status: step.status }), _jsx(Text, { color: step.status === "active" ? "white" : undefined, dimColor: step.status === "pending", bold: step.status === "active", children: step.label })] }, i))) }));
+}
+export default ProgressSteps;
+//# sourceMappingURL=progress-steps.js.map

package/dist/tui/components/progress-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-steps.js","sourceRoot":"","sources":["../../../src/tui/components/progress-steps.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAiB1C,uEAAuE;AAEvE,SAAS,QAAQ,CAAC,EAAE,MAAM,EAA0B;IAClD,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,GAAQ,CAAC;IAC1C,CAAC;IACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACxB,OAAO,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,KAAK,GAAQ,CAAC;IAC3C,CAAC;IACD,UAAU;IACV,OAAO,KAAC,IAAI,IAAC,QAAQ,kBAAE,GAAG,GAAQ,CAAC;AACrC,CAAC;AAED,uEAAuE;AAEvE,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,GAAG,QAAQ,GACD;IACnB,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,GAAG,IAAS,GAAG,EAAE,CAAC,aACjB,KAAC,QAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,EACjC,KAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACrD,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS,EACnC,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,QAAQ,YAE7B,IAAI,CAAC,KAAK,GACN,KARC,CAAC,CASL,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/tui/components/slack/compose.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Slack-style compose area component.
+ *
+ * Message input at the bottom of the main panel with slash command
+ * and @mention autocomplete integration. Uses TextInput with a
+ * submitKey remount trick for clearing after send.
+ */
+import React from "react";
+import type { SlashCommandEntry } from "../slash-autocomplete.js";
+import type { AgentEntry } from "../mention-autocomplete.js";
+export interface ComposeAreaProps {
+    channelName: string;
+    channelType: "channel" | "dm" | "group-dm";
+    /** DM recipient name for placeholder */
+    recipientName?: string;
+    focused: boolean;
+    isThread?: boolean;
+    onSubmit: (value: string) => void;
+    onSlashCommand?: (command: string, args: string) => void;
+    slashCommands: SlashCommandEntry[];
+    agents: AgentEntry[];
+}
+export declare function HintBar({ visible, }: {
+    visible: boolean;
+}): React.JSX.Element | null;
+export declare function ComposeArea({ channelName, channelType, recipientName, focused, isThread, onSubmit, onSlashCommand, slashCommands, agents, }: ComposeAreaProps): React.JSX.Element;
+export default ComposeArea;

package/dist/tui/components/slack/compose.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Slack-style compose area component.
+ *
+ * Message input at the bottom of the main panel with slash command
+ * and @mention autocomplete integration. Uses TextInput with a
+ * submitKey remount trick for clearing after send.
+ */
+import { useState, useEffect, useCallback, useRef } from "react";
+import { Box, Text } from "ink";
+import { TextInput } from "@inkjs/ui";
+import { SlashAutocomplete, useSlashAutocomplete, } from "../slash-autocomplete.js";
+import { MentionAutocomplete, useMentionAutocomplete, } from "../mention-autocomplete.js";
+// ── Helpers ─────────────────────────────────────────────────────────
+function getPlaceholder(channelName, channelType, recipientName, isThread) {
+    if (isThread)
+        return "Reply in thread...";
+    if (channelType === "dm" && recipientName) {
+        return `Message ${recipientName}`;
+    }
+    if (channelType === "group-dm") {
+        return `Message ${channelName}`;
+    }
+    return `Message #${channelName}`;
+}
+// ── HintBar ─────────────────────────────────────────────────────────
+export function HintBar({ visible, }) {
+    if (!visible)
+        return null;
+    return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", children: "@ mention \u00B7 / command \u00B7 Enter send" }) }));
+}
+// ── ComposeArea ─────────────────────────────────────────────────────
+export function ComposeArea({ channelName, channelType, recipientName, focused, isThread, onSubmit, onSlashCommand, slashCommands, agents, }) {
+    const [value, setValue] = useState("");
+    const [submitKey, setSubmitKey] = useState(0);
+    // Autocomplete hooks
+    const slash = useSlashAutocomplete(slashCommands);
+    const mention = useMentionAutocomplete(agents, value);
+    const placeholder = getPlaceholder(channelName, channelType, recipientName, isThread);
+    // Refs so all callbacks can read current state/actions without being recreated
+    const slashRef = useRef(slash);
+    slashRef.current = slash;
+    const mentionRef = useRef(mention);
+    mentionRef.current = mention;
+    const setValueRef = useRef(setValue);
+    setValueRef.current = setValue;
+    // Stable ([] deps) — reads actions through refs so TextInput never gets a new onChange
+    const handleChange = useCallback((newValue) => {
+        setValue(newValue);
+        slashRef.current.actions.update(newValue);
+        mentionRef.current.actions.update(newValue);
+    }, []);
+    // Handle submit — Enter accepts first autocomplete item if overlay is visible
+    const handleSubmit = useCallback((submitted) => {
+        // If slash autocomplete is visible, Enter accepts the selected (or first) match
+        if (slashRef.current.state.visible) {
+            const result = slashRef.current.actions.onAccept();
+            if (result) {
+                setValueRef.current(result.text);
+                return;
+            }
+        }
+        // If mention autocomplete is visible, Enter accepts the selected (or first) match
+        if (mentionRef.current.state.visible) {
+            const result = mentionRef.current.actions.onAccept();
+            if (result) {
+                setValueRef.current(result.text);
+                return;
+            }
+        }
+        const trimmed = submitted.trim();
+        if (!trimmed)
+            return;
+        // Check for slash commands
+        if (trimmed.startsWith("/")) {
+            const spaceIdx = trimmed.indexOf(" ");
+            const command = spaceIdx > 0 ? trimmed.slice(1, spaceIdx) : trimmed.slice(1);
+            const args = spaceIdx > 0 ? trimmed.slice(spaceIdx + 1).trim() : "";
+            if (onSlashCommand) {
+                onSlashCommand(command, args);
+            }
+            else {
+                onSubmit(trimmed);
+            }
+        }
+        else {
+            onSubmit(trimmed);
+        }
+        // Clear input via remount trick
+        setValue("");
+        setSubmitKey((k) => k + 1);
+    }, [onSubmit, onSlashCommand]);
+    useEffect(() => {
+        const g = globalThis;
+        g.__nexHomeTabComplete = (direction) => {
+            const s = slashRef.current;
+            const m = mentionRef.current;
+            if (s.state.visible) {
+                const result = direction > 0 ? s.actions.onTab() : s.actions.onShiftTab();
+                if (result)
+                    setValueRef.current(result.text);
+                return true;
+            }
+            if (m.state.visible) {
+                const result = direction > 0 ? m.actions.onTab() : m.actions.onShiftTab();
+                if (result)
+                    setValueRef.current(result.text);
+                return true;
+            }
+            return false;
+        };
+        return () => { delete g.__nexHomeTabComplete; };
+    }, []); // register once, refs keep it current
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(SlashAutocomplete, { state: slash.state, maxVisible: 6 }), _jsx(MentionAutocomplete, { state: mention.state, maxVisible: 6 }), _jsx(HintBar, { visible: focused }), _jsxs(Box, { borderStyle: "single", borderColor: focused ? "cyan" : "gray", flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [focused
+                                ? _jsx(Text, { color: "black", backgroundColor: "cyan", bold: true, children: " COMPOSE " })
+                                : _jsx(Text, { color: "gray", children: isThread
+                                        ? "Reply"
+                                        : channelType === "channel"
+                                            ? `Message #${channelName}`
+                                            : `Message ${channelName}` }), focused && _jsx(Text, { color: "gray", children: "@ \u00B7 / \u00B7 Enter=send" })] }), _jsx(Box, { children: focused ? (_jsx(TextInput, { placeholder: placeholder, onChange: handleChange, onSubmit: handleSubmit }, submitKey)) : (_jsx(Text, { dimColor: true, children: placeholder })) }), !focused && (_jsx(Box, { justifyContent: "flex-end", children: _jsx(Text, { dimColor: true, children: "Tab=focus" }) }))] })] }));
+}
+export default ComposeArea;
+//# sourceMappingURL=compose.js.map

package/dist/tui/components/slack/compose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../../../../src/tui/components/slack/compose.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/slack/layout.d.ts

@@ -0,0 +1,36 @@
+/**
+ * SlackLayout — root 3-panel responsive layout.
+ *
+ * Arranges sidebar + main panel + optional thread panel side by side.
+ * Responsive breakpoints:
+ *   < 60 cols:   main only (no sidebar)
+ *   60–79 cols:  narrow sidebar (20) + main
+ *   80–119 cols: sidebar (24) + main; thread replaces main if open
+ *   ≥ 120 cols:  sidebar (28) + main + thread (45)
+ */
+import React from "react";
+import type { ReactNode } from "react";
+export interface LayoutMetrics {
+    sidebarWidth: number;
+    showSidebar: boolean;
+    mainWidth: number;
+    threadWidth: number;
+    showThread: boolean;
+    /** When true, thread replaces main (narrow terminal + thread open) */
+    threadReplacesMain: boolean;
+}
+export declare function computeLayout(cols: number, threadOpen: boolean): LayoutMetrics;
+export type FocusSection = "sidebar" | "messages" | "compose" | "thread";
+export interface SlackLayoutProps {
+    cols: number;
+    rows: number;
+    threadOpen: boolean;
+    focusSection: FocusSection;
+    sidebar: ReactNode;
+    main: ReactNode;
+    thread?: ReactNode;
+    /** Overlay content (quick switcher) — rendered on top */
+    overlay?: ReactNode;
+}
+export declare function SlackLayout({ cols, rows, threadOpen, focusSection, sidebar, main, thread, overlay, }: SlackLayoutProps): React.JSX.Element;
+export default SlackLayout;

package/dist/tui/components/slack/layout.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function computeLayout(cols, threadOpen) {
+    const SIDEBAR_WIDE = 28;
+    const SIDEBAR_NORMAL = 24;
+    const SIDEBAR_NARROW = 20;
+    const THREAD_WIDTH = 45;
+    const BORDER = 1; // right border on sidebar
+    if (cols < 60) {
+        return {
+            sidebarWidth: 0,
+            showSidebar: false,
+            mainWidth: cols,
+            threadWidth: 0,
+            showThread: false,
+            threadReplacesMain: false,
+        };
+    }
+    if (cols < 80) {
+        if (threadOpen) {
+            // Thread replaces main at narrow widths
+            return {
+                sidebarWidth: SIDEBAR_NARROW,
+                showSidebar: true,
+                mainWidth: 0,
+                threadWidth: cols - SIDEBAR_NARROW - BORDER,
+                showThread: true,
+                threadReplacesMain: true,
+            };
+        }
+        return {
+            sidebarWidth: SIDEBAR_NARROW,
+            showSidebar: true,
+            mainWidth: cols - SIDEBAR_NARROW - BORDER,
+            threadWidth: 0,
+            showThread: false,
+            threadReplacesMain: false,
+        };
+    }
+    if (cols < 120) {
+        if (threadOpen) {
+            // Thread replaces main at medium widths
+            return {
+                sidebarWidth: SIDEBAR_NORMAL,
+                showSidebar: true,
+                mainWidth: 0,
+                threadWidth: cols - SIDEBAR_NORMAL - BORDER,
+                showThread: true,
+                threadReplacesMain: true,
+            };
+        }
+        return {
+            sidebarWidth: SIDEBAR_NORMAL,
+            showSidebar: true,
+            mainWidth: cols - SIDEBAR_NORMAL - BORDER,
+            threadWidth: 0,
+            showThread: false,
+            threadReplacesMain: false,
+        };
+    }
+    // Wide: full 3-panel layout
+    if (threadOpen) {
+        const mainW = cols - SIDEBAR_WIDE - THREAD_WIDTH - BORDER - 1;
+        return {
+            sidebarWidth: SIDEBAR_WIDE,
+            showSidebar: true,
+            mainWidth: Math.max(mainW, 30),
+            threadWidth: THREAD_WIDTH,
+            showThread: true,
+            threadReplacesMain: false,
+        };
+    }
+    return {
+        sidebarWidth: SIDEBAR_WIDE,
+        showSidebar: true,
+        mainWidth: cols - SIDEBAR_WIDE - BORDER,
+        threadWidth: 0,
+        showThread: false,
+        threadReplacesMain: false,
+    };
+}
+/**
+ * FocusBadge — small colored label showing which section has focus.
+ * Renders at the top of each panel, only visible when that panel is focused.
+ */
+function FocusBadge({ label, visible }) {
+    if (!visible)
+        return null;
+    return (_jsx(Box, { children: _jsx(Text, { color: "black", backgroundColor: "cyan", bold: true, children: ` ${label} ` }) }));
+}
+export function SlackLayout({ cols, rows, threadOpen, focusSection, sidebar, main, thread, overlay, }) {
+    const layout = computeLayout(cols, threadOpen);
+    return (_jsxs(Box, { flexDirection: "column", width: cols, height: rows, children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [layout.showSidebar && (_jsxs(Box, { width: layout.sidebarWidth, flexDirection: "column", flexShrink: 0, borderStyle: "single", borderLeft: false, borderTop: false, borderBottom: false, borderRight: true, borderColor: focusSection === "sidebar" ? "cyan" : "gray", children: [_jsx(FocusBadge, { label: "SIDEBAR", visible: focusSection === "sidebar" }), sidebar] })), layout.mainWidth > 0 && !layout.threadReplacesMain && (_jsx(Box, { width: layout.mainWidth, flexDirection: "column", flexGrow: 1, children: main })), layout.showThread && thread && (_jsxs(Box, { width: layout.threadWidth, flexDirection: "column", flexShrink: 0, borderStyle: "single", borderRight: false, borderTop: false, borderBottom: false, borderLeft: true, borderColor: focusSection === "thread" ? "cyan" : "gray", children: [_jsx(FocusBadge, { label: "THREAD", visible: focusSection === "thread" }), thread] }))] }), overlay] }));
+}
+export default SlackLayout;
+//# sourceMappingURL=layout.js.map

package/dist/tui/components/slack/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/tui/components/slack/layout.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/slack/messages.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Slack-style message rendering components.
+ *
+ * Includes message grouping logic, date separators, unread markers,
+ * thread indicators, system messages, and the scrollable message list.
+ */
+import React from "react";
+export interface ChatMessageInput {
+    id: string;
+    sender: string;
+    senderType: "agent" | "human" | "system";
+    content: string;
+    timestamp: number;
+    threadReplyCount?: number;
+    threadParticipants?: string[];
+    threadLastReply?: number;
+    reactions?: ReactionData[];
+    edited?: boolean;
+    isError?: boolean;
+}
+export interface ReactionData {
+    emoji: string;
+    count: number;
+    reacted: boolean;
+}
+export interface GroupedMessage {
+    id: string;
+    sender: string;
+    senderType: "agent" | "human" | "system";
+    initials: string;
+    content: string;
+    timestamp: number;
+    isFirstInGroup: boolean;
+    threadReplyCount?: number;
+    threadParticipants?: string[];
+    threadLastReply?: number;
+    reactions?: ReactionData[];
+    edited?: boolean;
+    isSystem?: boolean;
+    dateSeparator?: string;
+    isUnreadMarker?: boolean;
+    isError?: boolean;
+}
+export declare function groupMessages(messages: ChatMessageInput[], unreadAfterTimestamp?: number): GroupedMessage[];
+export interface DateSeparatorProps {
+    label: string;
+    width?: number;
+}
+export declare function DateSeparator({ label, width, }: DateSeparatorProps): React.JSX.Element;
+export interface UnreadSeparatorProps {
+    width?: number;
+}
+export declare function UnreadSeparator({ width, }: UnreadSeparatorProps): React.JSX.Element;
+export interface SystemMessageProps {
+    content: string;
+    timestamp: number;
+}
+export declare function SystemMessage({ content, timestamp, }: SystemMessageProps): React.JSX.Element;
+export interface ThreadIndicatorProps {
+    replyCount: number;
+    lastReplyTimestamp: number;
+    onClick?: () => void;
+}
+export declare function ThreadIndicator({ replyCount, lastReplyTimestamp, onClick, }: ThreadIndicatorProps): React.JSX.Element;
+export interface SlackMessageListProps {
+    messages: ChatMessageInput[];
+    unreadAfterTimestamp?: number;
+    onThreadOpen?: (messageId: string) => void;
+    width?: number;
+}
+export declare function SlackMessageList({ messages, unreadAfterTimestamp, onThreadOpen, width, }: SlackMessageListProps): React.JSX.Element;
+export default SlackMessageList;

package/dist/tui/components/slack/messages.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Slack-style message rendering components.
+ *
+ * Includes message grouping logic, date separators, unread markers,
+ * thread indicators, system messages, and the scrollable message list.
+ */
+import { useMemo } from "react";
+import { Box, Text } from "ink";
+import { getAgentColor } from "../../agent-colors.js";
+import { Markdown } from "../markdown.js";
+// ── Time Formatting ─────────────────────────────────────────────────
+function formatTime(timestamp) {
+    const d = new Date(timestamp);
+    const hours = d.getHours();
+    const minutes = d.getMinutes().toString().padStart(2, "0");
+    const ampm = hours >= 12 ? "PM" : "AM";
+    const h = hours % 12 || 12;
+    return `${h}:${minutes} ${ampm}`;
+}
+function formatTimeWithDate(timestamp) {
+    const d = new Date(timestamp);
+    const now = new Date();
+    const isToday = d.getFullYear() === now.getFullYear() &&
+        d.getMonth() === now.getMonth() &&
+        d.getDate() === now.getDate();
+    if (isToday)
+        return formatTime(timestamp);
+    const month = d.toLocaleDateString("en-US", { month: "short" });
+    const day = d.getDate();
+    return `${month} ${day}, ${formatTime(timestamp)}`;
+}
+function getDateLabel(timestamp) {
+    const d = new Date(timestamp);
+    const now = new Date();
+    const isToday = d.getFullYear() === now.getFullYear() &&
+        d.getMonth() === now.getMonth() &&
+        d.getDate() === now.getDate();
+    if (isToday)
+        return "Today";
+    const yesterday = new Date(now);
+    yesterday.setDate(yesterday.getDate() - 1);
+    const isYesterday = d.getFullYear() === yesterday.getFullYear() &&
+        d.getMonth() === yesterday.getMonth() &&
+        d.getDate() === yesterday.getDate();
+    if (isYesterday)
+        return "Yesterday";
+    return d.toLocaleDateString("en-US", {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+    });
+}
+// ── groupMessages ───────────────────────────────────────────────────
+const GROUP_WINDOW_MS = 5 * 60 * 1000; // 5 minutes
+export function groupMessages(messages, unreadAfterTimestamp) {
+    const result = [];
+    let lastSender = "";
+    let lastTimestamp = 0;
+    let lastDateKey = "";
+    let unreadMarkerInserted = false;
+    for (const msg of messages) {
+        const msgDate = new Date(msg.timestamp);
+        const dateKey = `${msgDate.getFullYear()}-${msgDate.getMonth()}-${msgDate.getDate()}`;
+        // Date separator
+        let dateSeparator;
+        if (dateKey !== lastDateKey) {
+            dateSeparator = getDateLabel(msg.timestamp);
+            lastDateKey = dateKey;
+        }
+        // Unread marker
+        let isUnreadMarker = false;
+        if (!unreadMarkerInserted &&
+            unreadAfterTimestamp !== undefined &&
+            msg.timestamp > unreadAfterTimestamp) {
+            isUnreadMarker = true;
+            unreadMarkerInserted = true;
+        }
+        // Grouping: same sender within 5 min = continuation
+        const isFirstInGroup = msg.sender !== lastSender ||
+            msg.timestamp - lastTimestamp > GROUP_WINDOW_MS ||
+            dateSeparator !== undefined ||
+            msg.senderType === "system";
+        // Compute initials
+        const initials = msg.sender
+            .split(/[\s-]+/)
+            .slice(0, 2)
+            .map((w) => w[0]?.toUpperCase() ?? "")
+            .join("");
+        result.push({
+            id: msg.id,
+            sender: msg.sender,
+            senderType: msg.senderType,
+            initials,
+            content: msg.content,
+            timestamp: msg.timestamp,
+            isFirstInGroup,
+            isSystem: msg.senderType === "system",
+            dateSeparator,
+            isUnreadMarker,
+            threadReplyCount: msg.threadReplyCount,
+            threadParticipants: msg.threadParticipants,
+            threadLastReply: msg.threadLastReply,
+            reactions: msg.reactions,
+            edited: msg.edited,
+            isError: msg.isError,
+        });
+        lastSender = msg.sender;
+        lastTimestamp = msg.timestamp;
+    }
+    return result;
+}
+export function DateSeparator({ label, width = 60, }) {
+    const labelWithPad = ` ${label} `;
+    const remaining = Math.max(0, width - labelWithPad.length);
+    const left = Math.floor(remaining / 2);
+    const right = remaining - left;
+    const line = "─".repeat(left) + labelWithPad + "─".repeat(right);
+    return (_jsx(Box, { justifyContent: "center", marginY: 0, children: _jsx(Text, { color: "gray", children: line }) }));
+}
+export function UnreadSeparator({ width = 60, }) {
+    const labelWithPad = " New ";
+    const remaining = Math.max(0, width - labelWithPad.length);
+    const left = Math.floor(remaining / 2);
+    const right = remaining - left;
+    const line = "─".repeat(left) + labelWithPad + "─".repeat(right);
+    return (_jsx(Box, { justifyContent: "center", marginY: 0, children: _jsx(Text, { color: "red", bold: true, children: line }) }));
+}
+export function SystemMessage({ content, timestamp, }) {
+    return (_jsx(Box, { justifyContent: "center", paddingX: 4, children: _jsxs(Text, { color: "gray", dimColor: true, italic: true, children: ["✦ ", content] }) }));
+}
+export function ThreadIndicator({ replyCount, lastReplyTimestamp, onClick, }) {
+    const replyText = replyCount === 1 ? "1 reply" : `${replyCount} replies`;
+    const lastReply = `Last reply ${formatTimeWithDate(lastReplyTimestamp)}`;
+    return (_jsx(Box, { paddingLeft: 6, children: _jsxs(Text, { color: "cyan", children: ["↳ ", replyText, "  ", lastReply] }) }));
+}
+function FirstMessage({ message, onThreadOpen, }) {
+    const isHuman = message.senderType === "human";
+    const avatarChar = isHuman ? ">" : message.initials.charAt(0) || "?";
+    const nameColor = isHuman ? "white" : getAgentColor(message.sender);
+    const time = formatTimeWithDate(message.timestamp);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: nameColor, bold: true, children: ["[", avatarChar, "] "] }), _jsx(Text, { color: nameColor, bold: true, children: message.sender }), _jsxs(Text, { color: "gray", dimColor: true, children: ["  ", time] })] }), _jsx(Box, { paddingLeft: 4, children: _jsx(Markdown, { content: message.content }) }), message.edited && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: "(edited)" }) })), message.threadReplyCount != null &&
+                message.threadReplyCount > 0 &&
+                message.threadLastReply != null && (_jsx(ThreadIndicator, { replyCount: message.threadReplyCount, lastReplyTimestamp: message.threadLastReply, onClick: onThreadOpen ? () => onThreadOpen(message.id) : undefined }))] }));
+}
+function ContinuationMessage({ message, onThreadOpen, }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingLeft: 4, children: _jsx(Markdown, { content: message.content }) }), message.edited && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { color: "gray", dimColor: true, children: "(edited)" }) })), message.threadReplyCount != null &&
+                message.threadReplyCount > 0 &&
+                message.threadLastReply != null && (_jsx(ThreadIndicator, { replyCount: message.threadReplyCount, lastReplyTimestamp: message.threadLastReply, onClick: onThreadOpen ? () => onThreadOpen(message.id) : undefined }))] }));
+}
+export function SlackMessageList({ messages, unreadAfterTimestamp, onThreadOpen, width = 60, }) {
+    const grouped = useMemo(() => groupMessages(messages, unreadAfterTimestamp), [messages, unreadAfterTimestamp]);
+    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: grouped.map((msg) => {
+            const elements = [];
+            // Date separator before this message
+            if (msg.dateSeparator) {
+                elements.push(_jsx(DateSeparator, { label: msg.dateSeparator, width: width }, `date-${msg.id}`));
+            }
+            // Unread marker before this message
+            if (msg.isUnreadMarker) {
+                elements.push(_jsx(UnreadSeparator, { width: width }, `unread-${msg.id}`));
+            }
+            // The message itself
+            if (msg.isSystem) {
+                elements.push(_jsx(SystemMessage, { content: msg.content, timestamp: msg.timestamp }, msg.id));
+            }
+            else if (msg.isFirstInGroup) {
+                elements.push(_jsx(FirstMessage, { message: msg, onThreadOpen: onThreadOpen }, msg.id));
+            }
+            else {
+                elements.push(_jsx(ContinuationMessage, { message: msg, onThreadOpen: onThreadOpen }, msg.id));
+            }
+            return _jsx(Box, { flexDirection: "column", children: elements }, `row-${msg.id}`);
+        }) }));
+}
+export default SlackMessageList;
+//# sourceMappingURL=messages.js.map

package/dist/tui/components/slack/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/tui/components/slack/messages.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA2C1C,uEAAuE;AAEvE,SAAS,UAAU,CAAC,SAAiB;IACnC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC;IAC3B,OAAO,GAAG,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;AACnC,CAAC;AAED,SAAS,kBAAkB,CAAC,SAAiB;IAC3C,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,MAAM,OAAO,GACX,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE;QACrC,CAAC,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,QAAQ,EAAE;QAC/B,CAAC,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;IAEhC,IAAI,OAAO;QAAE,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,KAAK,GAAG,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACxB,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,YAAY,CAAC,SAAiB;IACrC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IAEvB,MAAM,OAAO,GACX,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE;QACrC,CAAC,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,QAAQ,EAAE;QAC/B,CAAC,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;IAEhC,IAAI,OAAO;QAAE,OAAO,OAAO,CAAC;IAE5B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,WAAW,GACf,CAAC,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE;QAC3C,CAAC,CAAC,QAAQ,EAAE,KAAK,SAAS,CAAC,QAAQ,EAAE;QACrC,CAAC,CAAC,OAAO,EAAE,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;IAEtC,IAAI,WAAW;QAAE,OAAO,WAAW,CAAC;IAEpC,OAAO,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACnC,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,SAAS;KACf,CAAC,CAAC;AACL,CAAC;AAED,uEAAuE;AAEvE,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,YAAY;AAEnD,MAAM,UAAU,aAAa,CAC3B,QAA4B,EAC5B,oBAA6B;IAE7B,MAAM,MAAM,GAAqB,EAAE,CAAC;IACpC,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,oBAAoB,GAAG,KAAK,CAAC;IAEjC,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxC,MAAM,OAAO,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAEtF,iBAAiB;QACjB,IAAI,aAAiC,CAAC;QACtC,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;YAC5B,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC5C,WAAW,GAAG,OAAO,CAAC;QACxB,CAAC;QAED,gBAAgB;QAChB,IAAI,cAAc,GAAG,KAAK,CAAC;QAC3B,IACE,CAAC,oBAAoB;YACrB,oBAAoB,KAAK,SAAS;YAClC,GAAG,CAAC,SAAS,GAAG,oBAAoB,EACpC,CAAC;YACD,cAAc,GAAG,IAAI,CAAC;YACtB,oBAAoB,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,oDAAoD;QACpD,MAAM,cAAc,GAClB,GAAG,CAAC,MAAM,KAAK,UAAU;YACzB,GAAG,CAAC,SAAS,GAAG,aAAa,GAAG,eAAe;YAC/C,aAAa,KAAK,SAAS;YAC3B,GAAG,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE9B,mBAAmB;QACnB,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM;aACxB,KAAK,CAAC,QAAQ,CAAC;aACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;aACrC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC;YACV,EAAE,EAAE,GAAG,CAAC,EAAE;YACV,MAAM,EAAE,GAAG,CAAC,MAAM;YAClB,UAAU,EAAE,GAAG,CAAC,UAAU;YAC1B,QAAQ;YACR,OAAO,EAAE,GAAG,CAAC,OAAO;YACpB,SAAS,EAAE,GAAG,CAAC,SAAS;YACxB,cAAc;YACd,QAAQ,EAAE,GAAG,CAAC,UAAU,KAAK,QAAQ;YACrC,aAAa;YACb,cAAc;YACd,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;YACtC,kBAAkB,EAAE,GAAG,CAAC,kBAAkB;YAC1C,eAAe,EAAE,GAAG,CAAC,eAAe;YACpC,SAAS,EAAE,GAAG,CAAC,SAAS;YACxB,MAAM,EAAE,GAAG,CAAC,MAAM;YAClB,OAAO,EAAE,GAAG,CAAC,OAAO;SACrB,CAAC,CAAC;QAEH,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC;QACxB,aAAa,GAAG,GAAG,CAAC,SAAS,CAAC;IAChC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AASD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,GAAG,EAAE,GACS;IACnB,MAAM,YAAY,GAAG,IAAI,KAAK,GAAG,CAAC;IAClC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,GAAG,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,YACrC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,IAAI,GAAQ,GAC5B,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAAG,EAAE,GACW;IACrB,MAAM,YAAY,GAAG,OAAO,CAAC;IAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,GAAG,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,YACrC,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,kBACnB,IAAI,GACA,GACH,CACP,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,GACU;IACnB,OAAO,CACL,KAAC,GAAG,IAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,YACtC,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,QAAC,MAAM,mBAC/B,IAAI,EACJ,OAAO,IACH,GACH,CACP,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,kBAAkB,EAClB,OAAO,GACc;IACrB,MAAM,SAAS,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,UAAU,UAAU,CAAC;IACzE,MAAM,SAAS,GAAG,cAAc,kBAAkB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YACjB,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACf,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,IACL,GACH,CACP,CAAC;AACJ,CAAC;AASD,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,YAAY,GACI;IAChB,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,KAAK,OAAO,CAAC;IAC/C,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;IACrE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,mBACzB,GAAG,EACH,UAAU,EACV,IAAI,IACA,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,kBACzB,OAAO,CAAC,MAAM,GACV,EACP,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,mBACxB,IAAI,EACJ,IAAI,IACA,IACH,EACN,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YACjB,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,GAClC,EACL,OAAO,CAAC,MAAM,IAAI,CACjB,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YACjB,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,+BAEpB,GACH,CACP,EACA,OAAO,CAAC,gBAAgB,IAAI,IAAI;gBAC/B,OAAO,CAAC,gBAAgB,GAAG,CAAC;gBAC5B,OAAO,CAAC,eAAe,IAAI,IAAI,IAAI,CACjC,KAAC,eAAe,IACd,UAAU,EAAE,OAAO,CAAC,gBAAgB,EACpC,kBAAkB,EAAE,OAAO,CAAC,eAAe,EAC3C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,GAClE,CACH,IACC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,YAAY,GACI;IAChB,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YACjB,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,GAClC,EACL,OAAO,CAAC,MAAM,IAAI,CACjB,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YACjB,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,+BAEpB,GACH,CACP,EACA,OAAO,CAAC,gBAAgB,IAAI,IAAI;gBAC/B,OAAO,CAAC,gBAAgB,GAAG,CAAC;gBAC5B,OAAO,CAAC,eAAe,IAAI,IAAI,IAAI,CACjC,KAAC,eAAe,IACd,UAAU,EAAE,OAAO,CAAC,gBAAgB,EACpC,kBAAkB,EAAE,OAAO,CAAC,eAAe,EAC3C,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,GAClE,CACH,IACC,CACP,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,KAAK,GAAG,EAAE,GACY;IACtB,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,oBAAoB,CAAC,EACnD,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,YACpC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAgB,EAAE,CAAC;YAEjC,qCAAqC;YACrC,IAAI,GAAG,CAAC,aAAa,EAAE,CAAC;gBACtB,QAAQ,CAAC,IAAI,CACX,KAAC,aAAa,IAEZ,KAAK,EAAE,GAAG,CAAC,aAAa,EACxB,KAAK,EAAE,KAAK,IAFP,QAAQ,GAAG,CAAC,EAAE,EAAE,CAGrB,CACH,CAAC;YACJ,CAAC;YAED,oCAAoC;YACpC,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;gBACvB,QAAQ,CAAC,IAAI,CACX,KAAC,eAAe,IAA0B,KAAK,EAAE,KAAK,IAAhC,UAAU,GAAG,CAAC,EAAE,EAAE,CAAkB,CAC3D,CAAC;YACJ,CAAC;YAED,qBAAqB;YACrB,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;gBACjB,QAAQ,CAAC,IAAI,CACX,KAAC,aAAa,IAEZ,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,SAAS,EAAE,GAAG,CAAC,SAAS,IAFnB,GAAG,CAAC,EAAE,CAGX,CACH,CAAC;YACJ,CAAC;iBAAM,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CACX,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EACZ,YAAY,EAAE,YAAY,IAFrB,GAAG,CAAC,EAAE,CAGX,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CACX,KAAC,mBAAmB,IAElB,OAAO,EAAE,GAAG,EACZ,YAAY,EAAE,YAAY,IAFrB,GAAG,CAAC,EAAE,CAGX,CACH,CAAC;YACJ,CAAC;YAED,OAAO,KAAC,GAAG,IAAuB,aAAa,EAAC,QAAQ,YAAE,QAAQ,IAAjD,OAAO,GAAG,CAAC,EAAE,EAAE,CAAyC,CAAC;QAC5E,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/tui/components/slack/quick-switcher.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Quick Switcher (Ctrl+K) modal overlay.
+ *
+ * Provides fuzzy search across channels and DMs with frecency-based
+ * ranking. Renders as a centered overlay capturing all keyboard input.
+ */
+import React from "react";
+export interface QuickSwitcherItem {
+    id: string;
+    name: string;
+    type: "channel" | "dm" | "group-dm";
+    online?: boolean;
+    unread: number;
+    /** Frecency score for ranking (higher = more recent/frequent). */
+    score: number;
+}
+export interface QuickSwitcherProps {
+    open: boolean;
+    items: QuickSwitcherItem[];
+    onSelect: (id: string) => void;
+    onClose: () => void;
+}
+/**
+ * Case-insensitive substring match on name.
+ * Matches partial words and hyphen/underscore-separated tokens.
+ */
+export declare function fuzzyMatch(query: string, name: string): boolean;
+/**
+ * Filter and sort items by fuzzy match + frecency score.
+ */
+export declare function filterItems(query: string, items: QuickSwitcherItem[]): QuickSwitcherItem[];
+export declare function QuickSwitcher({ open, items, onSelect, onClose, }: QuickSwitcherProps): React.JSX.Element | null;
+export default QuickSwitcher;