@adminforth/agent 1.24.6 → 1.24.8
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/build.log
CHANGED
|
@@ -38,5 +38,5 @@ custom/skills/fetch_data/SKILL.md
|
|
|
38
38
|
custom/skills/mutate_data/
|
|
39
39
|
custom/skills/mutate_data/SKILL.md
|
|
40
40
|
|
|
41
|
-
sent 201,
|
|
42
|
-
total size is 199,
|
|
41
|
+
sent 201,443 bytes received 566 bytes 404,018.00 bytes/sec
|
|
42
|
+
total size is 199,169 speedup is 0.99
|
package/custom/ChatSurface.vue
CHANGED
|
@@ -105,66 +105,67 @@
|
|
|
105
105
|
transition: `transform ${agentTransitions.TRANSITION_DURATION}ms ease-in-out`
|
|
106
106
|
}"
|
|
107
107
|
>
|
|
108
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
<div
|
|
120
|
-
v-if="agentStore.availableModes.length > 1"
|
|
121
|
-
ref="modeMenu"
|
|
122
|
-
class="absolute bottom-2 left-4"
|
|
123
|
-
>
|
|
124
|
-
<button
|
|
125
|
-
aria-label="Select mode"
|
|
126
|
-
class="flex px-2 py-1 items-center text-sm justify-center
|
|
127
|
-
rounded-md bg-white text-lightListTableHeadingText
|
|
128
|
-
transition-colors duration-200 hover:bg-gray-100
|
|
129
|
-
dark:text-darkListTableHeadingText dark:bg-gray-700 dark:hover:bg-gray-800"
|
|
130
|
-
:class="isModeMenuOpen ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
131
|
-
:disabled="agentStore.isResponseInProgress"
|
|
132
|
-
title="Select mode"
|
|
133
|
-
type="button"
|
|
134
|
-
@click="toggleModeMenu"
|
|
135
|
-
>
|
|
136
|
-
{{ agentStore.activeModeName }}
|
|
137
|
-
<IconAngleDownOutline
|
|
138
|
-
class="w-4 h-4 ml-1"
|
|
139
|
-
/>
|
|
140
|
-
</button>
|
|
141
|
-
|
|
108
|
+
<div class="w-full border rounded-lg pb-8">
|
|
109
|
+
<textarea
|
|
110
|
+
v-model="agentStore.userMessageInput"
|
|
111
|
+
ref="textInput"
|
|
112
|
+
@input="autoResize"
|
|
113
|
+
:class="[
|
|
114
|
+
'min-h-12 px-4 pt-4 w-full resize-none overflow-hidden text-lightInputText dark:text-darkInputText rounded-md bg-transparent text-sm bg-gray-50 dark:bg-gray-700 dark:border-gray-600 focus:outline-none',
|
|
115
|
+
]"
|
|
116
|
+
:placeholder="agentStore.userMessagePlaceholder"
|
|
117
|
+
@keydown.enter.exact.prevent="sendMessage"
|
|
118
|
+
/>
|
|
142
119
|
<div
|
|
143
|
-
v-if="
|
|
144
|
-
|
|
120
|
+
v-if="agentStore.availableModes.length > 1"
|
|
121
|
+
ref="modeMenu"
|
|
122
|
+
class="absolute bottom-2 left-4"
|
|
145
123
|
>
|
|
146
124
|
<button
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
125
|
+
aria-label="Select mode"
|
|
126
|
+
class="flex px-2 py-1 items-center text-sm justify-center
|
|
127
|
+
rounded-md bg-white text-lightListTableHeadingText
|
|
128
|
+
transition-colors duration-200 hover:bg-gray-100
|
|
129
|
+
dark:text-darkListTableHeadingText dark:bg-gray-700 dark:hover:bg-gray-800"
|
|
130
|
+
:class="isModeMenuOpen ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
131
|
+
:disabled="agentStore.isResponseInProgress"
|
|
132
|
+
title="Select mode"
|
|
151
133
|
type="button"
|
|
152
|
-
@click="
|
|
134
|
+
@click="toggleModeMenu"
|
|
153
135
|
>
|
|
154
|
-
{{
|
|
136
|
+
{{ agentStore.activeModeName }}
|
|
137
|
+
<IconAngleDownOutline
|
|
138
|
+
class="w-4 h-4 ml-1"
|
|
139
|
+
/>
|
|
155
140
|
</button>
|
|
141
|
+
|
|
142
|
+
<div
|
|
143
|
+
v-if="isModeMenuOpen"
|
|
144
|
+
class="absolute bottom-full left-0 mb-2 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-600 dark:bg-gray-800"
|
|
145
|
+
>
|
|
146
|
+
<button
|
|
147
|
+
v-for="mode in agentStore.availableModes"
|
|
148
|
+
:key="mode.name"
|
|
149
|
+
class="block w-full px-3 py-2 text-left text-sm text-lightInputText transition-colors duration-150 hover:bg-gray-100 dark:text-darkInputText dark:hover:bg-gray-700"
|
|
150
|
+
:class="mode.name === agentStore.activeModeName ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
151
|
+
type="button"
|
|
152
|
+
@click="selectMode(mode.name)"
|
|
153
|
+
>
|
|
154
|
+
{{ mode.name }}
|
|
155
|
+
</button>
|
|
156
|
+
</div>
|
|
156
157
|
</div>
|
|
158
|
+
<Button
|
|
159
|
+
class="absolute right-4 bottom-2 !p-0 h-9 w-9"
|
|
160
|
+
@click="sendMessage"
|
|
161
|
+
:disabled="!agentStore.trimmedUserMessage || agentStore.isResponseInProgress"
|
|
162
|
+
>
|
|
163
|
+
<IconArrowUpOutline
|
|
164
|
+
class="w-8 h-8 p-1
|
|
165
|
+
text-white"
|
|
166
|
+
/>
|
|
167
|
+
</Button>
|
|
157
168
|
</div>
|
|
158
|
-
<Button
|
|
159
|
-
class="absolute right-4 bottom-2 !p-0 h-9 w-9"
|
|
160
|
-
@click="sendMessage"
|
|
161
|
-
:disabled="!agentStore.trimmedUserMessage || agentStore.isResponseInProgress"
|
|
162
|
-
>
|
|
163
|
-
<IconArrowUpOutline
|
|
164
|
-
class="w-8 h-8 p-1
|
|
165
|
-
text-white"
|
|
166
|
-
/>
|
|
167
|
-
</Button>
|
|
168
169
|
</div>
|
|
169
170
|
</div>
|
|
170
171
|
</div>
|
|
@@ -10,13 +10,6 @@
|
|
|
10
10
|
>
|
|
11
11
|
</div>
|
|
12
12
|
<div class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
|
|
13
|
-
<button @click="scrollContainer.scrollToBottom();">
|
|
14
|
-
<IconArrowDownOutline
|
|
15
|
-
class="absolute z-10 bottom-8 left-1/2 bg-lightPrimary dark:bg-darkPrimary text-white p-2 w-10 h-10 rounded-full transition-opacity duration-100 ease-in"
|
|
16
|
-
:class="showScrollToBottomButton ? 'opacity-100' : 'opacity-0 pointer-events-none'"
|
|
17
|
-
:disabled="!showScrollToBottomButton"
|
|
18
|
-
/>
|
|
19
|
-
</button>
|
|
20
13
|
<CustomAutoScrollContainer
|
|
21
14
|
v-if="showScrollContainer"
|
|
22
15
|
:enabled="!showScrollToBottomButton"
|
|
@@ -47,7 +40,7 @@
|
|
|
47
40
|
|
|
48
41
|
<div
|
|
49
42
|
v-for="(message, index) in props.messages" :key="message.id"
|
|
50
|
-
class="flex flex-col w-full"
|
|
43
|
+
class="flex flex-col w-full mt-2"
|
|
51
44
|
:class="message.role === 'user' ? 'self-end' : 'self-start'"
|
|
52
45
|
>
|
|
53
46
|
<MessageRenderer :message="message" :isLastMessageInChat="index === props.messages.length - 1"/>
|
|
@@ -60,6 +53,13 @@
|
|
|
60
53
|
<p class="tracking-normal text-base text">{{ $t('Give any input to begin') }}</p>
|
|
61
54
|
</div>
|
|
62
55
|
</CustomAutoScrollContainer>
|
|
56
|
+
<button @click="scrollContainer.scrollToBottom();">
|
|
57
|
+
<IconArrowDownOutline
|
|
58
|
+
class="absolute z-10 bottom-8 left-1/2 bg-lightPrimary dark:bg-darkPrimary text-white p-2 w-10 h-10 rounded-full transition-opacity duration-100 ease-in"
|
|
59
|
+
:class="showScrollToBottomButton ? 'opacity-100' : 'opacity-0 pointer-events-none'"
|
|
60
|
+
:disabled="!showScrollToBottomButton"
|
|
61
|
+
/>
|
|
62
|
+
</button>
|
|
63
63
|
</div>
|
|
64
64
|
</template>
|
|
65
65
|
|
|
@@ -105,66 +105,67 @@
|
|
|
105
105
|
transition: `transform ${agentTransitions.TRANSITION_DURATION}ms ease-in-out`
|
|
106
106
|
}"
|
|
107
107
|
>
|
|
108
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
<div
|
|
120
|
-
v-if="agentStore.availableModes.length > 1"
|
|
121
|
-
ref="modeMenu"
|
|
122
|
-
class="absolute bottom-2 left-4"
|
|
123
|
-
>
|
|
124
|
-
<button
|
|
125
|
-
aria-label="Select mode"
|
|
126
|
-
class="flex px-2 py-1 items-center text-sm justify-center
|
|
127
|
-
rounded-md bg-white text-lightListTableHeadingText
|
|
128
|
-
transition-colors duration-200 hover:bg-gray-100
|
|
129
|
-
dark:text-darkListTableHeadingText dark:bg-gray-700 dark:hover:bg-gray-800"
|
|
130
|
-
:class="isModeMenuOpen ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
131
|
-
:disabled="agentStore.isResponseInProgress"
|
|
132
|
-
title="Select mode"
|
|
133
|
-
type="button"
|
|
134
|
-
@click="toggleModeMenu"
|
|
135
|
-
>
|
|
136
|
-
{{ agentStore.activeModeName }}
|
|
137
|
-
<IconAngleDownOutline
|
|
138
|
-
class="w-4 h-4 ml-1"
|
|
139
|
-
/>
|
|
140
|
-
</button>
|
|
141
|
-
|
|
108
|
+
<div class="w-full border rounded-lg pb-8">
|
|
109
|
+
<textarea
|
|
110
|
+
v-model="agentStore.userMessageInput"
|
|
111
|
+
ref="textInput"
|
|
112
|
+
@input="autoResize"
|
|
113
|
+
:class="[
|
|
114
|
+
'min-h-12 px-4 pt-4 w-full resize-none overflow-hidden text-lightInputText dark:text-darkInputText rounded-md bg-transparent text-sm bg-gray-50 dark:bg-gray-700 dark:border-gray-600 focus:outline-none',
|
|
115
|
+
]"
|
|
116
|
+
:placeholder="agentStore.userMessagePlaceholder"
|
|
117
|
+
@keydown.enter.exact.prevent="sendMessage"
|
|
118
|
+
/>
|
|
142
119
|
<div
|
|
143
|
-
v-if="
|
|
144
|
-
|
|
120
|
+
v-if="agentStore.availableModes.length > 1"
|
|
121
|
+
ref="modeMenu"
|
|
122
|
+
class="absolute bottom-2 left-4"
|
|
145
123
|
>
|
|
146
124
|
<button
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
125
|
+
aria-label="Select mode"
|
|
126
|
+
class="flex px-2 py-1 items-center text-sm justify-center
|
|
127
|
+
rounded-md bg-white text-lightListTableHeadingText
|
|
128
|
+
transition-colors duration-200 hover:bg-gray-100
|
|
129
|
+
dark:text-darkListTableHeadingText dark:bg-gray-700 dark:hover:bg-gray-800"
|
|
130
|
+
:class="isModeMenuOpen ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
131
|
+
:disabled="agentStore.isResponseInProgress"
|
|
132
|
+
title="Select mode"
|
|
151
133
|
type="button"
|
|
152
|
-
@click="
|
|
134
|
+
@click="toggleModeMenu"
|
|
153
135
|
>
|
|
154
|
-
{{
|
|
136
|
+
{{ agentStore.activeModeName }}
|
|
137
|
+
<IconAngleDownOutline
|
|
138
|
+
class="w-4 h-4 ml-1"
|
|
139
|
+
/>
|
|
155
140
|
</button>
|
|
141
|
+
|
|
142
|
+
<div
|
|
143
|
+
v-if="isModeMenuOpen"
|
|
144
|
+
class="absolute bottom-full left-0 mb-2 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-600 dark:bg-gray-800"
|
|
145
|
+
>
|
|
146
|
+
<button
|
|
147
|
+
v-for="mode in agentStore.availableModes"
|
|
148
|
+
:key="mode.name"
|
|
149
|
+
class="block w-full px-3 py-2 text-left text-sm text-lightInputText transition-colors duration-150 hover:bg-gray-100 dark:text-darkInputText dark:hover:bg-gray-700"
|
|
150
|
+
:class="mode.name === agentStore.activeModeName ? 'bg-gray-100 dark:bg-gray-700' : ''"
|
|
151
|
+
type="button"
|
|
152
|
+
@click="selectMode(mode.name)"
|
|
153
|
+
>
|
|
154
|
+
{{ mode.name }}
|
|
155
|
+
</button>
|
|
156
|
+
</div>
|
|
156
157
|
</div>
|
|
158
|
+
<Button
|
|
159
|
+
class="absolute right-4 bottom-2 !p-0 h-9 w-9"
|
|
160
|
+
@click="sendMessage"
|
|
161
|
+
:disabled="!agentStore.trimmedUserMessage || agentStore.isResponseInProgress"
|
|
162
|
+
>
|
|
163
|
+
<IconArrowUpOutline
|
|
164
|
+
class="w-8 h-8 p-1
|
|
165
|
+
text-white"
|
|
166
|
+
/>
|
|
167
|
+
</Button>
|
|
157
168
|
</div>
|
|
158
|
-
<Button
|
|
159
|
-
class="absolute right-4 bottom-2 !p-0 h-9 w-9"
|
|
160
|
-
@click="sendMessage"
|
|
161
|
-
:disabled="!agentStore.trimmedUserMessage || agentStore.isResponseInProgress"
|
|
162
|
-
>
|
|
163
|
-
<IconArrowUpOutline
|
|
164
|
-
class="w-8 h-8 p-1
|
|
165
|
-
text-white"
|
|
166
|
-
/>
|
|
167
|
-
</Button>
|
|
168
169
|
</div>
|
|
169
170
|
</div>
|
|
170
171
|
</div>
|
|
@@ -10,13 +10,6 @@
|
|
|
10
10
|
>
|
|
11
11
|
</div>
|
|
12
12
|
<div class="relative flex-1 min-h-0 overflow-hidden" @click="recalculateScroll()">
|
|
13
|
-
<button @click="scrollContainer.scrollToBottom();">
|
|
14
|
-
<IconArrowDownOutline
|
|
15
|
-
class="absolute z-10 bottom-8 left-1/2 bg-lightPrimary dark:bg-darkPrimary text-white p-2 w-10 h-10 rounded-full transition-opacity duration-100 ease-in"
|
|
16
|
-
:class="showScrollToBottomButton ? 'opacity-100' : 'opacity-0 pointer-events-none'"
|
|
17
|
-
:disabled="!showScrollToBottomButton"
|
|
18
|
-
/>
|
|
19
|
-
</button>
|
|
20
13
|
<CustomAutoScrollContainer
|
|
21
14
|
v-if="showScrollContainer"
|
|
22
15
|
:enabled="!showScrollToBottomButton"
|
|
@@ -47,7 +40,7 @@
|
|
|
47
40
|
|
|
48
41
|
<div
|
|
49
42
|
v-for="(message, index) in props.messages" :key="message.id"
|
|
50
|
-
class="flex flex-col w-full"
|
|
43
|
+
class="flex flex-col w-full mt-2"
|
|
51
44
|
:class="message.role === 'user' ? 'self-end' : 'self-start'"
|
|
52
45
|
>
|
|
53
46
|
<MessageRenderer :message="message" :isLastMessageInChat="index === props.messages.length - 1"/>
|
|
@@ -60,6 +53,13 @@
|
|
|
60
53
|
<p class="tracking-normal text-base text">{{ $t('Give any input to begin') }}</p>
|
|
61
54
|
</div>
|
|
62
55
|
</CustomAutoScrollContainer>
|
|
56
|
+
<button @click="scrollContainer.scrollToBottom();">
|
|
57
|
+
<IconArrowDownOutline
|
|
58
|
+
class="absolute z-10 bottom-8 left-1/2 bg-lightPrimary dark:bg-darkPrimary text-white p-2 w-10 h-10 rounded-full transition-opacity duration-100 ease-in"
|
|
59
|
+
:class="showScrollToBottomButton ? 'opacity-100' : 'opacity-0 pointer-events-none'"
|
|
60
|
+
:disabled="!showScrollToBottomButton"
|
|
61
|
+
/>
|
|
62
|
+
</button>
|
|
63
63
|
</div>
|
|
64
64
|
</template>
|
|
65
65
|
|