@nex-ai/nex 0.1.21 → 0.1.23

package/dist/tui/components/slack/quick-switcher.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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, { useState, useMemo, useCallback, useEffect } from "react";
+import { Box, Text } from "ink";
+import { TextInput } from "@inkjs/ui";
+// ── Fuzzy match ─────────────────────────────────────────────────────
+/**
+ * Case-insensitive substring match on name.
+ * Matches partial words and hyphen/underscore-separated tokens.
+ */
+export function fuzzyMatch(query, name) {
+    if (!query)
+        return true;
+    const q = query.toLowerCase();
+    const n = name.toLowerCase();
+    // Direct substring
+    if (n.includes(q))
+        return true;
+    // Token initials match (e.g. "fa" matches "Founding Agent")
+    const tokens = n.split(/[\s\-_]+/);
+    const initials = tokens.map((t) => t[0] || "").join("");
+    if (initials.includes(q))
+        return true;
+    return false;
+}
+/**
+ * Filter and sort items by fuzzy match + frecency score.
+ */
+export function filterItems(query, items) {
+    const matched = items.filter((item) => fuzzyMatch(query, item.name));
+    // Sort by score descending (frecency)
+    return matched.sort((a, b) => b.score - a.score);
+}
+// ── Item row ────────────────────────────────────────────────────────
+function SwitcherItem({ item, isSelected, }) {
+    let prefix;
+    if (item.type === "channel") {
+        prefix = _jsx(Text, { color: "gray", children: "# " });
+    }
+    else {
+        const dotColor = item.online ? "green" : "gray";
+        const dot = item.online ? "●" : "○";
+        prefix = _jsxs(Text, { color: dotColor, children: [dot, " "] });
+    }
+    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? "cyan" : undefined, bold: isSelected, children: isSelected ? "> " : "  " }), prefix, _jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.name }), item.unread > 0 && _jsxs(Text, { color: "gray", children: [" (", item.unread, ")"] })] }));
+}
+// ── QuickSwitcher ───────────────────────────────────────────────────
+export function QuickSwitcher({ open, items, onSelect, onClose, }) {
+    // All hooks must be called unconditionally before any early return
+    const [query, setQuery] = useState("");
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const maxVisible = 10;
+    const filtered = useMemo(() => filterItems(query, items), [query, items]);
+    const visibleItems = filtered.slice(0, maxVisible);
+    // Reset state when switcher opens
+    useEffect(() => {
+        if (open) {
+            setQuery("");
+            setSelectedIndex(0);
+        }
+    }, [open]);
+    const handleChange = useCallback((newQuery) => {
+        setQuery(newQuery);
+        setSelectedIndex(0);
+    }, []);
+    const handleSubmit = useCallback(() => {
+        if (filtered.length > 0 && selectedIndex < filtered.length) {
+            onSelect(filtered[selectedIndex].id);
+        }
+    }, [filtered, selectedIndex, onSelect]);
+    // Register globalThis bridge for arrow key navigation from app.tsx
+    const filteredLengthRef = React.useRef(filtered.length);
+    filteredLengthRef.current = filtered.length;
+    useEffect(() => {
+        if (!open)
+            return;
+        const g = globalThis;
+        g.__nexQuickSwitcherNav = (direction) => {
+            setSelectedIndex((prev) => {
+                const len = Math.min(filteredLengthRef.current, maxVisible);
+                if (len === 0)
+                    return 0;
+                return ((prev + direction) % len + len) % len;
+            });
+        };
+        return () => { delete g.__nexQuickSwitcherNav; };
+    }, [open]);
+    if (!open)
+        return null;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: "cyan", paddingX: 1, children: [_jsx(Box, { children: _jsx(Text, { bold: true, color: "cyan", children: "Switch to..." }) }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "\uD83D\uDD0D " }), _jsx(TextInput, { placeholder: "Search channels and DMs", onChange: handleChange, onSubmit: handleSubmit })] }), _jsx(Box, { children: _jsx(Text, { color: "gray", children: "─".repeat(40) }) }), _jsxs(Box, { flexDirection: "column", children: [visibleItems.length === 0 && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", children: "No matches found" }) })), visibleItems.map((item, idx) => (_jsx(SwitcherItem, { item: item, isSelected: idx === selectedIndex }, item.id)))] }), _jsx(Box, { children: _jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u00B7 Enter select \u00B7 Esc close" }) })] }));
+}
+export default QuickSwitcher;
+//# sourceMappingURL=quick-switcher.js.map

