refactor: Resolves feedbback

content/blogposts/2024/ai-dev-tools-night-meetup-june-24-recap.md

@@ -0,0 +1,74 @@
+---
+title: "Highlights from AI Dev Tools Night in San Francisco"
+authors:
+  - name: YK Sugi
+    url: https://x.com/ykdojo
+publishDate: 2024-06-25T10:00-01:00
+description: "Last night, we hosted an amazing AI Dev Tools Night in San Francisco, where industry experts shared insights on AI coding engines, vector databases, the future of software engineering, and AI-assisted coding. Attendees enjoyed engaging talks, networking opportunities, and an exciting giveaway. Check out the highlights and key takeaways from this inspiring event!"
+tags: [blog]
+slug: 'ai-dev-tools-night-meetup-june-24-recap'
+published: true
+heroImage: https://storage.googleapis.com/sourcegraph-assets/blog/unlocking-open-source-potential-ai-dev-tools-night-event-og.png
+socialImage: https://storage.googleapis.com/sourcegraph-assets/blog/unlocking-open-source-potential-ai-dev-tools-night-event-og.png
+---
+
+### Introduction
+
+Developers, developers, developers! Last night, Sourcegraph hosted an AI Dev Tools Night event in San Francisco, and it was a huge success! The evening was filled with insightful talks, plenty of networking opportunities, and an exciting giveaway. Here’s a recap of the highlights from our amazing lineup of speakers and the key takeaways from the event.
+
+![YK kicking off the event](https://pbs.twimg.com/media/GQ4Y7e5aQAAzn-J?format=jpg&name=large)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/ykdojo?ref_src=twsrc%5Etfw">@ykdojo</a> kicking us off! <a href="https://t.co/CU3f5RDgGX">pic.twitter.com/CU3f5RDgGX</a></p>&mdash; Beyang (@beyang) <a href="https://twitter.com/beyang/status/1805407914582237469?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+![Quinn welcoming everyone](https://pbs.twimg.com/media/GQ4ZckybwAAkvJ3?format=jpg&name=medium)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Quinn, the CEO and cofounder of <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a>, opens the AI Dev Tools night! <a href="https://t.co/Fe7Qk7IpaJ">pic.twitter.com/Fe7Qk7IpaJ</a></p>&mdash; Alexy 🤍💙🤍 (@ChiefScientist) <a href="https://twitter.com/ChiefScientist/status/1805408502011380015?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+### Dane Schneider from PlandexAI
+
+![Dane showing Plandex](https://pbs.twimg.com/media/GQ4dEukbwAIr23C?format=jpg&name=large)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Watching <a href="https://twitter.com/Danenania?ref_src=twsrc%5Etfw">@Danenania</a> walk through <a href="https://twitter.com/PlandexAI?ref_src=twsrc%5Etfw">@PlandexAI</a> at the <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a> AI Dev Tools night<br/><br/>Super slick and love the TUI! <a href="https://t.co/pt5lFyc4Pb">pic.twitter.com/pt5lFyc4Pb</a></p>&mdash; Quinn Slack (@sqs) <a href="https://twitter.com/sqs/status/1805412472255660369?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+Dane Schneider from PlandexAI kicked off the series of talks with a compelling presentation on the evolution of prompts as a new kind of programming language. He demonstrated Plandex, an AI coding engine designed to handle large, complex tasks that span many files and model responses. Dane emphasized the importance of precision and iteration in prompt engineering, likening it to traditional programming. He showcased Plandex’s unique features, such as its ability to manage multiple model responses and its integration with version control systems, making AI development more streamlined and efficient.
+
+### Adam Chan from Weaviate
+
+![Adam Chan introducing vector search](https://pbs.twimg.com/media/GQ4f_dKbwAA8VDo?format=jpg&name=medium)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/itsajchan?ref_src=twsrc%5Etfw">@itsajchan</a> talking about <a href="https://twitter.com/weaviate_io?ref_src=twsrc%5Etfw">@weaviate_io</a> and open source vector search! <a href="https://t.co/ZvuK8ciJzc">pic.twitter.com/ZvuK8ciJzc</a></p>&mdash; Beyang (@beyang) <a href="https://twitter.com/beyang/status/1805415679455281230?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+Adam Chan introduced the concept of vector databases and how they enhance search capabilities by leveraging semantic meaning. He explained how traditional keyword search often falls short in delivering relevant results, whereas vector search uses machine learning models to represent information as vectors, capturing the semantic relationships between data points. This method enables more accurate and relevant search results, especially for complex queries. Adam highlighted Weaviate’s innovative approach to improving search functionalities and knowledge management in modern applications, demonstrating its potential to significantly change how we interact with and retrieve information.
+
+### Dani Grant, CEO of Jam.dev
+
+![Dani showing how software engineering will be a lot more fun](https://pbs.twimg.com/media/GQ4psC2bwAA86yS?format=jpg&name=large)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Endorse this slide! From <a href="https://twitter.com/thedanigrant?ref_src=twsrc%5Etfw">@thedanigrant</a>’s (<a href="https://twitter.com/jamdotdev?ref_src=twsrc%5Etfw">@jamdotdev</a> CEO) talk at our <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a> AI Dev Tools night. <a href="https://t.co/fbptE1vYmZ">pic.twitter.com/fbptE1vYmZ</a></p>&mdash; Quinn Slack (@sqs) <a href="https://twitter.com/sqs/status/1805426343485784324?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+Dani Grant, CEO of Jam.dev, shared her thoughts on the future of software engineering. She predicted a significant increase in the number of software engineers over the next decade, driven by advancements in AI. Dani argued that as AI tools lower the barrier to entry for software development, more people will be able to contribute to the field. She also discussed how AI will transform the role of developers, making engineering more enjoyable and productive by automating repetitive tasks and enabling more creative work. Dani’s insights painted an exciting picture of a future where engineering is more accessible and impactful than ever before.
+
+### Beyang Liu, CTO and Co-founder of Sourcegraph
+
+![Beyang's talk on the technical journey of building Cody](https://pbs.twimg.com/media/GQ48ptEa0AAIwy4?format=jpg&name=large)
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Attended an amazing event from <a href="https://twitter.com/sourcegraph?ref_src=twsrc%5Etfw">@sourcegraph</a> tonight <a href="https://twitter.com/beyang?ref_src=twsrc%5Etfw">@beyang</a> amazing talk on <a href="https://twitter.com/SourcegraphCody?ref_src=twsrc%5Etfw">@SourcegraphCody</a> good to know we have much better solutions than copilot for code gen! Also my first experience with the SF fog feels like a movie <a href="https://t.co/HHBRUGo94N">pic.twitter.com/HHBRUGo94N</a></p>&mdash; Jando (@Jandodev) <a href="https://twitter.com/Jandodev/status/1805447193081561405?ref_src=twsrc%5Etfw">June 25, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+
+Beyang Liu, our CTO and Co-founder, wrapped up the presentations with an in-depth look at the technical journey of building Cody, Sourcegraph’s AI coding assistant. Beyang highlighted the importance of context in AI code generation and demonstrated how Cody leverages Sourcegraph’s code search capabilities to provide accurate and relevant code suggestions. He showcased demos, illustrating how Cody can significantly improve developer productivity by retrieving relevant code snippets and integrating them seamlessly into the coding workflow. Beyang also discussed the future of AI in software development, emphasizing the potential of online agents and advanced model integration to further enhance coding efficiency and reliability.
+
+### Networking and giveaway
+
+The event wasn’t just about learning; it was also about connecting with fellow developers and tech enthusiasts. Attendees enjoyed pizza, lively conversations, and the opportunity to network with industry experts. We also hosted an exciting giveaway that many participants enjoyed.
+
+### Conclusion
+
+AI Dev Tools Night was a fantastic opportunity to learn, network, and get inspired by the latest advancements in AI and developer tools. Huge thanks to our speakers—Dane Schneider, Adam Chan, Dani Grant, and Beyang Liu—as well as everyone who joined us in San Francisco.
+
+Missed the event? Don’t worry! You can check the recording [here](https://youtu.be/LRF1QEmr2io). If you’re interested in attending future in-person events, sign up [here](https://lu.ma/sourcegraph).
+
+We look forward to seeing you at our next event!
+
+<YouTube 
+  title="AI Dev Tools Night Recap"
+  id="LRF1QEmr2io"
+/>

content/blogposts/2024/anatomy-of-a-coding-assistant.md

@@ -14,6 +14,17 @@ socialImage: https://storage.googleapis.com/sourcegraph-assets/blog/anatomy/1_po
 
 ![Pointer clicking on code snippet](https://storage.googleapis.com/sourcegraph-assets/blog/anatomy/1_pointer.png)
 
+Prefer watching a video overview of this topic and how we came to develop [Cody](https://sourcegraph.com/cody)?
+
+If so, feel free to take a look at this video of ours:
+
+<YouTube 
+  title="Context is King - the Evolution of a Modern AI Coding Assistant"
+  id="XaOqSAXNkaM"
+/>
+
+---
+
 Have you ever wondered how an AI coding assistant works?
 
 We’ve been working on our AI coding assistant, [Cody](https://sourcegraph.com/cody), for a while now, and over time we’ve learned that really, ***context is king***.

content/blogposts/2024/cody-vscode-1-24-0-release.md

@@ -0,0 +1,71 @@
+---
+title: "Cody for VS Code v1.24: Inline diffs for code edits, context chips, and Claude 3.5 Sonnet"
+authors:
+  - name: Alex Isken
+    url: https://handbook.sourcegraph.com/team/#alex-isken
+  - name: Justin Dorfman
+    url: https://x.com/jdorfman
+  - name: Chris Sev
+    url: https://x.com/chris__sev
+publishDate: 2024-06-26T10:00-01:00
+description: "Cody now shows inline diffs when code edits are complete. The chat UI is also updated with new context chips and we added Claude 3.5 Sonnet to the list of LLM options."
+tags: [blog]
+slug: 'cody-vscode-1-24-0-release'
+published: true
+heroImage: https://storage.googleapis.com/sourcegraph-assets/blog/cody-vscode-1-24-release/cody-vscode-1.24-og-image.png
+socialImage: https://storage.googleapis.com/sourcegraph-assets/blog/cody-vscode-1-24-release/cody-vscode-1.24-og-image.png
+---
+
+[Cody for VS Code v1.24](https://marketplace.visualstudio.com/items?itemName=sourcegraph.cody-ai) is now available. This update introduces a new way of showing code edits, displaying inline diffs after edits are complete. We’ve also updated the chat UI with context chips, added Claude 3.5 Sonnet to the list of LLMs, and more.
+
+## Inline diff view and animation for Cody’s inline edits
+
+When you run a command that involves editing code inline, you’ll now see a progressive animation as Cody makes edits. You’ll also see inline diffs directly in your file as soon as the command finishes so you can see exactly what happened and accept or decline the edit.
+
+<Video
+  source={{
+    mp4: 'blog/cody-vscode-1-24-release/ask-cody-to-fix-diff'
+  }}
+  loop={true}
+/>
+
+## @-mentions are now chips in the chat UI
+
+We’ve beautified the chat UI with new context chips. The context you @-mention will appear in the chat window with a chip and a symbol indicating the type of context it is (like repo, file, symbol, or webpage context).
+
+<Figure
+  src="https://storage.googleapis.com/sourcegraph-assets/blog/cody-vscode-1-24-release/context-chips.png"
+  alt="Context chips in the chat UI"
+/>
+
+## ICYMI: Claude 3.5 Sonnet is here
+
+Last week, we [released Claude 3.5 Sonnet for Cody Pro](https://sourcegraph.com/blog/claude-3.5-sonnet-now-available-in-cody). Cody supports the **best models**, and Anthropic’s latest flagship is already showing [impressive benchmarks](https://www.anthropic.com/news/claude-3-5-sonnet), surpassing Claude 3 Opus in some benchmarks while being far faster. Cody Pro users can now select Claude 3.5 Sonnet for chat and commands (this was shipped in VS Code v1.22.4, but is also available in v1.24.0). JetBrains users will also get access to Claude 3.5 Sonnet in the coming days
+.
+## Upgraded Cody chat experiences across every interface and editor
+
+Today, Cody looks a little bit different everywhere it exists: in VS Code, in JetBrains, and on the web. We want to unify this experience, making Cody chat more polished everywhere while speeding up our ability to release Cody for new IDEs.
+
+We’re doing this using Cody’s webview-based VS Code UI, which we plan to port to JetBrains, the web, and two new clients: Visual Studio and Eclipse. Today, we released the first step of this plan with an [upgraded Cody web view](https://sourcegraph.com/cody/chat). Cody's web chat now supports model selection, context chips, and reflects the same UI as the VS Code chat sidebar. Try it out and let us know what you think!
+
+<Video
+  source={{
+    mp4: 'blog/cody-vscode-1-24-release/new-web-ui'
+  }}
+  loop={true}
+  caption="Cody chat on sourcegraph.com"
+/>
+
+## Changelog
+
+See the [changelog](https://github.com/sourcegraph/cody/releases/tag/vscode-v1.24.0) and [GitHub releases](https://github.com/sourcegraph/cody/releases) for a complete list of changes.
+
+## Thank you
+
+Cody wouldn’t be what it is without our amazing contributors 💖 A big thank you to everyone who contributed, filed issues, and sent us feedback.
+
+We value your feedback in our [support forum](https://community.sourcegraph.com/c/cody/5), [Discord](https://discord.com/servers/sourcegraph-969688426372825169), and [GitHub](https://github.com/sourcegraph/cody/discussions). Happy Codying!
+
+---
+
+To get started with Cody, [install it from the VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=sourcegraph.cody-ai).

src/components/Banner.tsx

@@ -2,6 +2,13 @@ import ChevronRightIcon from 'mdi-react/ChevronRightIcon'
 import { FunctionComponent } from 'mdx/types'
 import Link from 'next/link'
 
+/**
+ * Renders a banner component with a message and a link to learn more.
+ * The banner is displayed at the top of the page with a gradient border.
+ * The content is centered and responsive, adjusting to different screen sizes.
+ * Turn on and off in src/components/Layout/Header/Header.tsx
+ * Find `const [showBanner, setShowBanner] = useState(false)` switch true for on, false for off.
+ */
 export const Banner: FunctionComponent<{}> = () => (
     <div className="sg-border-gradient-banner z-[1000] border-b-1 bg-black py-[13px]">
         <div className="mx-auto flex max-w-screen-xl flex-col items-center justify-center gap-y-[9px] gap-x-12 px-2 md:flex-row">

src/components/Layout/Header/Header.tsx

@@ -8,6 +8,7 @@ import { useRouter } from 'next/router'
 
 import { useAuthModal } from '../../../context/AuthModalContext'
 import { buttonLocation } from '../../../data/tracking'
+import { captureCustomEventWithPageData } from '../../../lib/utils'
 import { Banner } from '../../Banner'
 import { MeetWithProductExpertButton } from '../../cta/MeetWithProductExpertButton'
 
@@ -26,6 +27,10 @@ export const Header: FunctionComponent<Props> = ({ minimal, colorTheme, navRef }
     const [sticky, setSticky] = useState<boolean>(false)
     const router = useRouter()
     const { pathname } = router
+    /**
+     * Determines whether the banner component should be displayed in the header.
+     * useState(true) for on, useState(false) for off.
+     */
     const [showBanner, setShowBanner] = useState(false)
 
     const source = pathname.slice(1) || 'about-home'
@@ -118,13 +123,19 @@ const HeaderContent: FunctionComponent<
 > = ({ colorTheme, open, sticky, source, close, ...props }) => {
     const { openModal } = useAuthModal()
 
-    const handleOpenModal = (): void => openModal(source)
+    const handleOpenModal = (eventName: string, initiateOpenModal: boolean): void => {
+        captureCustomEventWithPageData(eventName)
+        if (initiateOpenModal) {
+            openModal(source)
+        }
+    }
     const dark = colorTheme === 'dark' || colorTheme === 'purple'
     const classes = HEADER_CONTENT_THEME_CLASS[colorTheme]
 
     const callToAction = (
         <>
             <MeetWithProductExpertButton
+                handleEventSubmission={handleOpenModal}
                 id="topnav"
                 buttonLocation={buttonLocation.nav}
                 buttonClassName={classNames(
@@ -135,6 +146,7 @@ const HeaderContent: FunctionComponent<
                 requestInfo={true}
             />
             <Link
+                onClick={() => handleOpenModal('login_click', false)}
                 id="topnav"
                 href="https://sourcegraph.com/sign-in?returnTo=/cody/manage"
                 title="Get started with Cody"
@@ -156,7 +168,7 @@ const HeaderContent: FunctionComponent<
                     dark ? 'btn-inverted-primary text-violet-500' : 'btn-primary'
                 )}
                 title="Download Sourcegraph"
-                onClick={handleOpenModal}
+                onClick={() => handleOpenModal('get_cody_nav_click', true)}
             >
                 Get Cody for free
             </button>

src/components/Pricing/data.tsx

@@ -293,14 +293,14 @@ const FEATURE_INFO: Record<string, FeatureInfo> = {
     freeAutocompletions: {
         label: (
             <p className="m-0 text-[16px] leading-5 tracking-[-0.25px]">
-                <span className="font-bold">500 </span> Autocompletions per month
+                <span className="font-semibold">Unlimited </span> Autocomplete
             </p>
         ),
     },
     freeMessageAndcommands: {
         label: (
             <p className="m-0 text-[16px] font-normal -tracking-[0.25px]">
-                <span className="font-bold">20 </span> Messages and commands per month
+                <span className="font-bold">200 </span> Messages and commands per month
             </p>
         ),
     },
@@ -358,7 +358,7 @@ const FEATURE_INFO: Record<string, FeatureInfo> = {
     proAutoCompletions: {
         label: (
             <p className="m-0 text-[16px] leading-5 -tracking-[0.25px]">
-                <span className="font-semibold">Unlimited </span> Autocompletions
+                <span className="font-semibold">Unlimited </span> Autocomplete
             </p>
         ),
     },
@@ -370,7 +370,7 @@ const FEATURE_INFO: Record<string, FeatureInfo> = {
         ),
     },
     codeIntAutoCompletions: {
-        label: 'Unlimited autocompletions',
+        label: 'Unlimited autocomplete',
     },
     codeIntMessageAndcommands: {
         label: 'Unlimited messages and commands',
@@ -399,11 +399,12 @@ const FEATURE_INFO: Record<string, FeatureInfo> = {
         description: 'Prevent sensitive files from being sent to third-party LLM providers',
     },
     freeLLMsupport: {
-        label: 'Default LLMs for chat, commands, and autocomplete',
+        label: 'Multiple LLM choices for chat and commands',
+        description: 'Claude 3 (Sonnet, Haiku), Claude 3.5 Sonnet, Gemini Flash and Pro, Mixtral',
     },
     proLLMchat: {
-        label: 'Multiple LLM choices for chat',
-        description: 'GPT-4o, GPT-4 Turbo, Gemini Flash and Pro, Mixtral, Claude 3 (Opus, Sonnet, Haiku)',
+        label: 'More powerful LLMs for chat and commands',
+        description: 'Everything in free, plus GPT-4o, GPT-4 Turbo, and Claude 3 Opus',
     },
     proLLMcommands: {
         label: 'Default LLMs for commands and autocomplete',