@renxqoo/renx-code 0.0.1 → 0.0.2

package/dist/App.js

@@ -2,19 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
 import { useKeyboard, useRenderer, useTerminalDimensions } from '@opentui/react';
 import { useEffect, useRef, useState } from 'react';
-import { resolveSlashCommand } from './commands/slash-commands';
-import { ConversationPanel } from './components/conversation-panel';
-import { FilePickerDialog } from './components/file-picker-dialog';
-import { ModelPickerDialog } from './components/model-picker-dialog';
-import { Prompt } from './components/prompt';
-import { ToolConfirmDialog } from './components/tool-confirm-dialog';
-import { isMediaSelection } from './files/attachment-capabilities';
-import { useAgentChat } from './hooks/use-agent-chat';
-import { useFilePicker } from './hooks/use-file-picker';
-import { useModelPicker } from './hooks/use-model-picker';
-import { requestExit } from './runtime/exit';
-import { copyTextToClipboard } from './runtime/clipboard';
-import { uiTheme } from './ui/theme';
+import { resolveSlashCommand } from './commands/slash-commands.js';
+import { ConversationPanel } from './components/conversation-panel.js';
+import { FilePickerDialog } from './components/file-picker-dialog.js';
+import { ModelPickerDialog } from './components/model-picker-dialog.js';
+import { Prompt } from './components/prompt.js';
+import { ToolConfirmDialog } from './components/tool-confirm-dialog.js';
+import { isMediaSelection } from './files/attachment-capabilities.js';
+import { useAgentChat } from './hooks/use-agent-chat.js';
+import { useFilePicker } from './hooks/use-file-picker.js';
+import { useModelPicker } from './hooks/use-model-picker.js';
+import { requestExit } from './runtime/exit.js';
+import { copyTextToClipboard } from './runtime/clipboard.js';
+import { uiTheme } from './ui/theme.js';
 const appendFileTokens = (currentValue, files) => {
     if (files.length === 0) {
         return currentValue;

package/dist/agent/runtime/event-format.d.ts

@@ -1,4 +1,4 @@
-import type { AgentLoopEvent, AgentStepEvent, AgentStopEvent, AgentToolConfirmEvent, AgentToolResultEvent, AgentToolStreamEvent, AgentToolUseEvent } from './types';
+import type { AgentLoopEvent, AgentStepEvent, AgentStopEvent, AgentToolConfirmEvent, AgentToolResultEvent, AgentToolStreamEvent, AgentToolUseEvent } from './types.js';
 export declare const formatToolConfirmEvent: (event: AgentToolConfirmEvent) => string;
 export declare const formatToolUseEvent: (event: AgentToolUseEvent) => string;
 export declare const formatToolUseEventCode: (event: AgentToolUseEvent) => string;

package/dist/agent/runtime/runtime.d.ts

@@ -1,7 +1,7 @@
-import type { AgentEventHandlers, AgentRunResult } from './types';
-import type { AgentModelOption, AgentModelSwitchResult } from './model-types';
-import type { AttachmentModelCapabilities } from '../../files/attachment-capabilities';
-import type { MessageContent } from '../../types/message-content';
+import type { AgentEventHandlers, AgentRunResult } from './types.js';
+import type { AgentModelOption, AgentModelSwitchResult } from './model-types.js';
+import type { AttachmentModelCapabilities } from '../../files/attachment-capabilities.js';
+import type { MessageContent } from '../../types/message-content.js';
 type RunAgentPromptOptions = {
     abortSignal?: AbortSignal;
 };

package/dist/agent/runtime/runtime.js

@@ -1,10 +1,10 @@
 import { resolve as resolvePath } from 'node:path';
-import { resolveToolConfirmDecision } from './tool-confirmation';
-import { getSourceModules, resolveWorkspaceRoot, } from './source-modules';
-import { ToolCallBuffer } from './tool-call-buffer';
-import { buildSystemPrompt } from '../../agent/prompts/system';
-import { resolveRenxDatabasePath, resolveRenxTaskDir } from '../../config/paths';
-import { resolveAttachmentModelCapabilities } from '../../files/attachment-capabilities';
+import { resolveToolConfirmDecision } from './tool-confirmation.js';
+import { getSourceModules, resolveWorkspaceRoot, } from './source-modules.js';
+import { ToolCallBuffer } from './tool-call-buffer.js';
+import { buildSystemPrompt } from '../../agent/prompts/system.js';
+import { resolveRenxDatabasePath, resolveRenxTaskDir } from '../../config/paths.js';
+import { resolveAttachmentModelCapabilities } from '../../files/attachment-capabilities.js';
 let runtimePromise = null;
 let initializing = false;
 const readPreferredModelIdFromEnv = () => {

package/dist/agent/runtime/source-modules.d.ts

@@ -1,4 +1,4 @@
-import type { MessageContent } from '../../types/message-content';
+import type { MessageContent } from '../../types/message-content.js';
 type ProviderModelConfig = {
     name: string;
     envApiKey: string;

package/dist/agent/runtime/tool-call-buffer.d.ts

@@ -1,4 +1,4 @@
-import type { AgentToolUseEvent } from './types';
+import type { AgentToolUseEvent } from './types.js';
 export declare class ToolCallBuffer {
     private readonly plannedOrder;
     private readonly plannedIds;

package/dist/agent/runtime/tool-confirmation.d.ts

@@ -1,3 +1,3 @@
-import type { AgentEventHandlers, AgentToolConfirmDecision, AgentToolConfirmEvent } from './types';
+import type { AgentEventHandlers, AgentToolConfirmDecision, AgentToolConfirmEvent } from './types.js';
 export declare const resolveToolConfirmDecision: (event: AgentToolConfirmEvent, handlers: AgentEventHandlers) => Promise<AgentToolConfirmDecision>;
 //# sourceMappingURL=tool-confirmation.d.ts.map

package/dist/cli.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx } from "@opentui/react/jsx-runtime";
 import { createCliRenderer } from '@opentui/core';
 import { createRoot } from '@opentui/react';
-import { App } from './App';
-import { bindExitGuards, hardResetTerminal, initExitRuntime, registerTerminalBackgroundRestore, } from './runtime/exit';
-import { probeTerminalColors, setTerminalWindowBackground, setTerminalWindowForeground, } from './runtime/terminal-theme';
-import { applyMarkdownThemeMode } from './ui/opencode-markdown';
-import { applyUiThemeMode, uiTheme } from './ui/theme';
+import { App } from './App.js';
+import { bindExitGuards, hardResetTerminal, initExitRuntime, registerTerminalBackgroundRestore, } from './runtime/exit.js';
+import { probeTerminalColors, setTerminalWindowBackground, setTerminalWindowForeground, } from './runtime/terminal-theme.js';
+import { applyMarkdownThemeMode } from './ui/opencode-markdown.js';
+import { applyUiThemeMode, uiTheme } from './ui/theme.js';
 async function main() {
     bindExitGuards();
     // OpenTUI exposes OPENTUI_FORCE_WCWIDTH for terminals where CJK width handling

package/dist/components/chat/assistant-reply.d.ts

@@ -1,4 +1,4 @@
-import type { AssistantReply as AssistantReplyType } from '../../types/chat';
+import type { AssistantReply as AssistantReplyType } from '../../types/chat.js';
 type AssistantReplyProps = {
     reply: AssistantReplyType;
 };
@@ -8,6 +8,6 @@ export type AssistantReplyUsageItem = {
 };
 export declare const buildUsageItems: (reply: Pick<AssistantReplyType, "usagePromptTokens" | "usageCompletionTokens">) => AssistantReplyUsageItem[];
 export declare const getCompletionErrorMessage: (reply: AssistantReplyType) => string | undefined;
-export declare const AssistantReply: ({ reply }: AssistantReplyProps) => import("react").ReactNode;
+export declare const AssistantReply: ({ reply }: AssistantReplyProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=assistant-reply.d.ts.map

package/dist/components/chat/assistant-reply.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { uiTheme } from '../../ui/theme';
-import { AssistantSegment } from './assistant-segment';
-import { AssistantToolGroup } from './assistant-tool-group';
-import { buildReplyRenderItems } from './segment-groups';
+import { uiTheme } from '../../ui/theme.js';
+import { AssistantSegment } from './assistant-segment.js';
+import { AssistantToolGroup } from './assistant-tool-group.js';
+import { buildReplyRenderItems } from './segment-groups.js';
 const renderStatus = (status) => {
     if (status === 'streaming') {
         return 'streaming';

package/dist/components/chat/assistant-segment.d.ts

@@ -1,8 +1,8 @@
-import type { ReplySegment } from '../../types/chat';
+import type { ReplySegment } from '../../types/chat.js';
 type AssistantSegmentProps = {
     segment: ReplySegment;
     streaming: boolean;
 };
-export declare const AssistantSegment: ({ segment, streaming }: AssistantSegmentProps) => import("react").ReactNode;
+export declare const AssistantSegment: ({ segment, streaming }: AssistantSegmentProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=assistant-segment.d.ts.map

package/dist/components/chat/assistant-segment.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { opencodeMarkdownSyntax, opencodeSubtleMarkdownSyntax } from '../../ui/opencode-markdown';
-import { uiTheme } from '../../ui/theme';
-import { CodeBlock } from './code-block';
+import { opencodeMarkdownSyntax, opencodeSubtleMarkdownSyntax } from '../../ui/opencode-markdown.js';
+import { uiTheme } from '../../ui/theme.js';
+import { CodeBlock } from './code-block.js';
 const markdownTableOptions = {
     widthMode: 'full',
     wrapMode: 'word',

package/dist/components/chat/assistant-tool-group.d.ts

@@ -1,7 +1,7 @@
-import type { ToolSegmentGroup } from './segment-groups';
+import type { ToolSegmentGroup } from './segment-groups.js';
 type AssistantToolGroupProps = {
     group: ToolSegmentGroup;
 };
-export declare const AssistantToolGroup: ({ group }: AssistantToolGroupProps) => import("react").ReactNode;
+export declare const AssistantToolGroup: ({ group }: AssistantToolGroupProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=assistant-tool-group.d.ts.map

package/dist/components/chat/assistant-tool-group.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { useState } from 'react';
-import { uiTheme } from '../../ui/theme';
-import { getToolDisplayIcon, getToolDisplayName } from '../tool-display-config';
-import { CodeBlock } from './code-block';
+import { uiTheme } from '../../ui/theme.js';
+import { getToolDisplayIcon, getToolDisplayName } from '../tool-display-config.js';
+import { CodeBlock } from './code-block.js';
 const COLLAPSIBLE_OUTPUT_LINES = 16;
 const COLLAPSIBLE_OUTPUT_LABELS = new Set(['output', 'error', 'result', 'details']);
 const asObjectLike = (value) => {

package/dist/components/chat/code-block.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { opencodeMarkdownSyntax } from '../../ui/opencode-markdown';
-import { uiTheme } from '../../ui/theme';
+import { opencodeMarkdownSyntax } from '../../ui/opencode-markdown.js';
+import { uiTheme } from '../../ui/theme.js';
 const FILETYPE_BY_EXTENSION = {
     bash: 'bash',
     cjs: 'javascript',

package/dist/components/chat/prompt-card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { isAudioSelection, isImageSelection, isVideoSelection, } from '../../files/attachment-capabilities';
-import { uiTheme } from '../../ui/theme';
+import { isAudioSelection, isImageSelection, isVideoSelection, } from '../../files/attachment-capabilities.js';
+import { uiTheme } from '../../ui/theme.js';
 const formatTime = (timestamp) => {
     return new Date(timestamp).toLocaleTimeString('en-US', {
         hour: '2-digit',

package/dist/components/chat/segment-groups.d.ts

@@ -1,4 +1,4 @@
-import type { ReplySegment } from '../../types/chat';
+import type { ReplySegment } from '../../types/chat.js';
 type ToolSegmentKind = 'use' | 'stream' | 'result';
 export type ToolSegmentMeta = {
     kind: ToolSegmentKind;

package/dist/components/chat/turn-item.d.ts

@@ -1,9 +1,9 @@
-import type { ChatTurn } from '../../types/chat';
+import type { ChatTurn } from '../../types/chat.js';
 type TurnItemProps = {
     turn: ChatTurn;
     index: number;
     isPending?: boolean;
 };
-export declare const TurnItem: ({ turn, index, isPending }: TurnItemProps) => import("react").ReactNode;
+export declare const TurnItem: ({ turn, index, isPending }: TurnItemProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=turn-item.d.ts.map

package/dist/components/chat/turn-item.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { uiTheme } from '../../ui/theme';
-import { AssistantReply } from './assistant-reply';
-import { PromptCard } from './prompt-card';
+import { uiTheme } from '../../ui/theme.js';
+import { AssistantReply } from './assistant-reply.js';
+import { PromptCard } from './prompt-card.js';
 const PendingReply = () => {
     return (_jsxs("box", { flexDirection: "row", children: [_jsx("box", { width: 1, backgroundColor: uiTheme.divider }), _jsx("box", { flexGrow: 1, paddingLeft: 2, children: _jsxs("text", { attributes: uiTheme.typography.body, selectable: true, children: [_jsx("i", { fg: uiTheme.thinking, children: "Thinking:" }), _jsx("span", { fg: uiTheme.muted, children: " preparing response..." })] }) })] }));
 };

package/dist/components/conversation-panel.d.ts

@@ -1,8 +1,8 @@
-import type { ChatTurn } from '../types/chat';
+import type { ChatTurn } from '../types/chat.js';
 type ConversationPanelProps = {
     turns: ChatTurn[];
     isThinking: boolean;
 };
-export declare const ConversationPanel: ({ turns, isThinking }: ConversationPanelProps) => import("react").ReactNode;
+export declare const ConversationPanel: ({ turns, isThinking }: ConversationPanelProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=conversation-panel.d.ts.map

package/dist/components/conversation-panel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { uiTheme } from '../ui/theme';
-import { TurnItem } from './chat/turn-item';
+import { uiTheme } from '../ui/theme.js';
+import { TurnItem } from './chat/turn-item.js';
 export const ConversationPanel = ({ turns, isThinking }) => {
     const pendingTurnId = turns.at(-1)?.id;
     return (_jsx("scrollbox", { flexGrow: 1, scrollY: true, stickyScroll: true, stickyStart: "bottom", paddingX: uiTheme.layout.conversationPaddingX, paddingY: uiTheme.layout.conversationPaddingY, viewportOptions: { backgroundColor: uiTheme.bg }, contentOptions: { backgroundColor: uiTheme.bg }, marginBottom: 1, children: _jsx("box", { flexDirection: "column", gap: 0, paddingX: uiTheme.layout.conversationContentPaddingX, paddingY: uiTheme.layout.conversationContentPaddingY, backgroundColor: uiTheme.bg, children: turns.map((turn, index) => (_jsx(TurnItem, { turn: turn, index: index, isPending: isThinking && turn.id === pendingTurnId }, turn.id))) }) }));

package/dist/components/file-mention-menu.d.ts

@@ -1,4 +1,4 @@
-import type { PromptFileSelection } from '../files/types';
+import type { PromptFileSelection } from '../files/types.js';
 type FileMentionMenuProps = {
     visible: boolean;
     loading: boolean;
@@ -6,6 +6,6 @@ type FileMentionMenuProps = {
     options: PromptFileSelection[];
     selectedIndex: number;
 };
-export declare const FileMentionMenu: ({ visible, loading, error, options, selectedIndex, }: FileMentionMenuProps) => import("react").ReactNode;
+export declare const FileMentionMenu: ({ visible, loading, error, options, selectedIndex, }: FileMentionMenuProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=file-mention-menu.d.ts.map

package/dist/components/file-mention-menu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
-import { uiTheme } from '../ui/theme';
+import { uiTheme } from '../ui/theme.js';
 const selectedBackground = '#f4b183';
 const selectedForeground = '#050608';
 export const FileMentionMenu = ({ visible, loading, error, options, selectedIndex, }) => {

package/dist/components/file-picker-dialog.d.ts

@@ -1,5 +1,5 @@
 import type { KeyEvent } from '@opentui/core';
-import type { PromptFileSelection } from '../files/types';
+import type { PromptFileSelection } from '../files/types.js';
 type FilePickerDialogProps = {
     visible: boolean;
     viewportWidth: number;
@@ -16,6 +16,6 @@ type FilePickerDialogProps = {
     onConfirm: () => void;
     onListKeyDown: (event: KeyEvent) => boolean;
 };
-export declare const FilePickerDialog: ({ visible, viewportWidth, viewportHeight, loading, error, search, options, selectedIndex, selectedPaths, onSearchChange, onSelectIndex, onToggleSelected, onConfirm, onListKeyDown, }: FilePickerDialogProps) => import("react").ReactNode;
+export declare const FilePickerDialog: ({ visible, viewportWidth, viewportHeight, loading, error, search, options, selectedIndex, selectedPaths, onSearchChange, onSelectIndex, onToggleSelected, onConfirm, onListKeyDown, }: FilePickerDialogProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=file-picker-dialog.d.ts.map

package/dist/components/file-picker-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
 import { useEffect, useRef } from 'react';
-import { uiTheme } from '../ui/theme';
+import { uiTheme } from '../ui/theme.js';
 const selectedBackground = '#f4b183';
 const selectedForeground = '#050608';
 const formatSize = (size) => {

package/dist/components/footer-hints.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
 import { useEffect, useState } from 'react';
-import { uiTheme } from '../ui/theme';
+import { uiTheme } from '../ui/theme.js';
 const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
 const SPINNER_INTERVAL_MS = 80;
 export const FooterHints = ({ isThinking, contextUsagePercent }) => {

package/dist/components/model-picker-dialog.d.ts

@@ -1,5 +1,5 @@
 import type { KeyEvent } from '@opentui/core';
-import type { AgentModelOption } from '../agent/runtime/model-types';
+import type { AgentModelOption } from '../agent/runtime/model-types.js';
 type ModelPickerDialogProps = {
     visible: boolean;
     viewportWidth: number;
@@ -15,6 +15,6 @@ type ModelPickerDialogProps = {
     onConfirm: () => void;
     onListKeyDown: (event: KeyEvent) => boolean;
 };
-export declare const ModelPickerDialog: ({ visible, viewportWidth, viewportHeight, loading, switching, error, search, options, selectedIndex, onSearchChange, onSelectIndex, onConfirm, onListKeyDown, }: ModelPickerDialogProps) => import("react").ReactNode;
+export declare const ModelPickerDialog: ({ visible, viewportWidth, viewportHeight, loading, switching, error, search, options, selectedIndex, onSearchChange, onSelectIndex, onConfirm, onListKeyDown, }: ModelPickerDialogProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=model-picker-dialog.d.ts.map

package/dist/components/model-picker-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
 import { useEffect, useMemo, useRef } from 'react';
-import { uiTheme } from '../ui/theme';
+import { uiTheme } from '../ui/theme.js';
 const selectedBackground = '#f4b183';
 const selectedForeground = '#050608';
 const toProviderLabel = (provider) => {

package/dist/components/prompt.d.ts

@@ -1,5 +1,5 @@
-import type { SlashCommandDefinition } from '../commands/slash-commands';
-import type { PromptFileSelection } from '../files/types';
+import type { SlashCommandDefinition } from '../commands/slash-commands.js';
+import type { PromptFileSelection } from '../files/types.js';
 type PromptProps = {
     isThinking: boolean;
     disabled?: boolean;
@@ -13,6 +13,6 @@ type PromptProps = {
     onSlashMenuVisibilityChange?: (visible: boolean) => void;
     onSubmit: () => void;
 };
-export declare const Prompt: ({ isThinking, disabled, modelLabel, contextUsagePercent, value, selectedFiles, onAddSelectedFiles, onValueChange, onSlashCommandSelect, onSlashMenuVisibilityChange, onSubmit, }: PromptProps) => import("react").ReactNode;
+export declare const Prompt: ({ isThinking, disabled, modelLabel, contextUsagePercent, value, selectedFiles, onAddSelectedFiles, onValueChange, onSlashCommandSelect, onSlashMenuVisibilityChange, onSubmit, }: PromptProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=prompt.d.ts.map

package/dist/components/prompt.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { FileMentionMenu } from './file-mention-menu';
-import { FooterHints } from './footer-hints';
-import { SlashCommandMenu } from './slash-command-menu';
-import { isAudioSelection, isImageSelection, isVideoSelection, } from '../files/attachment-capabilities';
-import { useFileMentionMenu } from '../hooks/use-file-mention-menu';
-import { useSlashCommandMenu } from '../hooks/use-slash-command-menu';
-import { uiTheme } from '../ui/theme';
+import { FileMentionMenu } from './file-mention-menu.js';
+import { FooterHints } from './footer-hints.js';
+import { SlashCommandMenu } from './slash-command-menu.js';
+import { isAudioSelection, isImageSelection, isVideoSelection, } from '../files/attachment-capabilities.js';
+import { useFileMentionMenu } from '../hooks/use-file-mention-menu.js';
+import { useSlashCommandMenu } from '../hooks/use-slash-command-menu.js';
+import { uiTheme } from '../ui/theme.js';
 export const Prompt = ({ isThinking, disabled = false, modelLabel, contextUsagePercent, value, selectedFiles, onAddSelectedFiles, onValueChange, onSlashCommandSelect, onSlashMenuVisibilityChange, onSubmit, }) => {
     const textareaRef = useRef(null);
     const mediaFiles = useMemo(() => selectedFiles.filter(file => isImageSelection(file) || isAudioSelection(file) || isVideoSelection(file)), [selectedFiles]);

package/dist/components/slash-command-menu.d.ts

@@ -1,9 +1,9 @@
-import type { SlashCommandDefinition } from '../commands/slash-commands';
+import type { SlashCommandDefinition } from '../commands/slash-commands.js';
 type SlashCommandMenuProps = {
     visible: boolean;
     options: SlashCommandDefinition[];
     selectedIndex: number;
 };
-export declare const SlashCommandMenu: ({ visible, options, selectedIndex }: SlashCommandMenuProps) => import("react").ReactNode;
+export declare const SlashCommandMenu: ({ visible, options, selectedIndex }: SlashCommandMenuProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=slash-command-menu.d.ts.map

package/dist/components/slash-command-menu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
-import { uiTheme } from '../ui/theme';
+import { uiTheme } from '../ui/theme.js';
 const selectedBackground = '#f4b183';
 const selectedForeground = '#050608';
 export const SlashCommandMenu = ({ visible, options, selectedIndex }) => {

package/dist/components/tool-confirm-dialog-content.d.ts

@@ -1,4 +1,4 @@
-import type { AgentToolConfirmEvent } from '../agent/runtime/types';
+import type { AgentToolConfirmEvent } from '../agent/runtime/types.js';
 export type ToolConfirmDialogContent = {
     summary: string;
     detail?: string;

package/dist/components/tool-confirm-dialog-content.js

@@ -1,4 +1,4 @@
-import { getToolHiddenArgumentKeys, getToolDisplayName } from './tool-display-config';
+import { getToolHiddenArgumentKeys, getToolDisplayName } from './tool-display-config.js';
 const asRecord = (value) => {
     return value && typeof value === 'object' ? value : {};
 };

package/dist/components/tool-confirm-dialog.d.ts

@@ -1,4 +1,4 @@
-import type { AgentToolConfirmEvent } from '../agent/runtime/types';
+import type { AgentToolConfirmEvent } from '../agent/runtime/types.js';
 type ToolConfirmDialogProps = {
     visible: boolean;
     viewportWidth: number;
@@ -7,6 +7,6 @@ type ToolConfirmDialogProps = {
         selectedAction: 'approve' | 'deny';
     }) | null;
 };
-export declare const ToolConfirmDialog: ({ visible, viewportWidth, viewportHeight, request, }: ToolConfirmDialogProps) => import("react").ReactNode;
+export declare const ToolConfirmDialog: ({ visible, viewportWidth, viewportHeight, request, }: ToolConfirmDialogProps) => import("react"").ReactNode;
 export {};
 //# sourceMappingURL=tool-confirm-dialog.d.ts.map

package/dist/components/tool-confirm-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { TextAttributes } from '@opentui/core';
-import { uiTheme } from '../ui/theme';
-import { buildToolConfirmDialogContent } from './tool-confirm-dialog-content';
+import { uiTheme } from '../ui/theme.js';
+import { buildToolConfirmDialogContent } from './tool-confirm-dialog-content.js';
 const selectedForeground = '#050608';
 const renderButton = (label, selected) => {
     return (_jsx("box", { paddingLeft: 1, paddingRight: 1, backgroundColor: selected ? uiTheme.accent : uiTheme.surface, border: ['top', 'bottom', 'left', 'right'], borderColor: selected ? uiTheme.accent : uiTheme.divider, children: _jsx("text", { fg: selected ? selectedForeground : uiTheme.text, attributes: TextAttributes.BOLD, children: label }) }));

package/dist/files/attachment-capabilities.d.ts

@@ -1,4 +1,4 @@
-import type { PromptFileSelection } from './types';
+import type { PromptFileSelection } from './types.js';
 export type AttachmentModelCapabilities = {
     image: boolean;
     audio: boolean;

package/dist/files/attachment-content.d.ts

@@ -1,5 +1,5 @@
-import type { MessageContent } from '../types/message-content';
-import type { PromptFileSelection } from './types';
-import { type AttachmentModelCapabilities } from './attachment-capabilities';
+import type { MessageContent } from '../types/message-content.js';
+import type { PromptFileSelection } from './types.js';
+import { type AttachmentModelCapabilities } from './attachment-capabilities.js';
 export declare const buildPromptContent: (prompt: string, files: PromptFileSelection[], capabilities: AttachmentModelCapabilities) => Promise<MessageContent>;
 //# sourceMappingURL=attachment-content.d.ts.map

package/dist/files/attachment-content.js

@@ -1,6 +1,6 @@
 import { readFile } from 'node:fs/promises';
 import { extname } from 'node:path';
-import { isAudioSelection, isImageSelection, isVideoSelection, } from './attachment-capabilities';
+import { isAudioSelection, isImageSelection, isVideoSelection, } from './attachment-capabilities.js';
 const IMAGE_MIME_BY_EXTENSION = {
     '.gif': 'image/gif',
     '.jpeg': 'image/jpeg',

package/dist/files/prompt-display.d.ts

@@ -1,3 +1,3 @@
-import type { PromptFileSelection } from './types';
+import type { PromptFileSelection } from './types.js';
 export declare const buildPromptDisplay: (prompt: string, files: PromptFileSelection[]) => string;
 //# sourceMappingURL=prompt-display.d.ts.map

package/dist/files/workspace-files.d.ts

@@ -1,3 +1,3 @@
-import type { PromptFileSelection } from './types';
+import type { PromptFileSelection } from './types.js';
 export declare const listWorkspaceFiles: () => Promise<PromptFileSelection[]>;
 //# sourceMappingURL=workspace-files.d.ts.map

package/dist/files/workspace-files.js

@@ -1,6 +1,6 @@
 import { readdir } from 'node:fs/promises';
 import { join, relative } from 'node:path';
-import { resolveWorkspaceRoot } from '../agent/runtime/source-modules';
+import { resolveWorkspaceRoot } from '../agent/runtime/source-modules.js';
 const IGNORED_DIR_NAMES = new Set([
     '.git',
     'node_modules',

package/dist/hooks/agent-event-handlers.d.ts

@@ -1,5 +1,5 @@
-import type { AgentEventHandlers } from '../agent/runtime/types';
-import type { ReplySegmentType } from '../types/chat';
+import type { AgentEventHandlers } from '../agent/runtime/types.js';
+import type { ReplySegmentType } from '../types/chat.js';
 type BuildAgentEventHandlersParams = {
     turnId: number;
     isCurrentRequest: () => boolean;

package/dist/hooks/agent-event-handlers.js

@@ -1,4 +1,4 @@
-import { formatLoopEvent, formatStepEvent, formatStopEvent, formatToolConfirmEvent, formatToolResultEvent, formatToolResultEventCode, formatToolStreamEvent, formatToolUseEvent, formatToolUseEventCode, } from '../agent/runtime/event-format';
+import { formatLoopEvent, formatStepEvent, formatStopEvent, formatToolConfirmEvent, formatToolResultEvent, formatToolResultEventCode, formatToolStreamEvent, formatToolUseEvent, formatToolUseEventCode, } from '../agent/runtime/event-format.js';
 const shouldShowEventLog = () => {
     const value = process.env.AGENT_SHOW_EVENTS?.trim().toLowerCase();
     return value === '1' || value === 'true' || value === 'yes' || value === 'on';

package/dist/hooks/turn-updater.d.ts

@@ -1,4 +1,4 @@
-import type { AssistantReply, ChatTurn, ReplySegment, ReplySegmentType, ReplyStatus } from '../types/chat';
+import type { AssistantReply, ChatTurn, ReplySegment, ReplySegmentType, ReplyStatus } from '../types/chat.js';
 export declare const createStreamingReply: (modelLabel: string) => AssistantReply;
 export declare const patchTurn: (turns: ChatTurn[], turnId: number, patch: (turn: ChatTurn) => ChatTurn) => ChatTurn[];
 export declare const ensureSegment: (segments: ReplySegment[], segmentId: string, type: ReplySegmentType, data?: unknown) => ReplySegment[];

package/dist/hooks/use-agent-chat.d.ts

@@ -1,6 +1,6 @@
-import type { AgentToolConfirmEvent } from '../agent/runtime/types';
-import type { ChatTurn } from '../types/chat';
-import type { PromptFileSelection } from '../files/types';
+import type { AgentToolConfirmEvent } from '../agent/runtime/types.js';
+import type { ChatTurn } from '../types/chat.js';
+import type { PromptFileSelection } from '../files/types.js';
 export type UseAgentChatResult = {
     turns: ChatTurn[];
     inputValue: string;

package/dist/hooks/use-agent-chat.js

@@ -1,13 +1,13 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { resolveSlashCommand } from '../commands/slash-commands';
-import { getAgentModelAttachmentCapabilities, getAgentModelLabel, runAgentPrompt, } from '../agent/runtime/runtime';
-import { requestExit } from '../runtime/exit';
-import { buildAgentEventHandlers } from './agent-event-handlers';
-import { buildHelpSegments, buildUnsupportedSegments, extractErrorMessage, } from './chat-local-replies';
-import { appendNoteLine, appendToSegment, createStreamingReply, orderReplySegments, patchTurn, setReplyStatus, } from './turn-updater';
-import { DEFAULT_ATTACHMENT_MODEL_CAPABILITIES, } from '../files/attachment-capabilities';
-import { buildPromptContent } from '../files/attachment-content';
-import { buildPromptDisplay } from '../files/prompt-display';
+import { resolveSlashCommand } from '../commands/slash-commands.js';
+import { getAgentModelAttachmentCapabilities, getAgentModelLabel, runAgentPrompt, } from '../agent/runtime/runtime.js';
+import { requestExit } from '../runtime/exit.js';
+import { buildAgentEventHandlers } from './agent-event-handlers.js';
+import { buildHelpSegments, buildUnsupportedSegments, extractErrorMessage, } from './chat-local-replies.js';
+import { appendNoteLine, appendToSegment, createStreamingReply, orderReplySegments, patchTurn, setReplyStatus, } from './turn-updater.js';
+import { DEFAULT_ATTACHMENT_MODEL_CAPABILITIES, } from '../files/attachment-capabilities.js';
+import { buildPromptContent } from '../files/attachment-content.js';
+import { buildPromptDisplay } from '../files/prompt-display.js';
 const INITIAL_MODEL_LABEL = process.env.AGENT_MODEL?.trim() || '';
 const normalizeTokenCount = (value) => {
     if (typeof value !== 'number' || !Number.isFinite(value)) {

package/dist/hooks/use-file-mention-menu.d.ts

@@ -1,6 +1,6 @@
 import type { KeyEvent, TextareaRenderable } from '@opentui/core';
 import { type RefObject } from 'react';
-import type { PromptFileSelection } from '../files/types';
+import type { PromptFileSelection } from '../files/types.js';
 type UseFileMentionMenuParams = {
     value: string;
     textareaRef: RefObject<TextareaRenderable | null>;

package/dist/hooks/use-file-mention-menu.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { findTrailingFileMention } from '../files/file-mention-query';
-import { isMediaSelection } from '../files/attachment-capabilities';
-import { listWorkspaceFiles } from '../files/workspace-files';
+import { findTrailingFileMention } from '../files/file-mention-query.js';
+import { isMediaSelection } from '../files/attachment-capabilities.js';
+import { listWorkspaceFiles } from '../files/workspace-files.js';
 const normalize = (value) => value.trim().toLowerCase();
 export const useFileMentionMenu = ({ value, textareaRef, selectedFiles, onFilesSelected, onValueChange, disabled = false, }) => {
     const [selectedIndex, setSelectedIndex] = useState(0);

package/dist/hooks/use-file-picker.d.ts

@@ -1,5 +1,5 @@
 import type { KeyEvent } from '@opentui/core';
-import type { PromptFileSelection } from '../files/types';
+import type { PromptFileSelection } from '../files/types.js';
 type UseFilePickerResult = {
     visible: boolean;
     loading: boolean;

package/dist/hooks/use-file-picker.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { listWorkspaceFiles } from '../files/workspace-files';
+import { listWorkspaceFiles } from '../files/workspace-files.js';
 const normalize = (value) => value.trim().toLowerCase();
 export const useFilePicker = () => {
     const [visible, setVisible] = useState(false);

package/dist/hooks/use-model-picker.d.ts

@@ -1,5 +1,5 @@
 import type { KeyEvent } from '@opentui/core';
-import type { AgentModelOption } from '../agent/runtime/model-types';
+import type { AgentModelOption } from '../agent/runtime/model-types.js';
 type UseModelPickerParams = {
     onModelChanged: (label: string) => void;
 };

package/dist/hooks/use-model-picker.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { listAgentModels, switchAgentModel } from '../agent/runtime/runtime';
+import { listAgentModels, switchAgentModel } from '../agent/runtime/runtime.js';
 const normalize = (value) => value.trim().toLowerCase();
 export const useModelPicker = ({ onModelChanged }) => {
     const [visible, setVisible] = useState(false);

package/dist/hooks/use-slash-command-menu.d.ts

@@ -1,6 +1,6 @@
 import type { KeyEvent, TextareaRenderable } from '@opentui/core';
 import { type RefObject } from 'react';
-import { type SlashCommandDefinition } from '../commands/slash-commands';
+import { type SlashCommandDefinition } from '../commands/slash-commands.js';
 type UseSlashCommandMenuParams = {
     value: string;
     onValueChange: (value: string) => void;

package/dist/hooks/use-slash-command-menu.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { filterSlashCommands } from '../commands/slash-commands';
+import { filterSlashCommands } from '../commands/slash-commands.js';
 const getSlashQuery = (value) => {
     if (!/^\/[^\s]*$/.test(value)) {
         return null;

package/dist/index.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "@opentui/react/jsx-runtime";
 import { createCliRenderer } from '@opentui/core';
 import { createRoot } from '@opentui/react';
-import { App } from './App';
-import { bindExitGuards, hardResetTerminal, initExitRuntime, registerTerminalBackgroundRestore, } from './runtime/exit';
-import { probeTerminalColors, setTerminalWindowBackground, setTerminalWindowForeground, } from './runtime/terminal-theme';
-import { applyMarkdownThemeMode } from './ui/opencode-markdown';
-import { applyUiThemeMode, uiTheme } from './ui/theme';
+import { App } from './App.js';
+import { bindExitGuards, hardResetTerminal, initExitRuntime, registerTerminalBackgroundRestore, } from './runtime/exit.js';
+import { probeTerminalColors, setTerminalWindowBackground, setTerminalWindowForeground, } from './runtime/terminal-theme.js';
+import { applyMarkdownThemeMode } from './ui/opencode-markdown.js';
+import { applyUiThemeMode, uiTheme } from './ui/theme.js';
 bindExitGuards();
 // OpenTUI exposes OPENTUI_FORCE_WCWIDTH for terminals where CJK width handling
 // is more accurate with wcwidth than the default Unicode capability probe.

package/dist/runtime/exit.js

@@ -1,4 +1,4 @@
-import { disposeAgentRuntime } from '../agent/runtime/runtime';
+import { disposeAgentRuntime } from '../agent/runtime/runtime.js';
 const TERMINAL_RESET_SEQUENCE = [
     '\u001b[0m',
     '\u001b[?25h',

package/dist/ui/opencode-markdown.d.ts

@@ -1,6 +1,6 @@
 import { SyntaxStyle } from '@opentui/core';
-import { type MarkdownThemePlatform } from './open-code-theme';
-import type { UiThemeMode } from './theme';
+import { type MarkdownThemePlatform } from './open-code-theme.js';
+import type { UiThemeMode } from './theme.js';
 export declare let opencodeMarkdownSyntax: SyntaxStyle;
 export declare let opencodeSubtleMarkdownSyntax: SyntaxStyle;
 export declare const applyMarkdownThemeMode: (mode: UiThemeMode, platform?: MarkdownThemePlatform) => void;

package/dist/ui/opencode-markdown.js

@@ -1,5 +1,5 @@
 import { RGBA, SyntaxStyle } from '@opentui/core';
-import { resolveOpenCodeTheme, } from './open-code-theme';
+import { resolveOpenCodeTheme, } from './open-code-theme.js';
 const getSyntaxRules = (theme, options) => {
     const useItalic = options.platform !== 'darwin';
     const useUnderline = options.platform !== 'darwin';

package/dist/ui/theme.d.ts

@@ -1,5 +1,5 @@
 import { TextAttributes } from '@opentui/core';
-import { type OpenCodeThemeMode } from './open-code-theme';
+import { type OpenCodeThemeMode } from './open-code-theme.js';
 export type UiThemeMode = OpenCodeThemeMode;
 type TextAttributeValue = (typeof TextAttributes)[keyof typeof TextAttributes];
 export type UiTheme = {

package/dist/ui/theme.js

@@ -1,5 +1,5 @@
 import { TextAttributes, rgbToHex } from '@opentui/core';
-import { resolveOpenCodeTheme } from './open-code-theme';
+import { resolveOpenCodeTheme } from './open-code-theme.js';
 const baseLayout = {
     appPaddingTop: 0,
     appPaddingBottom: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@renxqoo/renx-code",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Enterprise-grade AI coding assistant CLI tool with interactive terminal UI",
   "type": "module",
   "main": "dist/index.js",
@@ -25,8 +25,8 @@
   "scripts": {
     "dev": "bun run src/index.tsx",
     "dev:watch": "bun run --watch src/index.tsx",
-    "build": "tsc -p tsconfig.build.json",
-    "build:cli": "tsc -p tsconfig.build.json && node -e \"require('fs').chmodSync('dist/cli.js', 0o755)\"",
+    "build": "tsc -p tsconfig.build.json && node ./scripts/fix-esm-imports.mjs",
+    "build:cli": "npm run build && node -e \"require('fs').chmodSync('dist/cli.js', 0o755)\"",
     "start": "node dist/index.js",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",