package/dist/tui/components/slack/quick-switcher.js.map

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

package/dist/tui/components/slack/sidebar-types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Type definitions for the Slack sidebar components.
+ *
+ * Matches the interfaces defined in docs/slack-tui-architecture.md §2.3.
+ */
+/** A sidebar item (channel or DM). */
+export interface SidebarItemData {
+    id: string;
+    name: string;
+    type: "channel" | "dm" | "group-dm";
+    /** For channels: public or private */
+    visibility?: "public" | "private";
+    /** For DMs: the agent/user slugs */
+    members?: string[];
+    /** Online status (DMs only) */
+    online?: boolean;
+    /** Unread message count */
+    unread: number;
+    /** Has @mention in unread */
+    hasMention: boolean;
+    /** Muted by user */
+    muted: boolean;
+    /** Last message timestamp for frecency sort */
+    lastActivity: number;
+}
+/** Section grouping for the sidebar. */
+export interface SidebarSectionData {
+    title: string;
+    items: SidebarItemData[];
+}
+/** Props for the root SlackSidebar component. */
+export interface SidebarProps {
+    width: number;
+    focused: boolean;
+    workspaceName: string;
+    sections: SidebarSectionData[];
+    collapsedSections: string[];
+    activeChannelId: string;
+    cursor: number;
+    onToggleSection: (title: string) => void;
+    onSelectItem: (id: string) => void;
+}
+/** Props for SidebarSection. */
+export interface SidebarSectionProps {
+    title: string;
+    collapsed: boolean;
+    items: SidebarItemData[];
+    activeChannelId: string;
+    /** Index of cursor within the flattened sidebar list */
+    cursorIndex: number;
+    /** Starting index of this section in the flat list */
+    startIndex: number;
+    onToggle: () => void;
+    onSelect: (id: string) => void;
+}
+/** Props for SidebarItem. */
+export interface SidebarItemProps {
+    item: SidebarItemData;
+    isActive: boolean;
+    isCursor: boolean;
+}
+/** Props for WorkspaceHeader. */
+export interface WorkspaceHeaderProps {
+    name: string;
+}

package/dist/tui/components/slack/sidebar-types.js

@@ -0,0 +1,7 @@
+/**
+ * Type definitions for the Slack sidebar components.
+ *
+ * Matches the interfaces defined in docs/slack-tui-architecture.md §2.3.
+ */
+export {};
+//# sourceMappingURL=sidebar-types.js.map

package/dist/tui/components/slack/sidebar-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-types.js","sourceRoot":"","sources":["../../../../src/tui/components/slack/sidebar-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

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

