diff --git a/src/components/ChattyLLM/ChattyLLMInputForm.vue b/src/components/ChattyLLM/ChattyLLMInputForm.vue index d6bd206b..3dd0ee54 100644 --- a/src/components/ChattyLLM/ChattyLLMInputForm.vue +++ b/src/components/ChattyLLM/ChattyLLMInputForm.vue @@ -47,7 +47,7 @@ :editing.sync="editingTitle" :placeholder="t('assistant', 'Conversation title')" :loading="loading.updateTitle" - :max-length="140" + :max-length="100" @submit-text="onEditSessionTitle" />
@@ -293,7 +293,7 @@ export default { } if (session.title?.trim()) { - return session.title.length > 140 ? session.title.trim().slice(0, 140) + '...' : session.title.trim() + return session.title.length > 100 ? session.title.trim().slice(0, 100) + '...' : session.title.trim() } return session.timestamp ? (' ' + moment(session.timestamp * 1000).format('LLL')) : t('assistant', 'Untitled conversation') diff --git a/src/components/ChattyLLM/ConversationBox.vue b/src/components/ChattyLLM/ConversationBox.vue index 4e137f0d..a7966ba2 100644 --- a/src/components/ChattyLLM/ConversationBox.vue +++ b/src/components/ChattyLLM/ConversationBox.vue @@ -113,6 +113,7 @@ export default { display: flex; flex-direction: column; gap: 0.5em; + height: 100%; &__message--dim { opacity: 0.5; diff --git a/src/components/ChattyLLM/EditableTextField.vue b/src/components/ChattyLLM/EditableTextField.vue index 8e678e45..0f254a7d 100644 --- a/src/components/ChattyLLM/EditableTextField.vue +++ b/src/components/ChattyLLM/EditableTextField.vue @@ -13,6 +13,7 @@ :use-extended-markdown="true" /> -
- {{ charactersCountDown }} -
@@ -126,31 +120,6 @@ export default { } }, - computed: { - canSubmit() { - return this.charactersCount <= this.maxLength && this.text !== this.initialText - }, - - charactersCount() { - return this.text.length - }, - - charactersCountDown() { - return this.maxLength - this.charactersCount - }, - - showCountDown() { - return this.charactersCount >= this.maxLength - 20 - }, - - countDownWarningText() { - return t('assistant', 'The text must be less than or equal to {maxLength} characters long. Your current text is {charactersCount} characters long.', { - maxLength: this.maxLength, - charactersCount: this.charactersCount, - }) - }, - }, - watch: { // Each time the prop changes, reflect the changes in the value stored in this component initialText(newValue) { @@ -169,8 +138,12 @@ export default { }, methods: { + canSubmit() { + return this.text.length <= this.maxLength && this.text !== this.initialText + }, + handleSubmitText() { - if (!this.canSubmit) { + if (!this.canSubmit()) { return } @@ -191,9 +164,6 @@ export default {