chore: set max history from global

Author: shibbas

packages/chat-component/src/components/chat-component.ts

@@ -3,7 +3,13 @@ import { LitElement, html } from 'lit';
 import DOMPurify from 'dompurify';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { chatHttpOptions, globalConfig, teaserListTexts, requestOptions } from '../config/global-config.js';
+import {
+ chatHttpOptions,
+ globalConfig,
+ teaserListTexts,
+ requestOptions,
+ MAX_CHAT_HISTORY,
+} from '../config/global-config.js';
 import { chatStyle } from '../styles/chat-component.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { produce } from 'immer';
@@ -384,7 +390,12 @@ export class ChatComponent extends LitElement {
  ? html`<div class="chat-history__container">
  ${this.renderChatThread(this.chatHistoryController.chatHistory)}
  <div class="chat-history__footer">
- ${unsafeSVG(iconUp)} ${globalConfig.CHAT_HISTORY_FOOTER_TEXT} ${unsafeSVG(iconUp)}
+ ${unsafeSVG(iconUp)}
+ ${globalConfig.CHAT_HISTORY_FOOTER_TEXT.replace(
+ globalConfig.CHAT_MAX_COUNT_TAG,
+ MAX_CHAT_HISTORY,
+ )}
+ ${unsafeSVG(iconUp)}
  </div>
  </div>`
  : ''}

packages/chat-component/src/components/chat-history-controller.ts

@@ -1,6 +1,6 @@
 import { type ReactiveController, type ReactiveControllerHost } from 'lit';
 import { html } from 'lit';
-import { globalConfig } from '../config/global-config.js';
+import { globalConfig, MAX_CHAT_HISTORY } from '../config/global-config.js';
 
 import iconHistory from '../../public/svg/history-icon.svg?raw';
 import iconHistoryDismiss from '../../public/svg/history-dismiss-icon.svg?raw';
@@ -41,7 +41,7 @@ export class ChatHistoryController implements ReactiveController {
  }
  })
  .filter((index) => index !== undefined)
- .slice(-5);
+ .slice(-MAX_CHAT_HISTORY);
 
  // trim everything before the first user message
  const trimmedHistory = lastUserMessagesIndexes.length === 0 ? history : history.slice(lastUserMessagesIndexes[0]);

packages/chat-component/src/config/global-config.js

@@ -36,7 +36,8 @@ const globalConfig = {
  CITATIONS_TAB_LABEL: 'Citations',
  SHOW_CHAT_HISTORY_LABEL: 'Show Chat History',
  HIDE_CHAT_HISTORY_LABEL: 'Hide Chat History',
- CHAT_HISTORY_FOOTER_TEXT: 'Showing past 5 conversations',
+ CHAT_MAX_COUNT_TAG: '{MAX_CHAT_HISTORY}',
+ CHAT_HISTORY_FOOTER_TEXT: 'Showing past {MAX_CHAT_HISTORY} conversations',
 };
 
 const teaserListTexts = {
@@ -75,6 +76,16 @@ const chatHttpOptions = {
  stream: true,
 };
 
+const MAX_CHAT_HISTORY = 5;
+
 const APPROACH_MODEL = ['rrr', 'rtr'];
 
-export { globalConfig, requestOptions, chatHttpOptions, NEXT_QUESTION_INDICATOR, APPROACH_MODEL, teaserListTexts };
+export {
+ globalConfig,
+ requestOptions,
+ chatHttpOptions,
+ NEXT_QUESTION_INDICATOR,
+ APPROACH_MODEL,
+ teaserListTexts,
+ MAX_CHAT_HISTORY,
+};