Let's make sure we agree on the steps first.

Some of these react libraries should be helpful:
https://github.com/ilyapasyuk/react-wizard-tour
https://github.com/JohnDamilola/react-user-onboarding
https://github.com/fatihsolhan/r-onboarding

When feedback is submitted, a message comes up saying feedback submitted (to stop multiple feedback submissions of the same feedback).

a) Reposition the login form.

b) Add a logo(svg).

c) Activate the password recovery function. [this is mainly a backend change]

Page 1 of - UI (3).pdf

Features like summarization, reduction, word cutting, grammar improvement, rephrasing, language swapping, tone matching, incorporation of company goals, and evidencing tools

Add a vertical menu bar that will display items in the chatbot page:

It will display:

• Items text and image templates that are downloadable
• Help with the navigation through different sections of the page:
  • question entry
  • current answer
  • saved question/answer pairs
  • text editor

Response coming up with 'Request failed with status code 400'

Current: Every time you save a proposal it saves a new one entirely

Improved: If they don’t change the name of the bid then it just saves to the most current version.

States how many words the response is

User can click on status of bid and dropdown with following colours appears in following order:
New = White Colour fill, black writing and black box outline
Ongoing = #F7AE36 or #F29131
Complete = Black Colour fill with white writing

Frontend change:
Currently, the "add response to text editor' button moves the answer to the editor. There should be an intermediary step first:

Move the question/answer pair to an intermediary view. From there it can then be selected (probably via tickbox) to move to the editor for final editing. In the editor, we'll want to see both the question and the answer.

Have as an editing tool rather than a continuing answer tool.

Be able to highlight a section of the response, and then type in instructions for how you would like the text modified i.e expanded, simplified, or more detail about xyz.

I think it would be good if the highlighted section got instantly replaced by the co-pilot edit back into the response.

ga-4 tracker data needs to be added to every event

• page views
• chat submissions
• copilot submissions
• data and template upload
• template download
• usage of editor

Probably best to use https://www.npmjs.com/package/react-ga4

Unnecessary button with it now on the tab bar.

• Initial Page after logging in where the user can view and interact with their uploaded data. Eg pdf's, images and Word documents. Which will detail previous bids, case studies, company policies etc.
  The user can start a new bid from here through a button on the chatbot page
• User can view completed bids which have been previously submitted on the system

First generate headers, then based on selection generate full response

Backend changes required first

(Image just to show rough positioning)

Frontend:
Create a page that allows the uploading of text and images for a given client to a given template. (backend api calls will be provided)

On the main chat site, an additional function to download these templates (via dropdown that displays the respective titles) needs to be provided.

api calls:
/save_text
/save_image
/get_texts_list
/get_images_list
//download_text
/download_image

Change copilot: should be more of an editor function

• expand a section
• add specific details to the answer

Some tenders get released for a word count, some character count, and some page count. If there could be an input box where there is a drop-down function with options: word/character/page count, then this would help the responses be in accordance with the RFP response limit.

I am currently working on the best prompts for this function so will relay it once I have got a good one which provides responses accurate to the specified limit.

Ability to create folders for each specific bid that writers are working on, allowing them to save documents/pdfs in there.

So there is only the 'Co-pilot prompt' and the 'Answer question for Q/A pair or PDFs Prompt', as not sure of Prompt 2 and Prompt 3 in the admin panel the answer is using.

Organisations with multiple licences to be able to interact/ collaborate on certain bids:

• Leave comments
• Superuser to approve final drafts
• Allocated team bid for multiple accounts to be invited to a single bid

Have the responses for the multi-topic function work so that it doesn't bring up two similar responses.

For some of the multi-topic selection function response, each sub-heading includes the same contents from the database and pretty similar responses.

My attempts in prompting 3b to not include haven't been successful so far. Prompting 3a to generate sub-topics that are separate slightly improves this, but still occurs.

A couple of example questions if that helps you prompt engineering:

• Please outline your management structure applicable to this contract and how potential issues encountered in delivering the requirements are managed and reported. Provide details of the knowledge, skills and experience within your team who are key to this contract.
• Contract 1: Contract details and a brief description of the contract delivered including evidence as to your technical capability in this market.

Once you drag a PDF into the drop zone, or click on the ‘upload data’ button, a pop-up will display in the middle of the screen ‘Are you sure you want to upload this document’ to the text and PDF uploader.

When the pop-up comes up the rest of the screen goes darker until either ‘cancel’ or ‘upload data’ button has been pressed.

Something similar to this but just says ‘Upload Data’ and ‘Are you sure you want to update this workflow’ with ‘Upload’ instead of delete.

The colour for the ‘Upload’ button can be #F7AE36 or #F29131 (Or something near that, whatever you think looks best). Can this also match the colour of the functionality box on the response generator page.

• Upload the RFP
• Bid stores the questions chronologically (Add current question to proposal > Next question appears in the input)

When text in the answer is selected, the copilot will pop up a field where the user can enter what the copilot should be doing. This should be enhanced to also have a dropdown for selection of pre-configured action items. For example:

• Expand this text
• Make this text shorter
• Phrase this text differently
• Other: ... [allows the user to input a custom demand, as it is already the case now]

https://docs.google.com/presentation/d/114j_cDHZnXxPkfepM0_m9AqA9yEIyy0HITaCiaUCxXc/edit?usp=sharing

In the document, there is the UI for a page that I imagined could go before the chatbot section. I have included tender specifications and tender scoring criteria examples; I think these could act as another dataset or context for the response to consider to make the response bespoke to each tender they are working on.

I'm going to test out how their responses react to this data by putting it through the {extra_instructions} box and will let you know how it goes.

I'll also get Matt to create a list of the important categories of specifications of each tender the software should scrape for.

Similar to the library page: Thinner lines between docs, less bold lines (maybe light grey?).

Happy to go with what you think looks best and that matches the style of what you do for the company library.

Add a small toolbar at the top of the response generation section with 3 key functionalities (expand, shorten, rephrase). This would work by the user highlighting the section and then clicking the button for a custom prompt effective for each button to perform a specific function.

Also to have a button for custom (our current Co-Pilot) which when clicked on would allow you to type how you want the selected answer to be modified, and then when clicked on a further confirm button would perform instruction (basically front-end modifications to our current co-pilot).

• Whatever you think would look good Alex
• Remove the text format button on the text uploader page (pointless button)
• Change ‘Profile name’ to ‘folder’
• Change text inside the text upload box to ‘Paste bid material here’ (No need for all the current writing)

Images, charts can be uploaded. Then with a dropdown they can be dropped into the document editor

• Similar to the image below
• Thinner lines between docs
• Less bold lines (maybe light grey?)
• Have it more central and wider (once PDF is moved)