Pass the selected approach to the chat component and to the api call

Azure-Samples · Feb 21, 2024 · ac1d428 · ac1d428
1 parent 09d23cd
commit ac1d428
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/chat-component/src/components/chat-component.ts b/packages/chat-component/src/components/chat-component.ts
@@ -72,6 +72,9 @@ export class ChatComponent extends LitElement {
   @property({ type: String, attribute: 'data-use-stream', converter: (value) => value?.toLowerCase() === 'true' })
   useStream: boolean = chatHttpOptions.stream;
 
+  @property({ type: String, attribute: 'data-approach' })
+  approach = requestOptions.approach;
+
   @property({ type: String, attribute: 'data-overrides', converter: (value) => JSON.parse(value || '{}') })
   overrides: RequestOverrides = {};
 
@@ -199,6 +202,7 @@ export class ChatComponent extends LitElement {
     await this.chatController.generateAnswer(
       {
         ...requestOptions,
+        approach: this.approach,
         overrides: {
           ...requestOptions.overrides,
           ...this.overrides,

diff --git a/packages/webapp/src/pages/oneshot/OneShot.tsx b/packages/webapp/src/pages/oneshot/OneShot.tsx
@@ -113,7 +113,7 @@ export function Component(): JSX.Element {
           data-interaction-model="ask"
           data-api-url={apiBaseUrl}
           data-use-stream="false"
-          data-approach="rrr"
+          data-approach={approach}
           data-overrides={JSON.stringify(overrides)}
         ></chat-component>
       </div>