@@ -0,0 +1,46 @@
+/**
+ * Slack-style sidebar component.
+ *
+ * Contains workspace header, collapsible DM/channel sections,
+ * and individual sidebar items with online status, unread badges,
+ * and active/cursor indicators.
+ */
+import React from "react";
+import type { SidebarItemData } from "./sidebar-types.js";
+export type { SidebarItemData, SidebarSectionData, SidebarProps, SidebarSectionProps, SidebarItemProps, WorkspaceHeaderProps, } from "./sidebar-types.js";
+export interface WorkspaceHeaderComponentProps {
+    name: string;
+    width: number;
+    focused?: boolean;
+}
+export declare function WorkspaceHeader({ name, width, focused, }: WorkspaceHeaderComponentProps): React.JSX.Element;
+export declare function SidebarItem({ item, isActive, isCursor, }: {
+    item: SidebarItemData;
+    isActive: boolean;
+    isCursor: boolean;
+}): React.JSX.Element;
+export declare function SidebarSection({ title, collapsed, items, activeChannelId, cursorIndex, startIndex, onToggle, onSelect, }: {
+    title: string;
+    collapsed: boolean;
+    items: SidebarItemData[];
+    activeChannelId: string;
+    cursorIndex: number;
+    startIndex: number;
+    onToggle: () => void;
+    onSelect: (id: string) => void;
+}): React.JSX.Element;
+export declare function SlackSidebar({ width, focused, workspaceName, sections, collapsedSections, activeChannelId, cursor, onToggleSection, onSelectItem, }: {
+    width: number;
+    focused: boolean;
+    workspaceName: string;
+    sections: Array<{
+        title: string;
+        items: SidebarItemData[];
+    }>;
+    collapsedSections: string[];
+    activeChannelId: string;
+    cursor: number;
+    onToggleSection: (title: string) => void;
+    onSelectItem: (id: string) => void;
+}): React.JSX.Element;
+export default SlackSidebar;

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function WorkspaceHeader({ name, width, focused, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsxs(Box, { paddingLeft: 1, children: [focused && _jsx(Text, { color: "cyan", children: "◆ " }), _jsx(Text, { bold: true, color: focused ? "cyan" : "white", children: name })] }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { dimColor: true, children: "─".repeat(Math.max(width - 2, 1)) }) })] }));
+}
+// ── SidebarItem ─────────────────────────────────────────────────────
+export function SidebarItem({ item, isActive, isCursor, }) {
+    const isUnread = item.unread > 0;
+    const isBold = isActive || isUnread;
+    // Active indicator: ▎ left border for active item (spec §2.3)
+    const prefix = isActive ? "▎ " : "  ";
+    // Build the status dot / hash prefix
+    let indicator;
+    if (item.type === "dm" || item.type === "group-dm") {
+        const dotColor = item.online ? "green" : "gray";
+        const dot = item.online ? "●" : "○";
+        indicator = _jsxs(Text, { color: dotColor, children: [dot, " "] });
+    }
+    else {
+        indicator = _jsx(Text, { color: "gray", children: "# " });
+    }
+    // Name color: active=cyan, unread=white bold, normal=white, muted=gray
+    const nameColor = isActive ? "cyan" : item.muted ? "gray" : "white";
+    // Unread badge
+    const badge = item.unread > 0 ? (_jsxs(Text, { color: "white", dimColor: !isActive, children: [" ", "(", item.unread, ")"] })) : null;
+    return (_jsxs(Box, { children: [_jsx(Text, { color: isActive ? "cyan" : isCursor ? "white" : "gray", children: prefix }), indicator, _jsx(Text, { color: nameColor, bold: isBold, children: item.name }), badge] }));
+}
+// ── SidebarSection ──────────────────────────────────────────────────
+export function SidebarSection({ title, collapsed, items, activeChannelId, cursorIndex, startIndex, onToggle, onSelect, }) {
+    const triangle = collapsed ? "▸" : "▾";
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingLeft: 1, children: _jsxs(Text, { color: "gray", children: [triangle, " ", title] }) }), !collapsed &&
+                items.map((item, idx) => {
+                    const flatIdx = startIndex + idx;
+                    return (_jsx(SidebarItem, { item: item, isActive: item.id === activeChannelId, isCursor: cursorIndex === flatIdx }, item.id));
+                })] }));
+}
+// ── SlackSidebar (root) ─────────────────────────────────────────────
+export function SlackSidebar({ width, focused, workspaceName, sections, collapsedSections, activeChannelId, cursor, onToggleSection, onSelectItem, }) {
+    // Compute flat index offsets for each section
+    let runningIndex = 0;
+    const sectionOffsets = [];
+    for (const section of sections) {
+        sectionOffsets.push(runningIndex);
+        const isCollapsed = collapsedSections.includes(section.title);
+        if (!isCollapsed) {
+            runningIndex += section.items.length;
+        }
+    }
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(WorkspaceHeader, { name: workspaceName, width: width, focused: focused }), _jsx(Box, { height: 1 }), sections.map((section, sIdx) => (_jsx(SidebarSection, { title: section.title, collapsed: collapsedSections.includes(section.title), items: section.items, activeChannelId: activeChannelId, cursorIndex: cursor, startIndex: sectionOffsets[sIdx], onToggle: () => onToggleSection(section.title), onSelect: onSelectItem }, section.title))), _jsx(Box, { height: 1 }), _jsxs(Box, { paddingLeft: 1, gap: 2, children: [_jsx(Text, { color: "gray", children: "[n] channel" }), _jsx(Text, { color: "gray", children: "[a] agent" })] })] }));
+}
+export default SlackSidebar;
+//# sourceMappingURL=sidebar.js.map

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

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

