@agi-cli/web-sdk 0.1.108 → 0.1.110
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/chat/ChatInput.d.ts +9 -0
- package/dist/components/chat/ChatInput.d.ts.map +1 -1
- package/dist/components/chat/ChatInput.js +18 -10
- package/dist/components/chat/ChatInput.js.map +1 -1
- package/dist/components/chat/ChatInputContainer.d.ts.map +1 -1
- package/dist/components/chat/ChatInputContainer.js +48 -3
- package/dist/components/chat/ChatInputContainer.js.map +1 -1
- package/dist/components/chat/ChatInputKeyHandler.d.ts.map +1 -1
- package/dist/components/chat/ChatInputKeyHandler.js +4 -2
- package/dist/components/chat/ChatInputKeyHandler.js.map +1 -1
- package/dist/components/chat/CommandSuggestionsPopup.d.ts.map +1 -1
- package/dist/components/chat/CommandSuggestionsPopup.js +9 -60
- package/dist/components/chat/CommandSuggestionsPopup.js.map +1 -1
- package/dist/components/chat/ConfigModal.d.ts +2 -1
- package/dist/components/chat/ConfigModal.d.ts.map +1 -1
- package/dist/components/chat/ConfigModal.js +8 -2
- package/dist/components/chat/ConfigModal.js.map +1 -1
- package/dist/components/messages/UserMessageGroup.d.ts.map +1 -1
- package/dist/components/messages/UserMessageGroup.js +36 -19
- package/dist/components/messages/UserMessageGroup.js.map +1 -1
- package/dist/components/messages/renderers/ReasoningRenderer.d.ts.map +1 -1
- package/dist/components/messages/renderers/ReasoningRenderer.js +8 -2
- package/dist/components/messages/renderers/ReasoningRenderer.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useCommandSuggestions.d.ts +5 -2
- package/dist/hooks/useCommandSuggestions.d.ts.map +1 -1
- package/dist/hooks/useCommandSuggestions.js +29 -17
- package/dist/hooks/useCommandSuggestions.js.map +1 -1
- package/dist/hooks/useImageUpload.d.ts +28 -0
- package/dist/hooks/useImageUpload.d.ts.map +1 -0
- package/dist/hooks/useImageUpload.js +197 -0
- package/dist/hooks/useImageUpload.js.map +1 -0
- package/dist/hooks/usePreferences.d.ts +1 -0
- package/dist/hooks/usePreferences.d.ts.map +1 -1
- package/dist/hooks/usePreferences.js +29 -9
- package/dist/hooks/usePreferences.js.map +1 -1
- package/dist/lib/commands.d.ts +15 -0
- package/dist/lib/commands.d.ts.map +1 -0
- package/dist/lib/commands.js +87 -0
- package/dist/lib/commands.js.map +1 -0
- package/dist/types/api.d.ts +6 -0
- package/dist/types/api.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type { ClipboardEvent } from 'react';
|
|
2
|
+
import type { ImageAttachment } from '../../hooks/useImageUpload';
|
|
1
3
|
interface ChatInputProps {
|
|
2
4
|
onSend: (message: string) => void;
|
|
3
5
|
onCommand?: (commandId: string) => void;
|
|
@@ -5,6 +7,13 @@ interface ChatInputProps {
|
|
|
5
7
|
onConfigClick?: () => void;
|
|
6
8
|
onPlanModeToggle?: (isPlanMode: boolean) => void;
|
|
7
9
|
isPlanMode?: boolean;
|
|
10
|
+
reasoningEnabled?: boolean;
|
|
11
|
+
sessionId?: string;
|
|
12
|
+
images?: ImageAttachment[];
|
|
13
|
+
onImageRemove?: (id: string) => void;
|
|
14
|
+
isDragging?: boolean;
|
|
15
|
+
onPaste?: (e: ClipboardEvent) => void;
|
|
16
|
+
visionEnabled?: boolean;
|
|
8
17
|
}
|
|
9
18
|
export declare const ChatInput: import("react").NamedExoticComponent<ChatInputProps & import("react").RefAttributes<{
|
|
10
19
|
focus: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,OAAO,CAAC;AAapE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,UAAU,cAAc;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;WACD,MAAM,IAAI;GAqZ9B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useEffect, useCallback, memo, forwardRef, useImperativeHandle, useMemo, } from 'react';
|
|
3
|
-
import { ArrowUp, MoreVertical } from 'lucide-react';
|
|
3
|
+
import { ArrowUp, MoreVertical, X, ImageIcon, Brain } from 'lucide-react';
|
|
4
4
|
import { Textarea } from '../ui/Textarea';
|
|
5
5
|
import { FileMentionPopup } from './FileMentionPopup';
|
|
6
6
|
import { CommandSuggestionsPopup } from './CommandSuggestionsPopup';
|
|
@@ -11,7 +11,7 @@ import { useVimMode } from '../../hooks/useVimMode';
|
|
|
11
11
|
import { useFileMention } from '../../hooks/useFileMention';
|
|
12
12
|
import { useCommandSuggestions } from '../../hooks/useCommandSuggestions';
|
|
13
13
|
import { createChatInputKeyHandler } from './ChatInputKeyHandler';
|
|
14
|
-
export const ChatInput = memo(forwardRef(function ChatInput({ onSend, onCommand, disabled, onConfigClick, onPlanModeToggle, isPlanMode: externalIsPlanMode, }, ref) {
|
|
14
|
+
export const ChatInput = memo(forwardRef(function ChatInput({ onSend, onCommand, disabled, onConfigClick, onPlanModeToggle, isPlanMode: externalIsPlanMode, reasoningEnabled, sessionId, images = [], onImageRemove, isDragging = false, onPaste, visionEnabled = false, }, ref) {
|
|
15
15
|
const [message, setMessage] = useState('');
|
|
16
16
|
const [isPlanMode, setIsPlanMode] = useState(externalIsPlanMode || false);
|
|
17
17
|
const [showShortcutsModal, setShowShortcutsModal] = useState(false);
|
|
@@ -26,9 +26,11 @@ export const ChatInput = memo(forwardRef(function ChatInput({ onSend, onCommand,
|
|
|
26
26
|
onCommand,
|
|
27
27
|
updatePreferences,
|
|
28
28
|
vimModeEnabled: preferences.vimMode,
|
|
29
|
+
reasoningEnabled: preferences.reasoningEnabled,
|
|
29
30
|
textareaRef,
|
|
30
31
|
setMessage,
|
|
31
32
|
setShowShortcutsModal,
|
|
33
|
+
sessionId,
|
|
32
34
|
});
|
|
33
35
|
const { vimMode, setVimMode, handleVimNormalMode } = useVimMode({
|
|
34
36
|
enabled: preferences.vimMode,
|
|
@@ -174,12 +176,18 @@ export const ChatInput = memo(forwardRef(function ChatInput({ onSend, onCommand,
|
|
|
174
176
|
setVimMode('insert');
|
|
175
177
|
}
|
|
176
178
|
}, [preferences.vimMode, setVimMode]);
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
? 'bg-
|
|
183
|
-
: 'bg-
|
|
179
|
+
const handleTextareaPaste = useCallback((e) => {
|
|
180
|
+
onPaste?.(e);
|
|
181
|
+
}, [onPaste]);
|
|
182
|
+
const hasImages = images.length > 0;
|
|
183
|
+
return (_jsxs(_Fragment, { children: [isDragging && visionEnabled && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm pointer-events-none", children: _jsxs("div", { className: "flex flex-col items-center gap-4 p-8 rounded-2xl bg-card border-2 border-dashed border-primary/50", children: [_jsx("div", { className: "p-4 rounded-full bg-primary/10", children: _jsx(ImageIcon, { className: "w-12 h-12 text-primary" }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-medium text-foreground", children: "Drop images here" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "PNG, JPEG, GIF, WebP up to 5MB" })] })] }) })), _jsx("div", { className: "absolute bottom-0 left-0 right-0 pt-16 pb-6 md:pb-8 px-2 md:px-4 bg-gradient-to-t from-background via-background to-transparent pointer-events-none z-20 safe-area-inset-bottom", children: _jsxs("div", { className: "max-w-3xl mx-auto pointer-events-auto mb-2 md:mb-0 relative", children: [preferences.vimMode && vimMode === 'normal' && (_jsx("div", { className: "absolute -top-6 right-0 px-2 py-0.5 text-xs font-mono font-semibold bg-amber-500/90 text-white rounded shadow-sm", children: "NORMAL" })), preferences.vimMode && vimMode === 'insert' && (_jsx("div", { className: "absolute -top-6 right-0 px-2 py-0.5 text-xs font-mono font-semibold bg-green-500/90 text-white rounded shadow-sm", children: "INSERT" })), _jsxs("div", { className: `relative flex flex-col rounded-3xl p-1 transition-all touch-manipulation ${isPlanMode
|
|
184
|
+
? 'bg-slate-100 dark:bg-slate-900/40 border border-slate-300 dark:border-slate-700 focus-within:border-slate-400 dark:focus-within:border-slate-600 focus-within:ring-1 focus-within:ring-slate-300 dark:focus-within:ring-slate-700'
|
|
185
|
+
: 'bg-card border border-border focus-within:border-primary/60 focus-within:ring-1 focus-within:ring-primary/40'}`, children: [hasImages && visionEnabled && (_jsx("div", { className: "flex flex-wrap gap-2 px-3 pt-2 pb-1", children: images.map((img) => (_jsxs("div", { className: "relative group w-12 h-12 rounded-lg overflow-hidden bg-muted", children: [_jsx("img", { src: img.preview, alt: "Attachment", className: "w-full h-full object-cover" }), _jsx("button", { type: "button", onClick: () => onImageRemove?.(img.id), className: "absolute top-0 right-0 p-0.5 bg-black/60 rounded-bl-md opacity-0 group-hover:opacity-100 transition-opacity", children: _jsx(X, { className: "w-3 h-3 text-white" }) })] }, img.id))) })), _jsxs("div", { className: "flex items-end gap-1", children: [onConfigClick && (_jsx("button", { type: "button", onClick: onConfigClick, className: "flex items-center justify-center w-10 h-10 rounded-full hover:bg-background/50 active:bg-background/70 transition-colors text-muted-foreground hover:text-foreground flex-shrink-0 touch-manipulation", children: _jsx(MoreVertical, { className: "w-4 h-4" }) })), _jsx(Textarea, { ref: textareaRef, value: message, onChange: handleChange, onKeyDown: handleKeyDown, onPaste: handleTextareaPaste, placeholder: isPlanMode
|
|
186
|
+
? 'Plan mode - Type a message...'
|
|
187
|
+
: 'Type a message...', disabled: disabled, rows: 1, className: `border-0 bg-transparent pl-1 pr-2 py-2 max-h-[200px] overflow-y-auto leading-normal resize-none scrollbar-hide text-base ${preferences.vimMode && vimMode === 'normal'
|
|
188
|
+
? 'caret-[6px]'
|
|
189
|
+
: ''}`, style: { height: '2.5rem' } }), _jsx("button", { type: "button", onClick: handleSend, disabled: disabled || (!message.trim() && !hasImages), className: `flex items-center justify-center w-10 h-10 rounded-full transition-colors flex-shrink-0 touch-manipulation ${message.trim() || hasImages
|
|
190
|
+
? 'bg-primary hover:bg-primary/90 active:bg-primary/80 text-primary-foreground'
|
|
191
|
+
: 'bg-transparent text-muted-foreground'}`, children: _jsx(ArrowUp, { className: "w-4 h-4" }) })] })] }), (reasoningEnabled || visionEnabled) && (_jsxs("div", { className: "flex items-center justify-between mt-1 px-3", children: [_jsx("div", { children: reasoningEnabled && (_jsxs("span", { className: "text-[10px] text-indigo-600 dark:text-indigo-300 flex items-center gap-1", children: [_jsx(Brain, { className: "h-3 w-3" }), "Extended thinking enabled"] })) }), _jsx("div", { children: visionEnabled && (_jsxs("span", { className: "text-[10px] text-emerald-600 dark:text-emerald-400 flex items-center gap-1", children: [_jsx(ImageIcon, { className: "h-3 w-3" }), "Supports images"] })) })] })), showFileMention && !filesLoading && (_jsx(FileMentionPopup, { files: files, changedFiles: changedFiles, query: mentionQuery, selectedIndex: mentionSelectedIndex, onSelect: handleMentionSelect, onEnterSelect: handleMentionEnterSelect, onClose: handleMentionClose })), showCommandSuggestions && (_jsx(CommandSuggestionsPopup, { query: commandQuery, selectedIndex: commandSelectedIndex, onSelect: handleCommandSelect, onEnterSelect: handleCommandEnterSelect, onClose: handleCommandClose })), _jsx(ShortcutsModal, { isOpen: showShortcutsModal, onClose: () => setShowShortcutsModal(false) })] }) })] }));
|
|
184
192
|
}));
|
|
185
193
|
//# sourceMappingURL=ChatInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,OAAO,GACP,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,OAAO,GACP,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAmBlE,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAC5B,UAAU,CAAwC,SAAS,SAAS,CACnE,EACC,MAAM,EACN,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,UAAU,EAAE,kBAAkB,EAC9B,gBAAgB,EAChB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,aAAa,EACb,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,aAAa,GAAG,KAAK,GACrB,EACD,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,kBAAkB,IAAI,KAAK,CAAC,CAAC;IAC1E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5D,MAAM,KAAK,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,SAAS,EAAE,YAAY,IAAI,EAAE,CAAC;IAEnD,MAAM,aAAa,GAAG,MAAM,CAAa,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAEnD,MAAM,EACL,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAAE,UAAU,EAC5B,iBAAiB,EAAE,wBAAwB,EAC3C,eAAe,GACf,GAAG,cAAc,EAAE,CAAC;IAErB,MAAM,EACL,sBAAsB,EACtB,YAAY,EACZ,oBAAoB,EACpB,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,GACf,GAAG,qBAAqB,CAAC;QACzB,SAAS;QACT,iBAAiB;QACjB,cAAc,EAAE,WAAW,CAAC,OAAO;QACnC,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,WAAW;QACX,UAAU;QACV,qBAAqB;QACrB,SAAS;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAC;QAC/D,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE;QACrC,WAAW;QACX,UAAU;KACV,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;YACtC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC/B,KAAK,EAAE,GAAG,EAAE;YACX,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC9B,CAAC;KACD,CAAC,CAAC,CAAC;IAEJ,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uIAAuI;IACvI,SAAS,CAAC,GAAG,EAAE;QACd,oBAAoB,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,sBAAsB,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACjC,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE3D,MAAM,mBAAmB,GAAG,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACpB,UAAU,CAAC,QAAQ,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,UAAU,CAAC,CACZ,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,QAAQ;YAAE,OAAO;QAExC,MAAM,CAAC,OAAO,CAAC,CAAC;QAChB,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACjC,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAClC,yBAAyB,CAAC,SAAS,CAAC,CAAC;QAErC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC3C,CAAC;QAED,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC;QAED,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE;QACF,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW,CAAC,OAAO;QACnB,kBAAkB;QAClB,yBAAyB;QACzB,sBAAsB;QACtB,yBAAyB;QACzB,UAAU;KACV,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,IAAI,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO;QACR,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;QAElB,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACnD,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,sBAAsB,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACP,yBAAyB,CAAC,KAAK,CAAC,CAAC;YACjC,yBAAyB,CAAC,SAAS,CAAC,CAAC;YACrC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACjD,CAAC;IACF,CAAC,EACD;QACC,WAAW,CAAC,OAAO;QACnB,OAAO;QACP,eAAe;QACf,kBAAkB;QAClB,sBAAsB;QACtB,yBAAyB;QACzB,yBAAyB;QACzB,eAAe;KACf,CACD,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC5B,GAAG,EAAE,CACJ,yBAAyB,CAAC;QACzB,eAAe;QACf,sBAAsB;QACtB,oBAAoB;QACpB,oBAAoB;QACpB,mBAAmB;QACnB,sBAAsB;QACtB,UAAU;QACV,cAAc,EAAE,WAAW,CAAC,OAAO;QACnC,OAAO;QACP,uBAAuB;QACvB,uBAAuB;QACvB,kBAAkB;QAClB,yBAAyB;QACzB,aAAa;QACb,UAAU;QACV,gBAAgB,EAAE,mBAAmB;QACrC,mBAAmB;QACnB,UAAU;QACV,mBAAmB;QACnB,gBAAgB;KAChB,CAAC,EACH;QACC,eAAe;QACf,sBAAsB;QACtB,oBAAoB;QACpB,oBAAoB;QACpB,mBAAmB;QACnB,sBAAsB;QACtB,UAAU;QACV,WAAW,CAAC,OAAO;QACnB,OAAO;QACP,uBAAuB;QACvB,uBAAuB;QACvB,kBAAkB;QAClB,yBAAyB;QACzB,UAAU;QACV,mBAAmB;QACnB,mBAAmB;QACnB,UAAU;QACV,mBAAmB;QACnB,gBAAgB;KAChB,CACD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC1B,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC;IACF,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtC,MAAM,mBAAmB,GAAG,WAAW,CACtC,CAAC,CAAsC,EAAE,EAAE;QAC1C,OAAO,EAAE,CAAC,CAA8B,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpC,OAAO,CACN,8BACE,UAAU,IAAI,aAAa,IAAI,CAC/B,cAAK,SAAS,EAAC,2GAA2G,YACzH,eAAK,SAAS,EAAC,mGAAmG,aACjH,cAAK,SAAS,EAAC,gCAAgC,YAC9C,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,GAAG,GAC3C,EACN,eAAK,SAAS,EAAC,aAAa,aAC3B,YAAG,SAAS,EAAC,qCAAqC,iCAE9C,EACJ,YAAG,SAAS,EAAC,+BAA+B,+CAExC,IACC,IACD,GACD,CACN,EACD,cAAK,SAAS,EAAC,iLAAiL,YAC/L,eAAK,SAAS,EAAC,6DAA6D,aAC1E,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ,IAAI,CAC/C,cAAK,SAAS,EAAC,kHAAkH,uBAE3H,CACN,EACA,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ,IAAI,CAC/C,cAAK,SAAS,EAAC,kHAAkH,uBAE3H,CACN,EACD,eACC,SAAS,EAAE,4EACV,UAAU;gCACT,CAAC,CAAC,mOAAmO;gCACrO,CAAC,CAAC,8GACJ,EAAE,aAED,SAAS,IAAI,aAAa,IAAI,CAC9B,cAAK,SAAS,EAAC,qCAAqC,YAClD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAEC,SAAS,EAAC,8DAA8D,aAExE,cACC,GAAG,EAAE,GAAG,CAAC,OAAO,EAChB,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,4BAA4B,GACrC,EACF,iBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACtC,SAAS,EAAC,6GAA6G,YAEvH,KAAC,CAAC,IAAC,SAAS,EAAC,oBAAoB,GAAG,GAC5B,KAdJ,GAAG,CAAC,EAAE,CAeN,CACN,CAAC,GACG,CACN,EAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,aAAa,IAAI,CACjB,iBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,uMAAuM,YAEjN,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC5B,CACT,EACD,KAAC,QAAQ,IACR,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,mBAAmB,EAC5B,WAAW,EACV,UAAU;gDACT,CAAC,CAAC,+BAA+B;gDACjC,CAAC,CAAC,mBAAmB,EAEvB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,4HACV,WAAW,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ;gDAC1C,CAAC,CAAC,aAAa;gDACf,CAAC,CAAC,EACJ,EAAE,EACF,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAC1B,EACF,iBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EACrD,SAAS,EAAE,8GACV,OAAO,CAAC,IAAI,EAAE,IAAI,SAAS;gDAC1B,CAAC,CAAC,6EAA6E;gDAC/E,CAAC,CAAC,sCACJ,EAAE,YAEF,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,GACvB,IACJ,IACD,EAEL,CAAC,gBAAgB,IAAI,aAAa,CAAC,IAAI,CACvC,eAAK,SAAS,EAAC,6CAA6C,aAC3D,wBACE,gBAAgB,IAAI,CACpB,gBAAM,SAAS,EAAC,0EAA0E,aACzF,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,iCAEvB,CACP,GACI,EACN,wBACE,aAAa,IAAI,CACjB,gBAAM,SAAS,EAAC,4EAA4E,aAC3F,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,uBAE3B,CACP,GACI,IACD,CACN,EAEA,eAAe,IAAI,CAAC,YAAY,IAAI,CACpC,KAAC,gBAAgB,IAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,oBAAoB,EACnC,QAAQ,EAAE,mBAAmB,EAC7B,aAAa,EAAE,wBAAwB,EACvC,OAAO,EAAE,kBAAkB,GAC1B,CACF,EAEA,sBAAsB,IAAI,CAC1B,KAAC,uBAAuB,IACvB,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,oBAAoB,EACnC,QAAQ,EAAE,mBAAmB,EAC7B,aAAa,EAAE,wBAAwB,EACvC,OAAO,EAAE,kBAAkB,GAC1B,CACF,EAED,KAAC,cAAc,IACd,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAC1C,IACG,GACD,IACJ,CACH,CAAC;AACH,CAAC,CAAC,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInputContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatInputContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":"AAmBA,UAAU,uBAAuB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,sHA6O9B,CAAC"}
|
|
@@ -2,6 +2,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { memo, useState, useCallback, useEffect, useRef, forwardRef, useImperativeHandle, } from 'react';
|
|
3
3
|
import { useSendMessage } from '../../hooks/useMessages';
|
|
4
4
|
import { useSession, useUpdateSession } from '../../hooks/useSessions';
|
|
5
|
+
import { useAllModels } from '../../hooks/useConfig';
|
|
6
|
+
import { usePreferences } from '../../hooks/usePreferences';
|
|
7
|
+
import { useGitStatus, useStageFiles } from '../../hooks/useGit';
|
|
8
|
+
import { useGitStore } from '../../stores/gitStore';
|
|
9
|
+
import { useImageUpload } from '../../hooks/useImageUpload';
|
|
5
10
|
import { ChatInput } from './ChatInput';
|
|
6
11
|
import { ConfigModal } from './ConfigModal';
|
|
7
12
|
export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({ sessionId, userContext, onNewSession }, ref) {
|
|
@@ -15,6 +20,14 @@ export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({
|
|
|
15
20
|
const chatInputRef = useRef(null);
|
|
16
21
|
const sendMessage = useSendMessage(sessionId);
|
|
17
22
|
const updateSession = useUpdateSession(sessionId);
|
|
23
|
+
const { data: allModels } = useAllModels();
|
|
24
|
+
const { preferences } = usePreferences();
|
|
25
|
+
const { data: gitStatus } = useGitStatus();
|
|
26
|
+
const stageFiles = useStageFiles();
|
|
27
|
+
const openCommitModal = useGitStore((state) => state.openCommitModal);
|
|
28
|
+
const { images, isDragging, removeImage, clearImages, handlePaste } = useImageUpload();
|
|
29
|
+
const modelSupportsReasoning = allModels?.[provider]?.models?.find((m) => m.id === model)?.reasoning;
|
|
30
|
+
const modelSupportsVision = allModels?.[provider]?.models?.find((m) => m.id === model)?.vision;
|
|
18
31
|
useEffect(() => {
|
|
19
32
|
if (session) {
|
|
20
33
|
setAgent(session.agent);
|
|
@@ -32,18 +45,39 @@ export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({
|
|
|
32
45
|
}));
|
|
33
46
|
const handleSendMessage = useCallback(async (content) => {
|
|
34
47
|
try {
|
|
48
|
+
const imageData = images.length > 0
|
|
49
|
+
? images.map((img) => ({
|
|
50
|
+
data: img.data,
|
|
51
|
+
mediaType: img.mediaType,
|
|
52
|
+
}))
|
|
53
|
+
: undefined;
|
|
35
54
|
await sendMessage.mutateAsync({
|
|
36
55
|
content,
|
|
56
|
+
images: imageData,
|
|
37
57
|
agent: agent || undefined,
|
|
38
58
|
provider: provider || undefined,
|
|
39
59
|
model: model || undefined,
|
|
40
60
|
userContext: userContext || undefined,
|
|
61
|
+
reasoning: modelSupportsReasoning && preferences.reasoningEnabled
|
|
62
|
+
? true
|
|
63
|
+
: undefined,
|
|
41
64
|
});
|
|
65
|
+
clearImages();
|
|
42
66
|
}
|
|
43
67
|
catch (error) {
|
|
44
68
|
console.error('Failed to send message:', error);
|
|
45
69
|
}
|
|
46
|
-
}, [
|
|
70
|
+
}, [
|
|
71
|
+
sendMessage,
|
|
72
|
+
images,
|
|
73
|
+
clearImages,
|
|
74
|
+
agent,
|
|
75
|
+
provider,
|
|
76
|
+
model,
|
|
77
|
+
userContext,
|
|
78
|
+
modelSupportsReasoning,
|
|
79
|
+
preferences.reasoningEnabled,
|
|
80
|
+
]);
|
|
47
81
|
const handleToggleConfig = useCallback(() => {
|
|
48
82
|
setIsConfigOpen((prev) => !prev);
|
|
49
83
|
}, []);
|
|
@@ -63,7 +97,18 @@ export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({
|
|
|
63
97
|
else if (commandId === 'new') {
|
|
64
98
|
onNewSession?.();
|
|
65
99
|
}
|
|
66
|
-
|
|
100
|
+
else if (commandId === 'stage') {
|
|
101
|
+
const unstagedPaths = gitStatus?.unstaged?.map((f) => f.path) ?? [];
|
|
102
|
+
const untrackedPaths = gitStatus?.untracked?.map((f) => f.path) ?? [];
|
|
103
|
+
const allUnstaged = [...unstagedPaths, ...untrackedPaths];
|
|
104
|
+
if (allUnstaged.length > 0) {
|
|
105
|
+
stageFiles.mutate(allUnstaged);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
else if (commandId === 'commit') {
|
|
109
|
+
openCommitModal();
|
|
110
|
+
}
|
|
111
|
+
}, [onNewSession, gitStatus, stageFiles, openCommitModal]);
|
|
67
112
|
const handleAgentChange = useCallback(async (value) => {
|
|
68
113
|
setAgent(value);
|
|
69
114
|
try {
|
|
@@ -119,6 +164,6 @@ export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({
|
|
|
119
164
|
console.error('Failed to switch agent:', error);
|
|
120
165
|
}
|
|
121
166
|
}, [updateSession]);
|
|
122
|
-
return (_jsxs(_Fragment, { children: [_jsx(ConfigModal, { isOpen: isConfigOpen, onClose: handleCloseConfig, initialFocus: configFocusTarget, chatInputRef: chatInputRef, agent: agent, provider: provider, model: model, onAgentChange: handleAgentChange, onProviderChange: handleProviderChange, onModelChange: handleModelChange, onModelSelectorChange: handleModelSelectorChange }), _jsx(ChatInput, { ref: chatInputRef, onSend: handleSendMessage, onCommand: handleCommand, disabled: sendMessage.isPending, onConfigClick: handleToggleConfig, onPlanModeToggle: handlePlanModeToggle, isPlanMode: agent === 'plan' }, inputKey)] }));
|
|
167
|
+
return (_jsxs(_Fragment, { children: [_jsx(ConfigModal, { isOpen: isConfigOpen, onClose: handleCloseConfig, initialFocus: configFocusTarget, chatInputRef: chatInputRef, agent: agent, provider: provider, model: model, modelSupportsReasoning: modelSupportsReasoning, onAgentChange: handleAgentChange, onProviderChange: handleProviderChange, onModelChange: handleModelChange, onModelSelectorChange: handleModelSelectorChange }), _jsx(ChatInput, { ref: chatInputRef, onSend: handleSendMessage, onCommand: handleCommand, disabled: sendMessage.isPending, onConfigClick: handleToggleConfig, onPlanModeToggle: handlePlanModeToggle, isPlanMode: agent === 'plan', reasoningEnabled: modelSupportsReasoning && preferences.reasoningEnabled, sessionId: sessionId, images: images, onImageRemove: removeImage, isDragging: isDragging, onPaste: handlePaste, visionEnabled: modelSupportsVision }, inputKey)] }));
|
|
123
168
|
}));
|
|
124
169
|
//# sourceMappingURL=ChatInputContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInputContainer.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CACrC,UAAU,CACT,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,GAAG;IACxE,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,IAAI,CAAC,CAAC;IACR,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatInputContainer.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInputKeyHandler.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInputKeyHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatInputKeyHandler.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInputKeyHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGtD,UAAU,0BAA0B;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,yBAAyB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACxE,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,0BAA0B,IACpE,GAAG,aAAa,CAAC,mBAAmB,CAAC,UA2F7C"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
+
import { COMMANDS } from '../../lib/commands';
|
|
1
2
|
export function createChatInputKeyHandler(options) {
|
|
2
3
|
return (e) => {
|
|
3
4
|
const { showFileMention, showCommandSuggestions, mentionSelectedIndex, commandSelectedIndex, currentFileToSelect, currentCommandToSelect, isPlanMode, vimModeEnabled, vimMode, setMentionSelectedIndex, setCommandSelectedIndex, setShowFileMention, setShowCommandSuggestions, setIsPlanMode, setVimMode, handleFileSelect, handleCommandSelect, handleSend, handleVimNormalMode, onPlanModeToggle, } = options;
|
|
4
5
|
if (showCommandSuggestions) {
|
|
6
|
+
const count = COMMANDS.length;
|
|
5
7
|
if (e.key === 'ArrowDown' || (e.ctrlKey && e.key === 'j')) {
|
|
6
8
|
e.preventDefault();
|
|
7
|
-
setCommandSelectedIndex((commandSelectedIndex + 1) %
|
|
9
|
+
setCommandSelectedIndex((commandSelectedIndex + 1) % count);
|
|
8
10
|
}
|
|
9
11
|
else if (e.key === 'ArrowUp' || (e.ctrlKey && e.key === 'k')) {
|
|
10
12
|
e.preventDefault();
|
|
11
|
-
setCommandSelectedIndex((commandSelectedIndex - 1 +
|
|
13
|
+
setCommandSelectedIndex((commandSelectedIndex - 1 + count) % count);
|
|
12
14
|
}
|
|
13
15
|
else if (e.key === 'Enter') {
|
|
14
16
|
e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInputKeyHandler.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInputKeyHandler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatInputKeyHandler.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInputKeyHandler.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandSuggestionsPopup.d.ts","sourceRoot":"","sources":["../../../src/components/chat/CommandSuggestionsPopup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CommandSuggestionsPopup.d.ts","sourceRoot":"","sources":["../../../src/components/chat/CommandSuggestionsPopup.tsx"],"names":[],"mappings":"AAIA,UAAU,4BAA4B;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACvC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,aAAa,EACb,OAAO,GACP,EAAE,4BAA4B,2CAgF9B"}
|
|
@@ -1,65 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useMemo } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
{
|
|
6
|
-
id: 'models',
|
|
7
|
-
label: '/models',
|
|
8
|
-
description: 'Open model selector',
|
|
9
|
-
icon: Sparkles,
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
id: 'agents',
|
|
13
|
-
label: '/agents',
|
|
14
|
-
description: 'Open agent selector',
|
|
15
|
-
icon: Terminal,
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
id: 'new',
|
|
19
|
-
label: '/new',
|
|
20
|
-
description: 'Create new session',
|
|
21
|
-
icon: Plus,
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
id: 'help',
|
|
25
|
-
label: '/help',
|
|
26
|
-
description: 'Show keyboard shortcuts and help',
|
|
27
|
-
icon: Keyboard,
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
id: 'vim',
|
|
31
|
-
label: '/vim',
|
|
32
|
-
description: 'Toggle Vim mode keybindings',
|
|
33
|
-
icon: Code,
|
|
34
|
-
},
|
|
35
|
-
];
|
|
36
|
-
function fuzzySearchCommands(query) {
|
|
37
|
-
if (!query) {
|
|
38
|
-
return COMMANDS;
|
|
39
|
-
}
|
|
40
|
-
const lowerQuery = query.toLowerCase();
|
|
41
|
-
const matches = [];
|
|
42
|
-
for (const cmd of COMMANDS) {
|
|
43
|
-
const labelMatch = cmd.label.toLowerCase().includes(lowerQuery);
|
|
44
|
-
const descriptionMatch = cmd.description.toLowerCase().includes(lowerQuery);
|
|
45
|
-
if (labelMatch || descriptionMatch) {
|
|
46
|
-
// Prioritize label matches over description matches
|
|
47
|
-
const matchScore = labelMatch ? 10 : 5;
|
|
48
|
-
matches.push({ ...cmd, matchScore });
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
// Sort by match score (higher first), then alphabetically
|
|
52
|
-
return matches.sort((a, b) => {
|
|
53
|
-
const scoreDiff = (b.matchScore || 0) - (a.matchScore || 0);
|
|
54
|
-
if (scoreDiff !== 0)
|
|
55
|
-
return scoreDiff;
|
|
56
|
-
return a.label.localeCompare(b.label);
|
|
57
|
-
});
|
|
58
|
-
}
|
|
3
|
+
import { usePreferences } from '../../hooks/usePreferences';
|
|
4
|
+
import { filterCommands, getCommandDescription } from '../../lib/commands';
|
|
59
5
|
export function CommandSuggestionsPopup({ query, selectedIndex, onSelect, onEnterSelect, onClose, }) {
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
6
|
+
const { preferences } = usePreferences();
|
|
7
|
+
const state = useMemo(() => ({
|
|
8
|
+
vimModeEnabled: preferences.vimMode,
|
|
9
|
+
reasoningEnabled: preferences.reasoningEnabled,
|
|
10
|
+
}), [preferences.vimMode, preferences.reasoningEnabled]);
|
|
11
|
+
const results = useMemo(() => filterCommands(query, state), [query, state]);
|
|
63
12
|
useEffect(() => {
|
|
64
13
|
const element = document.getElementById(`command-item-${selectedIndex}`);
|
|
65
14
|
element?.scrollIntoView({ block: 'nearest' });
|
|
@@ -85,7 +34,7 @@ export function CommandSuggestionsPopup({ query, selectedIndex, onSelect, onEnte
|
|
|
85
34
|
return (_jsx("button", { type: "button", id: `command-item-${index}`, onMouseDown: (e) => {
|
|
86
35
|
e.preventDefault();
|
|
87
36
|
onSelect(command.id);
|
|
88
|
-
}, className: `w-full text-left px-3 py-2 hover:bg-accent ${index === selectedIndex ? 'bg-accent' : ''}`, children: _jsxs("div", { className: "flex items-center gap-3 w-full", children: [_jsx(Icon, { className: "w-4 h-4 flex-shrink-0 text-primary" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-mono text-sm font-medium text-foreground", children: command.label }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: command
|
|
37
|
+
}, className: `w-full text-left px-3 py-2 hover:bg-accent ${index === selectedIndex ? 'bg-accent' : ''}`, children: _jsxs("div", { className: "flex items-center gap-3 w-full", children: [_jsx(Icon, { className: "w-4 h-4 flex-shrink-0 text-primary" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-mono text-sm font-medium text-foreground", children: command.label }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: getCommandDescription(command, state) })] })] }) }, command.id));
|
|
89
38
|
}) }));
|
|
90
39
|
}
|
|
91
40
|
//# sourceMappingURL=CommandSuggestionsPopup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandSuggestionsPopup.js","sourceRoot":"","sources":["../../../src/components/chat/CommandSuggestionsPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CommandSuggestionsPopup.js","sourceRoot":"","sources":["../../../src/components/chat/CommandSuggestionsPopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,11 +8,12 @@ interface ConfigModalProps {
|
|
|
8
8
|
agent: string;
|
|
9
9
|
provider: string;
|
|
10
10
|
model: string;
|
|
11
|
+
modelSupportsReasoning?: boolean;
|
|
11
12
|
onAgentChange: (agent: string) => void;
|
|
12
13
|
onProviderChange: (provider: string) => void;
|
|
13
14
|
onModelChange: (model: string) => void;
|
|
14
15
|
onModelSelectorChange?: (provider: string, model: string) => void;
|
|
15
16
|
}
|
|
16
|
-
export declare function ConfigModal({ isOpen, onClose, initialFocus, chatInputRef, agent, provider, model, onAgentChange, onProviderChange, onModelChange, onModelSelectorChange, }: ConfigModalProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function ConfigModal({ isOpen, onClose, initialFocus, chatInputRef, agent, provider, model, modelSupportsReasoning, onAgentChange, onProviderChange, onModelChange, onModelSelectorChange, }: ConfigModalProps): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export {};
|
|
18
19
|
//# sourceMappingURL=ConfigModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigModal.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConfigModal.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":"AAaA,UAAU,gBAAgB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AAED,wBAAgB,WAAW,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,qBAAqB,GACrB,EAAE,gBAAgB,2CAiHlB"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef } from 'react';
|
|
3
3
|
import { useConfig } from '../../hooks/useConfig';
|
|
4
|
+
import { usePreferences } from '../../hooks/usePreferences';
|
|
4
5
|
import { Modal } from '../ui/Modal';
|
|
5
6
|
import { UnifiedModelSelector, } from './UnifiedModelSelector';
|
|
6
7
|
import { UnifiedAgentSelector, } from './UnifiedAgentSelector';
|
|
7
|
-
export function ConfigModal({ isOpen, onClose, initialFocus, chatInputRef, agent, provider, model, onAgentChange, onProviderChange, onModelChange, onModelSelectorChange, }) {
|
|
8
|
+
export function ConfigModal({ isOpen, onClose, initialFocus, chatInputRef, agent, provider, model, modelSupportsReasoning, onAgentChange, onProviderChange, onModelChange, onModelSelectorChange, }) {
|
|
8
9
|
const { data: config, isLoading: configLoading } = useConfig();
|
|
10
|
+
const { preferences, updatePreferences } = usePreferences();
|
|
9
11
|
const agentSelectorRef = useRef(null);
|
|
10
12
|
const modelSelectorRef = useRef(null);
|
|
11
13
|
useEffect(() => {
|
|
@@ -36,6 +38,10 @@ export function ConfigModal({ isOpen, onClose, initialFocus, chatInputRef, agent
|
|
|
36
38
|
onModelChange(selectedModel);
|
|
37
39
|
}
|
|
38
40
|
};
|
|
39
|
-
return (_jsx(Modal, { isOpen: isOpen, onClose: handleClose, title: "Configuration", closeOnEscape: true, closeOnBackdropClick: true, children: configLoading ? (_jsx("div", { className: "text-center text-muted-foreground py-8", children: "Loading configuration..." })) : config ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "block text-sm font-medium text-foreground mb-2", children: "Agent" }), _jsx(UnifiedAgentSelector, { ref: agentSelectorRef, agent: agent, agents: config.agents, onChange: onAgentChange })] }), _jsxs("div", { children: [_jsx("div", { className: "block text-sm font-medium text-foreground mb-2", children: "Provider / Model" }), _jsx(UnifiedModelSelector, { ref: modelSelectorRef, provider: provider, model: model, onChange: handleModelChange })] })
|
|
41
|
+
return (_jsx(Modal, { isOpen: isOpen, onClose: handleClose, title: "Configuration", closeOnEscape: true, closeOnBackdropClick: true, children: configLoading ? (_jsx("div", { className: "text-center text-muted-foreground py-8", children: "Loading configuration..." })) : config ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "block text-sm font-medium text-foreground mb-2", children: "Agent" }), _jsx(UnifiedAgentSelector, { ref: agentSelectorRef, agent: agent, agents: config.agents, onChange: onAgentChange })] }), _jsxs("div", { children: [_jsx("div", { className: "block text-sm font-medium text-foreground mb-2", children: "Provider / Model" }), _jsx(UnifiedModelSelector, { ref: modelSelectorRef, provider: provider, model: model, onChange: handleModelChange })] }), modelSupportsReasoning && (_jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Extended Thinking" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Enable reasoning for deeper analysis" })] }), _jsx("button", { type: "button", role: "switch", "aria-checked": preferences.reasoningEnabled, onClick: () => updatePreferences({
|
|
42
|
+
reasoningEnabled: !preferences.reasoningEnabled,
|
|
43
|
+
}), className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 ${preferences.reasoningEnabled ? 'bg-primary' : 'bg-muted'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full transition-transform ${preferences.reasoningEnabled
|
|
44
|
+
? 'translate-x-6'
|
|
45
|
+
: 'translate-x-1'} ${preferences.reasoningEnabled ? 'bg-primary-foreground' : 'bg-foreground'}` }) })] }))] })) : null }));
|
|
40
46
|
}
|
|
41
47
|
//# sourceMappingURL=ConfigModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigModal.js","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACN,oBAAoB,GAEpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACN,oBAAoB,GAEpB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfigModal.js","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMessageGroup.d.ts","sourceRoot":"","sources":["../../../src/components/messages/UserMessageGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,UAAU,qBAAqB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CACjB;
|
|
1
|
+
{"version":3,"file":"UserMessageGroup.d.ts","sourceRoot":"","sources":["../../../src/components/messages/UserMessageGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,UAAU,qBAAqB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CACjB;AAOD,eAAO,MAAM,gBAAgB,6DAsI5B,CAAC"}
|
|
@@ -1,24 +1,38 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { User } from 'lucide-react';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useState } from 'react';
|
|
3
|
+
import { User, X } from 'lucide-react';
|
|
4
4
|
import ReactMarkdown from 'react-markdown';
|
|
5
5
|
import remarkGfm from 'remark-gfm';
|
|
6
|
-
// Memoize the component to prevent re-renders when props haven't changed
|
|
7
6
|
export const UserMessageGroup = memo(function UserMessageGroup({ message }) {
|
|
7
|
+
const [expandedImage, setExpandedImage] = useState(null);
|
|
8
8
|
const parts = message.parts || [];
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const textParts = parts.filter((p) => p.type === 'text');
|
|
10
|
+
const imageParts = parts.filter((p) => p.type === 'image');
|
|
11
|
+
const firstTextPart = textParts[0];
|
|
12
12
|
let content = '';
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
if (firstTextPart) {
|
|
14
|
+
const data = firstTextPart.contentJson || firstTextPart.content;
|
|
15
|
+
if (data && typeof data === 'object' && 'text' in data) {
|
|
16
|
+
content = String(data.text);
|
|
17
|
+
}
|
|
18
|
+
else if (typeof data === 'string') {
|
|
19
|
+
content = data;
|
|
20
|
+
}
|
|
21
|
+
else if (data) {
|
|
22
|
+
content = JSON.stringify(data, null, 2);
|
|
23
|
+
}
|
|
19
24
|
}
|
|
20
|
-
|
|
21
|
-
|
|
25
|
+
const images = [];
|
|
26
|
+
for (const part of imageParts) {
|
|
27
|
+
try {
|
|
28
|
+
const data = part.contentJson || JSON.parse(part.content || '{}');
|
|
29
|
+
if (data && typeof data === 'object' && 'data' in data) {
|
|
30
|
+
const imgData = data;
|
|
31
|
+
const src = `data:${imgData.mediaType};base64,${imgData.data}`;
|
|
32
|
+
images.push({ id: part.id, src });
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
catch { }
|
|
22
36
|
}
|
|
23
37
|
const formatTime = (ts) => {
|
|
24
38
|
if (!ts)
|
|
@@ -29,15 +43,18 @@ export const UserMessageGroup = memo(function UserMessageGroup({ message }) {
|
|
|
29
43
|
minute: '2-digit',
|
|
30
44
|
});
|
|
31
45
|
};
|
|
32
|
-
|
|
46
|
+
const hasContent = content.trim().length > 0;
|
|
47
|
+
const hasImages = images.length > 0;
|
|
48
|
+
if (!hasContent && !hasImages)
|
|
49
|
+
return null;
|
|
50
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative pb-8 pt-6", children: _jsxs("div", { className: "flex gap-3 md:gap-4 justify-end", children: [_jsxs("div", { className: "flex flex-col items-end min-w-0 flex-1 max-w-[calc(100%-3rem)] md:max-w-2xl", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground pb-2 justify-end", children: [_jsx("span", { className: "font-medium text-emerald-700 dark:text-emerald-300", children: "You" }), message.createdAt && _jsx("span", { children: "\u00B7" }), message.createdAt && (_jsx("span", { children: formatTime(message.createdAt) }))] }), _jsxs("div", { className: "inline-block max-w-full text-sm text-foreground leading-relaxed bg-emerald-500/5 border border-emerald-500/20 rounded-xl px-4 py-3 [word-break:break-word] overflow-hidden", children: [hasImages && (_jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: images.map((img) => (_jsx("button", { type: "button", onClick: () => setExpandedImage(img.src), className: "w-16 h-16 rounded-lg overflow-hidden bg-muted hover:ring-2 hover:ring-primary/50 transition-all", children: _jsx("img", { src: img.src, alt: "Attachment", className: "w-full h-full object-cover" }) }, img.id))) })), hasContent && (_jsx("div", { className: "prose prose-invert prose-sm [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_*]:[word-break:break-word] [&_*]:overflow-wrap-anywhere", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content }) }))] })] }), _jsx("div", { className: "flex-shrink-0 w-8 flex items-start justify-center", children: _jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 border-emerald-500/50 bg-emerald-500/20 dark:bg-emerald-500/10 relative bg-background", children: _jsx(User, { className: "h-4 w-4 text-emerald-700 dark:text-emerald-300" }) }) })] }) }), expandedImage && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4", onClick: () => setExpandedImage(null), onKeyDown: (e) => e.key === 'Escape' && setExpandedImage(null), children: [_jsx("button", { type: "button", onClick: () => setExpandedImage(null), className: "absolute top-4 right-4 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors", children: _jsx(X, { className: "w-6 h-6 text-white" }) }), _jsx("img", { src: expandedImage, alt: "Expanded attachment", className: "max-w-full max-h-full object-contain rounded-lg", onClick: (e) => e.stopPropagation() })] }))] }));
|
|
33
51
|
}, (prevProps, nextProps) => {
|
|
34
|
-
// Custom comparison function for better memoization
|
|
35
|
-
// User messages don't change after creation, so we only need to check the message ID
|
|
36
52
|
const prevFirstPart = prevProps.message.parts?.[0];
|
|
37
53
|
const nextFirstPart = nextProps.message.parts?.[0];
|
|
38
54
|
return (prevProps.message.id === nextProps.message.id &&
|
|
39
55
|
prevFirstPart?.content === nextFirstPart?.content &&
|
|
40
56
|
prevFirstPart?.contentJson === nextFirstPart?.contentJson &&
|
|
41
|
-
prevProps.message.createdAt === nextProps.message.createdAt
|
|
57
|
+
prevProps.message.createdAt === nextProps.message.createdAt &&
|
|
58
|
+
prevProps.message.parts?.length === nextProps.message.parts?.length);
|
|
42
59
|
});
|
|
43
60
|
//# sourceMappingURL=UserMessageGroup.js.map
|