@agi-cli/web-sdk 0.1.79 → 0.1.81
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.map +1 -1
- package/dist/components/chat/ChatInput.js +79 -8
- package/dist/components/chat/ChatInput.js.map +1 -1
- package/dist/components/chat/FileMentionPopup.d.ts +15 -0
- package/dist/components/chat/FileMentionPopup.d.ts.map +1 -0
- package/dist/components/chat/FileMentionPopup.js +123 -0
- package/dist/components/chat/FileMentionPopup.js.map +1 -0
- package/dist/components/chat/UnifiedAgentSelector.d.ts.map +1 -1
- package/dist/components/chat/UnifiedAgentSelector.js +63 -11
- package/dist/components/chat/UnifiedAgentSelector.js.map +1 -1
- package/dist/components/chat/UnifiedModelSelector.d.ts.map +1 -1
- package/dist/components/chat/UnifiedModelSelector.js +140 -27
- package/dist/components/chat/UnifiedModelSelector.js.map +1 -1
- package/dist/components/messages/AssistantMessageGroup.d.ts.map +1 -1
- package/dist/components/messages/AssistantMessageGroup.js +3 -1
- package/dist/components/messages/AssistantMessageGroup.js.map +1 -1
- package/dist/components/messages/renderers/ApplyPatchRenderer.d.ts.map +1 -1
- package/dist/components/messages/renderers/ApplyPatchRenderer.js +2 -2
- package/dist/components/messages/renderers/ApplyPatchRenderer.js.map +1 -1
- package/dist/components/messages/renderers/EditRenderer.d.ts +1 -1
- package/dist/components/messages/renderers/EditRenderer.d.ts.map +1 -1
- package/dist/components/messages/renderers/EditRenderer.js +19 -9
- package/dist/components/messages/renderers/EditRenderer.js.map +1 -1
- package/dist/components/messages/renderers/ReadRenderer.d.ts.map +1 -1
- package/dist/components/messages/renderers/ReadRenderer.js +17 -6
- package/dist/components/messages/renderers/ReadRenderer.js.map +1 -1
- package/dist/components/messages/renderers/WriteRenderer.d.ts.map +1 -1
- package/dist/components/messages/renderers/WriteRenderer.js +17 -7
- package/dist/components/messages/renderers/WriteRenderer.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/useConfig.d.ts.map +1 -1
- package/dist/hooks/useFiles.d.ts +9 -0
- package/dist/hooks/useFiles.d.ts.map +1 -0
- package/dist/hooks/useFiles.js +14 -0
- package/dist/hooks/useFiles.js.map +1 -0
- package/dist/lib/api-client.d.ts +8 -0
- package/dist/lib/api-client.d.ts.map +1 -1
- package/dist/lib/api-client.js +8 -1
- package/dist/lib/api-client.js.map +1 -1
- package/package.json +4 -3
|
@@ -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":"AAeA,UAAU,cAAc;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,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;CACrB;AAED,eAAO,MAAM,SAAS;WACD,MAAM,IAAI;GAoN9B,CAAC"}
|
|
@@ -2,10 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState, useRef, useEffect, useCallback, memo, forwardRef, useImperativeHandle, } from 'react';
|
|
3
3
|
import { ArrowUp, MoreVertical } from 'lucide-react';
|
|
4
4
|
import { Textarea } from '../ui/Textarea';
|
|
5
|
+
import { FileMentionPopup } from './FileMentionPopup';
|
|
6
|
+
import { useFiles } from '../../hooks/useFiles';
|
|
5
7
|
export const ChatInput = memo(forwardRef(function ChatInput({ onSend, disabled, onConfigClick, onPlanModeToggle, isPlanMode: externalIsPlanMode, }, ref) {
|
|
6
8
|
const [message, setMessage] = useState('');
|
|
7
9
|
const [isPlanMode, setIsPlanMode] = useState(externalIsPlanMode || false);
|
|
10
|
+
const [showFileMention, setShowFileMention] = useState(false);
|
|
11
|
+
const [mentionQuery, setMentionQuery] = useState('');
|
|
12
|
+
const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0);
|
|
13
|
+
const [currentFileToSelect, setCurrentFileToSelect] = useState();
|
|
8
14
|
const textareaRef = useRef(null);
|
|
15
|
+
const { data: filesData, isLoading: filesLoading } = useFiles();
|
|
16
|
+
const files = filesData?.files || [];
|
|
17
|
+
const changedFiles = filesData?.changedFiles || [];
|
|
9
18
|
useEffect(() => {
|
|
10
19
|
textareaRef.current?.focus();
|
|
11
20
|
}, []);
|
|
@@ -40,10 +49,65 @@ export const ChatInput = memo(forwardRef(function ChatInput({ onSend, disabled,
|
|
|
40
49
|
textareaRef.current?.focus();
|
|
41
50
|
}
|
|
42
51
|
}, [message, disabled, onSend]);
|
|
52
|
+
const handleFileSelect = useCallback((filePath) => {
|
|
53
|
+
const textarea = textareaRef.current;
|
|
54
|
+
if (!textarea)
|
|
55
|
+
return;
|
|
56
|
+
const value = textarea.value;
|
|
57
|
+
const cursorPos = textarea.selectionStart;
|
|
58
|
+
const textBeforeCursor = value.slice(0, cursorPos);
|
|
59
|
+
const match = textBeforeCursor.match(/@(\S*)$/);
|
|
60
|
+
if (!match)
|
|
61
|
+
return;
|
|
62
|
+
const atPos = cursorPos - match[0].length;
|
|
63
|
+
const newValue = `${value.slice(0, atPos)}@${filePath} ${value.slice(cursorPos)}`;
|
|
64
|
+
setMessage(newValue);
|
|
65
|
+
setShowFileMention(false);
|
|
66
|
+
setTimeout(() => {
|
|
67
|
+
const newCursorPos = atPos + filePath.length + 2;
|
|
68
|
+
textarea.setSelectionRange(newCursorPos, newCursorPos);
|
|
69
|
+
textarea.focus();
|
|
70
|
+
}, 0);
|
|
71
|
+
}, []);
|
|
72
|
+
const handleEnterSelect = useCallback((file) => {
|
|
73
|
+
setCurrentFileToSelect(file);
|
|
74
|
+
}, []);
|
|
43
75
|
const handleChange = useCallback((e) => {
|
|
44
76
|
setMessage(e.target.value);
|
|
77
|
+
const cursorPos = e.target.selectionStart;
|
|
78
|
+
const textBeforeCursor = e.target.value.slice(0, cursorPos);
|
|
79
|
+
const match = textBeforeCursor.match(/@(\S*)$/);
|
|
80
|
+
if (match) {
|
|
81
|
+
setShowFileMention(true);
|
|
82
|
+
setMentionQuery(match[1]);
|
|
83
|
+
setMentionSelectedIndex(0);
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
setShowFileMention(false);
|
|
87
|
+
}
|
|
45
88
|
}, []);
|
|
46
89
|
const handleKeyDown = useCallback((e) => {
|
|
90
|
+
if (showFileMention) {
|
|
91
|
+
if (e.key === 'ArrowDown') {
|
|
92
|
+
e.preventDefault();
|
|
93
|
+
setMentionSelectedIndex((prev) => Math.min(prev + 1, 9));
|
|
94
|
+
}
|
|
95
|
+
else if (e.key === 'ArrowUp') {
|
|
96
|
+
e.preventDefault();
|
|
97
|
+
setMentionSelectedIndex((prev) => Math.max(prev - 1, 0));
|
|
98
|
+
}
|
|
99
|
+
else if (e.key === 'Enter') {
|
|
100
|
+
e.preventDefault();
|
|
101
|
+
if (currentFileToSelect) {
|
|
102
|
+
handleFileSelect(currentFileToSelect);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
else if (e.key === 'Escape') {
|
|
106
|
+
e.preventDefault();
|
|
107
|
+
setShowFileMention(false);
|
|
108
|
+
}
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
47
111
|
if (e.key === 'Tab') {
|
|
48
112
|
e.preventDefault();
|
|
49
113
|
const newPlanMode = !isPlanMode;
|
|
@@ -54,13 +118,20 @@ export const ChatInput = memo(forwardRef(function ChatInput({ onSend, disabled,
|
|
|
54
118
|
e.preventDefault();
|
|
55
119
|
handleSend();
|
|
56
120
|
}
|
|
57
|
-
}, [
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
121
|
+
}, [
|
|
122
|
+
showFileMention,
|
|
123
|
+
files,
|
|
124
|
+
mentionSelectedIndex,
|
|
125
|
+
handleSend,
|
|
126
|
+
isPlanMode,
|
|
127
|
+
onPlanModeToggle,
|
|
128
|
+
]);
|
|
129
|
+
return (_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: [_jsxs("div", { className: `flex items-end gap-1 rounded-3xl p-1 transition-all touch-manipulation ${isPlanMode
|
|
130
|
+
? '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'
|
|
131
|
+
: 'bg-card border border-border focus-within:border-primary/60 focus-within:ring-1 focus-within:ring-primary/40'}`, 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, placeholder: isPlanMode
|
|
132
|
+
? 'Plan mode - Type a message...'
|
|
133
|
+
: '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", style: { height: '2.5rem' } }), _jsx("button", { type: "button", onClick: handleSend, disabled: disabled || !message.trim(), className: `flex items-center justify-center w-10 h-10 rounded-full transition-colors flex-shrink-0 touch-manipulation ${message.trim()
|
|
134
|
+
? 'bg-primary hover:bg-primary/90 active:bg-primary/80 text-primary-foreground'
|
|
135
|
+
: 'bg-transparent text-muted-foreground'}`, children: _jsx(ArrowUp, { className: "w-4 h-4" }) })] }), showFileMention && !filesLoading && (_jsx(FileMentionPopup, { files: files, changedFiles: changedFiles, query: mentionQuery, selectedIndex: mentionSelectedIndex, onSelect: handleFileSelect, onEnterSelect: handleEnterSelect, onClose: () => setShowFileMention(false) }))] }) }));
|
|
65
136
|
}));
|
|
66
137
|
//# 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,GACnB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface FileMentionPopupProps {
|
|
2
|
+
files: string[];
|
|
3
|
+
changedFiles?: Array<{
|
|
4
|
+
path: string;
|
|
5
|
+
status: string;
|
|
6
|
+
}>;
|
|
7
|
+
query: string;
|
|
8
|
+
selectedIndex: number;
|
|
9
|
+
onSelect: (file: string) => void;
|
|
10
|
+
onEnterSelect: (file: string | undefined) => void;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function FileMentionPopup({ files, changedFiles, query, selectedIndex, onSelect, onEnterSelect, onClose, }: FileMentionPopupProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=FileMentionPopup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileMentionPopup.d.ts","sourceRoot":"","sources":["../../../src/components/chat/FileMentionPopup.tsx"],"names":[],"mappings":"AAeA,UAAU,qBAAqB;IAC9B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AA8ED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,YAAiB,EACjB,KAAK,EACL,aAAa,EACb,QAAQ,EACR,aAAa,EACb,OAAO,GACP,EAAE,qBAAqB,2CA6GvB"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo } from 'react';
|
|
3
|
+
import Fuse from 'fuse.js';
|
|
4
|
+
import { File, FileCode, FileJson, FileText, Image, Braces, FileType, Plus, Pencil, } from 'lucide-react';
|
|
5
|
+
function getFileIcon(filePath) {
|
|
6
|
+
const ext = filePath.split('.').pop()?.toLowerCase();
|
|
7
|
+
switch (ext) {
|
|
8
|
+
case 'ts':
|
|
9
|
+
case 'tsx':
|
|
10
|
+
case 'js':
|
|
11
|
+
case 'jsx':
|
|
12
|
+
case 'mjs':
|
|
13
|
+
case 'cjs':
|
|
14
|
+
case 'py':
|
|
15
|
+
case 'rb':
|
|
16
|
+
case 'go':
|
|
17
|
+
case 'rs':
|
|
18
|
+
case 'java':
|
|
19
|
+
case 'c':
|
|
20
|
+
case 'cpp':
|
|
21
|
+
case 'h':
|
|
22
|
+
case 'hpp':
|
|
23
|
+
return FileCode;
|
|
24
|
+
case 'json':
|
|
25
|
+
case 'yaml':
|
|
26
|
+
case 'yml':
|
|
27
|
+
case 'toml':
|
|
28
|
+
return FileJson;
|
|
29
|
+
case 'md':
|
|
30
|
+
case 'txt':
|
|
31
|
+
case 'log':
|
|
32
|
+
return FileText;
|
|
33
|
+
case 'png':
|
|
34
|
+
case 'jpg':
|
|
35
|
+
case 'jpeg':
|
|
36
|
+
case 'gif':
|
|
37
|
+
case 'svg':
|
|
38
|
+
case 'webp':
|
|
39
|
+
return Image;
|
|
40
|
+
case 'css':
|
|
41
|
+
case 'scss':
|
|
42
|
+
case 'sass':
|
|
43
|
+
case 'less':
|
|
44
|
+
return Braces;
|
|
45
|
+
case 'html':
|
|
46
|
+
case 'xml':
|
|
47
|
+
return FileType;
|
|
48
|
+
default:
|
|
49
|
+
return File;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
function getGitStatusInfo(filePath, changedFilesMap) {
|
|
53
|
+
const status = changedFilesMap.get(filePath);
|
|
54
|
+
if (!status) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
const icons = {
|
|
58
|
+
added: { icon: Plus, label: 'Added', className: 'text-green-500' },
|
|
59
|
+
modified: { icon: Pencil, label: 'Modified', className: 'text-yellow-500' },
|
|
60
|
+
untracked: { icon: Plus, label: 'Untracked', className: 'text-blue-500' },
|
|
61
|
+
};
|
|
62
|
+
return (icons[status] || {
|
|
63
|
+
icon: Pencil,
|
|
64
|
+
label: 'Modified',
|
|
65
|
+
className: 'text-yellow-500',
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
export function FileMentionPopup({ files, changedFiles = [], query, selectedIndex, onSelect, onEnterSelect, onClose, }) {
|
|
69
|
+
const changedFilesMap = useMemo(() => new Map(changedFiles?.map((f) => [f.path, f.status]) || []), [changedFiles]);
|
|
70
|
+
const fuse = useMemo(() => new Fuse(files, {
|
|
71
|
+
threshold: 0.4,
|
|
72
|
+
distance: 100,
|
|
73
|
+
ignoreLocation: true,
|
|
74
|
+
includeMatches: true,
|
|
75
|
+
}), [files]);
|
|
76
|
+
const results = useMemo(() => {
|
|
77
|
+
if (!query) {
|
|
78
|
+
return files.slice(0, 10);
|
|
79
|
+
}
|
|
80
|
+
const searchResults = fuse.search(query).map((r) => r.item);
|
|
81
|
+
searchResults.sort((a, b) => {
|
|
82
|
+
const aChanged = changedFilesMap.has(a);
|
|
83
|
+
const bChanged = changedFilesMap.has(b);
|
|
84
|
+
if (aChanged && !bChanged)
|
|
85
|
+
return -1;
|
|
86
|
+
if (!aChanged && bChanged)
|
|
87
|
+
return 1;
|
|
88
|
+
return 0;
|
|
89
|
+
});
|
|
90
|
+
return searchResults.slice(0, 10);
|
|
91
|
+
}, [fuse, query, files, changedFilesMap]);
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
const element = document.getElementById(`file-item-${selectedIndex}`);
|
|
94
|
+
element?.scrollIntoView({ block: 'nearest' });
|
|
95
|
+
}, [selectedIndex]);
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
onEnterSelect(results[selectedIndex]);
|
|
98
|
+
}, [results, selectedIndex, onEnterSelect]);
|
|
99
|
+
useEffect(() => {
|
|
100
|
+
const handleClickOutside = (e) => {
|
|
101
|
+
const target = e.target;
|
|
102
|
+
if (!target.closest('[data-file-mention-popup]')) {
|
|
103
|
+
onClose();
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
107
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
108
|
+
}, [onClose]);
|
|
109
|
+
if (results.length === 0) {
|
|
110
|
+
return (_jsx("div", { "data-file-mention-popup": true, className: "absolute bottom-full left-0 right-0 mb-2 bg-card border border-border rounded-lg shadow-lg z-50 p-3", children: _jsx("span", { className: "text-muted-foreground text-sm", children: "No files found" }) }));
|
|
111
|
+
}
|
|
112
|
+
return (_jsx("div", { "data-file-mention-popup": true, className: "absolute bottom-full left-0 right-0 mb-2 bg-card border border-border rounded-lg shadow-lg max-h-[300px] overflow-y-auto z-50", children: results.map((filePath, index) => (_jsx("button", { type: "button", id: `file-item-${index}`, onMouseDown: (e) => {
|
|
113
|
+
e.preventDefault();
|
|
114
|
+
onSelect(filePath);
|
|
115
|
+
}, className: `w-full text-left px-3 py-2 hover:bg-accent ${index === selectedIndex ? 'bg-accent' : ''}`, children: _jsxs("div", { className: "flex items-center gap-2 w-full", children: [(() => {
|
|
116
|
+
const Icon = getFileIcon(filePath);
|
|
117
|
+
return (_jsx(Icon, { className: "w-4 h-4 flex-shrink-0 text-muted-foreground" }));
|
|
118
|
+
})(), _jsx("span", { className: "font-mono text-sm flex-1 truncate", children: filePath }), (() => {
|
|
119
|
+
const status = getGitStatusInfo(filePath, changedFilesMap);
|
|
120
|
+
return (status && (_jsx(status.icon, { className: `w-3.5 h-3.5 flex-shrink-0 ${status.className}`, title: status.label })));
|
|
121
|
+
})()] }) }, filePath))) }));
|
|
122
|
+
}
|
|
123
|
+
//# sourceMappingURL=FileMentionPopup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileMentionPopup.js","sourceRoot":"","sources":["../../../src/components/chat/FileMentionPopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnifiedAgentSelector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/UnifiedAgentSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UnifiedAgentSelector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/UnifiedAgentSelector.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAgB,GAChB,EAAE,yBAAyB,2CAwK3B"}
|
|
@@ -1,9 +1,41 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect, useRef } from 'react';
|
|
3
|
-
import { ChevronDown } from 'lucide-react';
|
|
2
|
+
import { useState, useEffect, useRef, useMemo } from 'react';
|
|
3
|
+
import { ChevronDown, Search } from 'lucide-react';
|
|
4
|
+
import Fuse from 'fuse.js';
|
|
4
5
|
export function UnifiedAgentSelector({ agent, agents, onChange, disabled = false, }) {
|
|
5
6
|
const [isOpen, setIsOpen] = useState(false);
|
|
7
|
+
const [searchQuery, setSearchQuery] = useState('');
|
|
8
|
+
const [highlightedIndex, setHighlightedIndex] = useState(0);
|
|
6
9
|
const dropdownRef = useRef(null);
|
|
10
|
+
const searchInputRef = useRef(null);
|
|
11
|
+
const itemRefs = useRef([]);
|
|
12
|
+
const fuse = useMemo(() => {
|
|
13
|
+
return new Fuse(agents, {
|
|
14
|
+
threshold: 0.4,
|
|
15
|
+
ignoreLocation: true,
|
|
16
|
+
});
|
|
17
|
+
}, [agents]);
|
|
18
|
+
const filteredAgents = useMemo(() => {
|
|
19
|
+
if (!searchQuery.trim())
|
|
20
|
+
return agents;
|
|
21
|
+
const results = fuse.search(searchQuery);
|
|
22
|
+
return results.map((result) => result.item);
|
|
23
|
+
}, [agents, searchQuery, fuse]);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (isOpen) {
|
|
26
|
+
setHighlightedIndex(0);
|
|
27
|
+
}
|
|
28
|
+
}, [searchQuery, isOpen]);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (isOpen &&
|
|
31
|
+
highlightedIndex >= 0 &&
|
|
32
|
+
highlightedIndex < itemRefs.current.length) {
|
|
33
|
+
itemRefs.current[highlightedIndex]?.scrollIntoView({
|
|
34
|
+
block: 'nearest',
|
|
35
|
+
behavior: 'smooth',
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
}, [highlightedIndex, isOpen]);
|
|
7
39
|
useEffect(() => {
|
|
8
40
|
const handleClickOutside = (event) => {
|
|
9
41
|
if (dropdownRef.current &&
|
|
@@ -19,6 +51,7 @@ export function UnifiedAgentSelector({ agent, agents, onChange, disabled = false
|
|
|
19
51
|
if (isOpen) {
|
|
20
52
|
document.addEventListener('mousedown', handleClickOutside);
|
|
21
53
|
document.addEventListener('keydown', handleEscape);
|
|
54
|
+
setTimeout(() => searchInputRef.current?.focus(), 0);
|
|
22
55
|
}
|
|
23
56
|
return () => {
|
|
24
57
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
@@ -28,18 +61,37 @@ export function UnifiedAgentSelector({ agent, agents, onChange, disabled = false
|
|
|
28
61
|
const handleSelect = (selectedAgent) => {
|
|
29
62
|
onChange(selectedAgent);
|
|
30
63
|
setIsOpen(false);
|
|
64
|
+
setSearchQuery('');
|
|
31
65
|
};
|
|
32
|
-
const
|
|
33
|
-
if (
|
|
66
|
+
const handleSearchKeyDown = (event) => {
|
|
67
|
+
if (filteredAgents.length === 0)
|
|
68
|
+
return;
|
|
69
|
+
if (event.key === 'ArrowDown') {
|
|
34
70
|
event.preventDefault();
|
|
35
|
-
|
|
71
|
+
setHighlightedIndex((prev) => prev < filteredAgents.length - 1 ? prev + 1 : 0);
|
|
72
|
+
}
|
|
73
|
+
else if (event.key === 'ArrowUp') {
|
|
74
|
+
event.preventDefault();
|
|
75
|
+
setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredAgents.length - 1);
|
|
76
|
+
}
|
|
77
|
+
else if (event.key === 'Enter') {
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
const highlighted = filteredAgents[highlightedIndex];
|
|
80
|
+
if (highlighted) {
|
|
81
|
+
handleSelect(highlighted);
|
|
82
|
+
}
|
|
36
83
|
}
|
|
37
84
|
};
|
|
38
|
-
return (_jsxs("div", { ref: dropdownRef, className: "relative w-full", children: [_jsxs("button", { type: "button", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, className: "w-full flex items-center justify-between px-3 py-2 bg-[hsl(var(--secondary))] border border-[hsl(var(--border))] rounded-md hover:bg-[hsl(var(--accent))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))] disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: [_jsx("span", { className: "text-sm text-[hsl(var(--foreground))] truncate", children: agent }), _jsx(ChevronDown, { className: `w-4 h-4 text-[hsl(var(--muted-foreground))] transition-transform ${isOpen ? 'rotate-180' : ''}` })] }), isOpen && (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
85
|
+
return (_jsxs("div", { ref: dropdownRef, className: "relative w-full", children: [_jsxs("button", { type: "button", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, className: "w-full flex items-center justify-between px-3 py-2 bg-[hsl(var(--secondary))] border border-[hsl(var(--border))] rounded-md hover:bg-[hsl(var(--accent))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))] disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: [_jsx("span", { className: "text-sm text-[hsl(var(--foreground))] truncate", children: agent }), _jsx(ChevronDown, { className: `w-4 h-4 text-[hsl(var(--muted-foreground))] transition-transform ${isOpen ? 'rotate-180' : ''}` })] }), isOpen && (_jsxs("div", { className: "absolute z-50 mt-1 w-full bg-[hsl(var(--popover))] border border-[hsl(var(--border))] rounded-md shadow-lg max-h-80 overflow-hidden flex flex-col", children: [_jsx("div", { className: "p-2 border-b border-[hsl(var(--border))]", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[hsl(var(--muted-foreground))]" }), _jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyDown: handleSearchKeyDown, placeholder: "Search agents...", className: "w-full pl-9 pr-3 py-2 bg-[hsl(var(--secondary))] border border-[hsl(var(--border))] rounded text-sm text-[hsl(var(--foreground))] placeholder-[hsl(var(--muted-foreground))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))]" })] }) }), _jsx("div", { className: "overflow-y-auto", children: filteredAgents.length === 0 ? (_jsx("div", { className: "p-4 text-center text-[hsl(var(--muted-foreground))] text-sm", children: "No agents found" })) : (filteredAgents.map((agentItem, index) => {
|
|
86
|
+
const isSelected = agentItem === agent;
|
|
87
|
+
const isHighlighted = index === highlightedIndex;
|
|
88
|
+
return (_jsx("button", { ref: (el) => {
|
|
89
|
+
itemRefs.current[index] = el;
|
|
90
|
+
}, type: "button", onClick: () => handleSelect(agentItem), onMouseEnter: () => setHighlightedIndex(index), className: `w-full text-left px-4 py-2 text-sm transition-colors ${isHighlighted
|
|
91
|
+
? 'bg-[hsl(var(--accent))]'
|
|
92
|
+
: 'hover:bg-[hsl(var(--accent))]'} ${isSelected
|
|
93
|
+
? 'text-[hsl(var(--accent-foreground))] font-medium'
|
|
94
|
+
: 'text-[hsl(var(--foreground))]'}`, children: _jsx("span", { className: "truncate", children: agentItem }) }, agentItem));
|
|
95
|
+
})) })] }))] }));
|
|
44
96
|
}
|
|
45
97
|
//# sourceMappingURL=UnifiedAgentSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnifiedAgentSelector.js","sourceRoot":"","sources":["../../../src/components/chat/UnifiedAgentSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UnifiedAgentSelector.js","sourceRoot":"","sources":["../../../src/components/chat/UnifiedAgentSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnifiedModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/UnifiedModelSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UnifiedModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/UnifiedModelSelector.tsx"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,wBAAgB,oBAAoB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAgB,GAChB,EAAE,yBAAyB,2CAiT3B"}
|