package/dist/tui/components/slack/thread-panel.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Slack-style thread panel component.
+ *
+ * Right panel showing a parent message, reply count divider,
+ * thread replies, and a compose area for sending replies.
+ * Escape closes the panel.
+ */
+import React from "react";
+import type { SlashCommandEntry } from "../slash-autocomplete.js";
+import type { AgentEntry } from "../mention-autocomplete.js";
+/** A message with grouping metadata (matches architecture spec). */
+export interface ThreadMessage {
+    id: string;
+    sender: string;
+    senderType: "agent" | "human" | "system";
+    initials: string;
+    content: string;
+    timestamp: number;
+    isFirstInGroup: boolean;
+}
+export interface ThreadPanelProps {
+    width: number;
+    focused: boolean;
+    parentMessage: ThreadMessage;
+    replies: ThreadMessage[];
+    sourceChannelName: string;
+    sourceChannelType: "channel" | "dm" | "group-dm";
+    alsoSendToChannel: boolean;
+    onSendReply: (content: string) => void;
+    onToggleAlsoSend: () => void;
+    onClose: () => void;
+    slashCommands?: SlashCommandEntry[];
+    agents?: AgentEntry[];
+}
+export declare function ThreadHeader({ channelName, channelType, onClose, }: {
+    channelName: string;
+    channelType: "channel" | "dm" | "group-dm";
+    onClose: () => void;
+}): React.JSX.Element;
+export declare function ReplyDivider({ count, width, }: {
+    count: number;
+    width: number;
+}): React.JSX.Element;
+export declare function ThreadPanel({ width, focused, parentMessage, replies, sourceChannelName, sourceChannelType, alsoSendToChannel, onSendReply, onToggleAlsoSend, onClose, slashCommands, agents, }: ThreadPanelProps): React.JSX.Element;
+export default ThreadPanel;

