diff --git a/backend/mock_llm.py b/backend/mock_llm.py index 0b903b7..b85b1b1 100644 --- a/backend/mock_llm.py +++ b/backend/mock_llm.py @@ -4,14 +4,14 @@ from typing import Awaitable, Callable from custom_types import InputMode -STREAM_CHUNK_SIZE = 5 +STREAM_CHUNK_SIZE = 20 async def mock_completion( process_chunk: Callable[[str], Awaitable[None]], input_mode: InputMode ) -> str: code_to_return = ( - GOOGLE_FORM_VIDEO_PROMPT_MOCK + TALLY_FORM_VIDEO_PROMPT_MOCK if input_mode == "video" else NO_IMAGES_NYTIMES_MOCK_CODE ) @@ -670,394 +670,460 @@ $(document).ready(function() { """ GOOGLE_FORM_VIDEO_PROMPT_MOCK = """ - -To build this: -- Create a search bar that allows typing and shows placeholder text -- Implement search suggestions that update as the user types -- Allow selecting a suggestion to perform that search -- Show search results with the query and an AI-powered overview -- Have filter tabs for different search verticals -- Allow clicking filter tabs to add/remove them, updating the URL -- Ensure the UI closely matches the Google style and colors + +User flow: +1. User starts on the Google search page and types in "times" in the search bar +2. As the user types, Google provides autocomplete suggestions related to "times" +3. User selects the "times" suggestion from the autocomplete dropdown +4. The search results page for "times" loads, showing various results related to The New York Times newspaper +5. User clicks the "Generate" button under "Get an AI-powered overview for this search?" +6. An AI-generated overview about The New York Times loads on the right side of the search results + +Code structure: +- HTML structure with header, search bar, autocomplete dropdown, search button +- Search results area to display search results +- Sidebar area to display the AI-generated overview +- Use Tailwind CSS utility classes for styling +- Use jQuery to handle user interactions: + - Typing in search bar to show/filter autocomplete suggestions + - Selecting autocomplete suggestion to populate search bar + - Clicking search button to display search results + - Clicking "Generate" button to display AI overview +- Hardcode search results and AI overview content for demo purposes - - - + + -
-
Gmail
-
Images
- User avatar -
- -
- Google logo +
+
+ Google logo +
+ + +
+ + Profile picture of the user +
-
- - -
+
+ +
+
The Crossword
+
Play the Daily New York Times Crossword puzzle edited by Will ...
+
-