Merge pull request #7 from sparrow-js/readme-feature

Readme feature

Author: sparrow-js

components/components/SettingsDialog.tsx

@@ -62,11 +62,11 @@ function SettingsDialog({ settings, setSettings }: Props) {
               })
             }} className="flex item-center" color="indigo" defaultValue={settings.llm}>
               <Label className="flex item-center" htmlFor="openai-llm">
-                <span className="mr-2">openai</span>
+                <span className="mr-2">OpenAI</span>
                 <RadioGroupItem value="openai" id="openai-llm"/>
               </Label>
               <Label className="flex item-center" htmlFor="gemini-llm">
-                <span className="mr-2">gemini</span>
+                <span className="mr-2">Gemini</span>
                 <RadioGroupItem  value="gemini" id="gemini-llm"/>
               </Label>
             </RadioGroup>

components/components/history/HistoryDisplay.tsx

@@ -61,7 +61,7 @@ export default function HistoryDisplay({
                 <div className="bg-[length:160px_100px] bg-no-repeat bg-center w-full h-[80px]" 
                   style={
                     {
-                      backgroundImage: `url(${item.screenshot || 'https://placehold.co/600x400/png'})`
+                      backgroundImage: `url(${item.screenshot || 'https://www.ancodeai.com/placeholder.svg'})`
                     }
                   }></div>
                 <div className="flex gap-x-1 truncate">

service/events/prompts.ts

@@ -11,7 +11,7 @@ padding, margin, border, etc. Match the colors and sizes exactly.
 - Use the exact text from the screenshot.
 - Do not add comments in the code such as "<!-- Add other navigation links as needed -->" and "<!-- ... other news items ... -->" in place of writing the full code. WRITE THE FULL CODE.
 - Repeat elements as needed to match the screenshot. For example, if there are 15 items, the code should have 15 items. DO NOT LEAVE comments like "<!-- Repeat for each news item -->" or bad things will happen.
-- For images, use placeholder images from /placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
+- For images, use placeholder images from https://www.ancodeai.com/placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
 
 In terms of libraries,
 
@@ -33,7 +33,7 @@ using Tailwind, HTML and JS.
 padding, margin, border, etc. Match the colors and sizes exactly.
 - Do not add comments in the code such as "<!-- Add other navigation links as needed -->" and "<!-- ... other news items ... -->" in place of writing the full code. WRITE THE FULL CODE.
 - Repeat elements as needed to match the detailed description. For example, if there are 15 items, the code should have 15 items. DO NOT LEAVE comments like "<!-- Repeat for each news item -->" or bad things will happen.
-- For images, use placeholder images from /placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
+- For images, use placeholder images from https://www.ancodeai.com/placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
 
 In terms of libraries,
 
@@ -83,7 +83,7 @@ padding, margin, border, etc. Match the colors and sizes exactly.
 - Use the exact text from the screenshot.
 - Do not add comments in the code such as "<!-- Add other navigation links as needed -->" and "<!-- ... other news items ... -->" in place of writing the full code. WRITE THE FULL CODE.
 - Repeat elements as needed to match the screenshot. For example, if there are 15 items, the code should have 15 items. DO NOT LEAVE comments like "<!-- Repeat for each news item -->" or bad things will happen.
-- For images, use placeholder images from /placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
+- For images, use placeholder images from https://www.ancodeai.com/placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
 
 In terms of libraries,