package/dist/tui/components/slack/thread-panel.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { ComposeArea } from "./compose.js";
+import { getAgentColor } from "../../agent-colors.js";
+// ── Helpers ─────────────────────────────────────────────────────────
+function formatTime(ts) {
+    const d = new Date(ts);
+    const h = d.getHours();
+    const m = d.getMinutes().toString().padStart(2, "0");
+    const ampm = h >= 12 ? "PM" : "AM";
+    const hour = h % 12 || 12;
+    return `${hour}:${m} ${ampm}`;
+}
+// ── ThreadHeader ────────────────────────────────────────────────────
+export function ThreadHeader({ channelName, channelType, onClose, }) {
+    const channelLabel = channelType === "channel" ? `#${channelName}` : channelName;
+    return (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, color: "white", children: "Thread" }), _jsx(Text, { color: "cyan", children: channelLabel })] }), _jsx(Text, { color: "gray", children: "\u2715 Esc" })] }));
+}
+// ── ReplyDivider ────────────────────────────────────────────────────
+export function ReplyDivider({ count, width, }) {
+    const label = `${count} ${count === 1 ? "reply" : "replies"}`;
+    const pad = Math.max(Math.floor((width - label.length - 4) / 2), 1);
+    const line = "─".repeat(pad);
+    return (_jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: "gray", children: [line, " ", label, " ", line] }) }));
+}
+// ── ThreadMessageItem ───────────────────────────────────────────────
+function ThreadMessageItem({ message, }) {
+    const color = getAgentColor(message.sender);
+    const time = formatTime(message.timestamp);
+    if (message.isFirstInGroup) {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: color, bold: true, children: ["[", message.initials, "]"] }), _jsx(Text, { bold: true, color: "white", children: message.sender }), _jsx(Text, { color: "gray", children: time })] }), _jsx(Box, { paddingLeft: 5, children: _jsx(Text, { children: message.content }) })] }));
+    }
+    return (_jsx(Box, { paddingX: 1, paddingLeft: 6, children: _jsx(Text, { children: message.content }) }));
+}
+// ── AlsoSendCheckbox ────────────────────────────────────────────────
+function AlsoSendCheckbox({ checked, channelName, channelType, onToggle, }) {
+    const icon = checked ? "☑" : "☐";
+    const iconColor = checked ? "green" : "gray";
+    const channelLabel = channelType === "channel" ? `#${channelName}` : channelName;
+    return (_jsxs(Box, { paddingX: 1, gap: 1, children: [_jsx(Text, { color: iconColor, children: icon }), _jsxs(Text, { color: "gray", children: ["Also send to ", channelLabel] })] }));
+}
+// ── ThreadPanel ─────────────────────────────────────────────────────
+export function ThreadPanel({ width, focused, parentMessage, replies, sourceChannelName, sourceChannelType, alsoSendToChannel, onSendReply, onToggleAlsoSend, onClose, slashCommands = [], agents = [], }) {
+    return (_jsxs(Box, { flexDirection: "column", width: width, borderStyle: "single", borderColor: focused ? "cyan" : "gray", children: [_jsx(ThreadHeader, { channelName: sourceChannelName, channelType: sourceChannelType, onClose: onClose }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", children: "─".repeat(Math.max(width - 4, 1)) }) }), _jsx(ThreadMessageItem, { message: parentMessage }), _jsx(Box, { height: 1 }), _jsx(ReplyDivider, { count: replies.length, width: width }), _jsx(Box, { height: 1 }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: replies.map((reply) => (_jsx(ThreadMessageItem, { message: reply }, reply.id))) }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "gray", children: "─".repeat(Math.max(width - 4, 1)) }) }), _jsx(ComposeArea, { channelName: sourceChannelName, channelType: sourceChannelType, focused: focused, isThread: true, onSubmit: onSendReply, slashCommands: slashCommands, agents: agents }), _jsx(AlsoSendCheckbox, { checked: alsoSendToChannel, channelName: sourceChannelName, channelType: sourceChannelType, onToggle: onToggleAlsoSend })] }));
+}
+export default ThreadPanel;
+//# sourceMappingURL=thread-panel.js.map

package/dist/tui/components/slack/thread-panel.js.map

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

package/dist/tui/components/slash-autocomplete.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Slash command autocomplete overlay and hook.
+ *
+ * Shows a small overlay Box above the input line listing matching slash
+ * commands when the input starts with "/".  Tab cycles through matches,
+ * Enter accepts the current match, Escape dismisses.
+ *
+ * This is a standalone component — wire it into the home/conversation
+ * view by:
+ *   1. Calling useSlashAutocomplete(inputValue, slashCommands)
+ *   2. Rendering <SlashAutocomplete {...autocomplete} /> above the input
+ *   3. Intercepting Tab/Enter/Escape in useInput and calling the
+ *      returned handlers (onTab, onAccept, onDismiss)
+ */
+import React from "react";
+export interface SlashCommandEntry {
+    name: string;
+    description: string;
+    usage?: string;
+}
+export interface AutocompleteState {
+    /** Whether the autocomplete overlay is visible */
+    visible: boolean;
+    /** Filtered list of matching commands */
+    matches: SlashCommandEntry[];
+    /** Currently highlighted index */
+    selectedIndex: number;
+    /** The query text (everything after "/") */
+    query: string;
+}
+export interface AutocompleteActions {
+    /** Call when Tab is pressed — cycles to next match */
+    onTab: () => AutocompleteResult | null;
+    /** Call on Shift+Tab — cycles to previous match */
+    onShiftTab: () => AutocompleteResult | null;
+    /** Call when Enter is pressed while overlay is visible — accepts the match */
+    onAccept: () => AutocompleteResult | null;
+    /** Call when Escape is pressed — dismisses the overlay */
+    onDismiss: () => void;
+    /** Update the autocomplete state when input changes */
+    update: (input: string) => void;
+}
+export interface AutocompleteResult {
+    /** The completed text to replace the input with (e.g. "/search ") */
+    text: string;
+    /** The command name that was selected */
+    command: string;
+}
+export interface SlashAutocompleteProps {
+    /** Current autocomplete state */
+    state: AutocompleteState;
+    /** Max number of items to show in the overlay */
+    maxVisible?: number;
+}
+/**
+ * Filter and rank commands that match a prefix query.
+ */
+export declare function filterCommands(query: string, commands: SlashCommandEntry[]): SlashCommandEntry[];
+/**
+ * Create initial autocomplete state.
+ */
+export declare function createAutocompleteState(): AutocompleteState;
+/**
+ * Compute new autocomplete state from current input value.
+ */
+export declare function computeAutocompleteState(input: string, commands: SlashCommandEntry[]): AutocompleteState;
+/**
+ * Create actions that manage autocomplete state.
+ * This is a factory for use in React state management.
+ */
+export declare function createAutocompleteActions(state: AutocompleteState, setState: (s: AutocompleteState) => void, commands: SlashCommandEntry[]): AutocompleteActions;
+export declare function useSlashAutocomplete(commands: SlashCommandEntry[]): {
+    state: AutocompleteState;
+    actions: AutocompleteActions;
+};
+/**
+ * Overlay rendering the list of matching slash commands.
+ * Position this above the input line.
+ */
+export declare function SlashAutocomplete({ state, maxVisible, }: SlashAutocompleteProps): React.JSX.Element | null;
+export default SlashAutocomplete;