Merge branch 'main' into shell

.github/workflows/deploy_qa.yml

@@ -0,0 +1,31 @@
+name: Deploy to QA
+
+on:
+  pull_request:
+    branches: 
+      - main
+    types: [closed]
+
+jobs:
+  deploy:
+    if: ${{ github.event.pull_request.merged }}
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '20'
+    - name: Run npm scripts
+      env:
+          CI: true
+          AIO_RUNTIME_AUTH: ${{ secrets.AIO_RUNTIME_AUTH_QA }}
+          AIO_RUNTIME_NAMESPACE: 245265-879aquaant-qa
+          AIO_RUNTIME_APIHOST: 'https://adobeioruntime.net'
+      run: |
+        npm install
+        npm run grammar
+        npm run build
+        npm run lint
+        npm run test
+        npm run deploy

.github/workflows/pr_test_frontend.yml

@@ -1,23 +1,25 @@
-name: Frontend Test
+name: Frontend
 
 on:
   pull_request:
     branches:
       - "main"
 
 jobs:
-  linting:
+  test:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v3
     - name: Use node.js
       uses: actions/setup-node@v3
       with:
         node-version: '20'
-    - run: npm install
-    - run: npm run grammar
-    - run: npm run build
-    - run: npm run lint
-    - run: npm run test
+    - name: Run npm scripts
       env:
-        CI: true
+        CI: true
+      run: |
+        npm install
+        npm run grammar
+        npm run build
+        npm run lint
+        npm run test

web-src/src/components/InputsView.js

@@ -125,6 +125,7 @@ export function InputsView({ gridColumn }) {
           return createInputComponent(type, name, label, params, value, onChange);
         })
       }
+      <h3 style={{ alignSelf: 'start', marginBottom: '10px' }}>Advanced</h3>
       <TemperatureSlider/>
     </Flex>
   );

web-src/src/components/TemperatureSlider.js

@@ -15,13 +15,17 @@ import { useRecoilState } from 'recoil';
 import {
   TEMPERATURE_MAX, TEMPERATURE_MIN, temperatureState,
 } from '../state/TemperatureState.js';
+import { DescriptionLabel } from './DescriptionLabel.js';
+
+const TEMPERATURE_DESC = 'A higher temperature strays from the prompt and leads to more randomness and creativity from the LLM';
 
 export function TemperatureSlider() {
   const [temperature, setTemperature] = useRecoilState(temperatureState);
   return (
     <Slider
       UNSAFE_className="creativity-slider"
       label="Temperature"
+      contextualHelp={<DescriptionLabel description={TEMPERATURE_DESC}/>}
       minValue={TEMPERATURE_MIN}
       maxValue={TEMPERATURE_MAX}
       isFilled={true}