refactor: remove CoursePromoBadge component and related settings

- Deleted the CoursePromoBadge component from the sidebar and its associated logic.
- Removed references to the hideMarketingContent setting from the settings view and appearance section.
- Cleaned up related tests for marketing content visibility as they are no longer applicable.

apps/ui/src/components/layout/sidebar.tsx

@@ -2,7 +2,6 @@ import { useState, useMemo, useEffect, useCallback, useRef } from "react";
 import { useNavigate, useLocation } from "@tanstack/react-router";
 import { cn } from "@/lib/utils";
 import { useAppStore, formatShortcut, type ThemeMode } from "@/store/app-store";
-import { CoursePromoBadge } from "@/components/ui/course-promo-badge";
 import {
   FolderOpen,
   Plus,
@@ -1942,8 +1941,6 @@ export function Sidebar() {
           "bg-gradient-to-t from-background/10 via-sidebar/50 to-transparent"
         )}
       >
-        {/* Course Promo Badge */}
-        <CoursePromoBadge sidebarOpen={sidebarOpen} />
         {/* Wiki Link */}
         {!hideWiki && (
           <div className="p-2 pb-0">

apps/ui/src/components/ui/course-promo-badge.tsx

@@ -1,90 +0,0 @@
-
-import * as React from "react";
-import { Sparkles, X } from "lucide-react";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { useAppStore } from "@/store/app-store";
-
-interface CoursePromoBadgeProps {
-  sidebarOpen?: boolean;
-}
-
-export function CoursePromoBadge({ sidebarOpen = true }: CoursePromoBadgeProps) {
-  const [dismissed, setDismissed] = React.useState(false);
-  const hideMarketingContent = useAppStore((state) => state.hideMarketingContent);
-
-  // If marketing content is hidden globally or dismissed locally, don't render
-  if (hideMarketingContent || dismissed) {
-    return null;
-  }
-
-  // Collapsed state - show only icon with tooltip
-  if (!sidebarOpen) {
-    return (
-      <div className="p-2 pb-0 flex justify-center">
-        <TooltipProvider delayDuration={300}>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <a
-                href="https://agenticjumpstart.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="group cursor-pointer flex items-center justify-center w-10 h-10 bg-primary/10 text-primary rounded-lg hover:bg-primary/20 transition-all border border-primary/30"
-                data-testid="course-promo-badge-collapsed"
-              >
-                <Sparkles className="size-4 shrink-0" />
-              </a>
-            </TooltipTrigger>
-            <TooltipContent side="right" className="flex items-center gap-2">
-              <span>Become a 10x Dev</span>
-              <span
-                onClick={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  setDismissed(true);
-                }}
-                className="p-0.5 rounded-full hover:bg-primary/30 transition-colors cursor-pointer"
-                aria-label="Dismiss"
-              >
-                <X className="size-3" />
-              </span>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
-      </div>
-    );
-  }
-
-  // Expanded state - show full badge
-  return (
-    <div className="p-2 pb-0">
-      <a
-        href="https://agenticjumpstart.com"
-        target="_blank"
-        rel="noopener noreferrer"
-        className="group cursor-pointer flex items-center justify-between w-full px-2 lg:px-3 py-2.5 bg-primary/10 text-primary rounded-lg font-medium text-sm hover:bg-primary/20 transition-all border border-primary/30"
-        data-testid="course-promo-badge"
-      >
-        <div className="flex items-center gap-2">
-          <Sparkles className="size-4 shrink-0" />
-          <span className="hidden lg:block">Become a 10x Dev</span>
-        </div>
-        <span
-          onClick={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            setDismissed(true);
-          }}
-          className="hidden lg:block p-1 rounded-full hover:bg-primary/30 transition-colors cursor-pointer"
-          aria-label="Dismiss"
-        >
-          <X className="size-3.5" />
-        </span>
-      </a>
-    </div>
-  );
-}

apps/ui/src/components/views/settings-view.tsx

@@ -37,8 +37,6 @@ export function SettingsView() {
     setShowProfilesOnly,
     muteDoneSound,
     setMuteDoneSound,
-    hideMarketingContent,
-    setHideMarketingContent,
     currentProject,
     moveProjectToTrash,
     defaultPlanningMode,
@@ -104,9 +102,7 @@ export function SettingsView() {
           <AppearanceSection
             effectiveTheme={effectiveTheme}
             currentProject={settingsProject}
-            hideMarketingContent={hideMarketingContent}
             onThemeChange={handleSetTheme}
-            onHideMarketingContentChange={setHideMarketingContent}
           />
         );
       case "keyboard":

apps/ui/src/components/views/settings-view/appearance/appearance-section.tsx

@@ -1,6 +1,5 @@
 import { Label } from "@/components/ui/label";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Palette, Megaphone } from "lucide-react";
+import { Palette } from "lucide-react";
 import { themeOptions } from "@/config/theme-options";
 import { cn } from "@/lib/utils";
 import type { Theme, Project } from "../shared/types";
@@ -8,17 +7,13 @@ import type { Theme, Project } from "../shared/types";
 interface AppearanceSectionProps {
   effectiveTheme: Theme;
   currentProject: Project | null;
-  hideMarketingContent: boolean;
   onThemeChange: (theme: Theme) => void;
-  onHideMarketingContentChange: (hide: boolean) => void;
 }
 
 export function AppearanceSection({
   effectiveTheme,
   currentProject,
-  hideMarketingContent,
   onThemeChange,
-  onHideMarketingContentChange,
 }: AppearanceSectionProps) {
   return (
     <div
@@ -85,35 +80,6 @@ export function AppearanceSection({
             })}
           </div>
         </div>
-
-        {/* Separator */}
-        <div className="border-t border-border/30 my-4" />
-
-        {/* Hide Marketing Content Setting */}
-        <div className="group flex items-start space-x-3 p-3 rounded-xl hover:bg-accent/30 transition-colors duration-200 -mx-3">
-          <Checkbox
-            id="hide-marketing-content"
-            checked={hideMarketingContent}
-            onCheckedChange={(checked) =>
-              onHideMarketingContentChange(checked === true)
-            }
-            className="mt-1"
-            data-testid="hide-marketing-content-checkbox"
-          />
-          <div className="space-y-1.5">
-            <Label
-              htmlFor="hide-marketing-content"
-              className="text-foreground cursor-pointer font-medium flex items-center gap-2"
-            >
-              <Megaphone className="w-4 h-4 text-brand-500" />
-              Hide marketing content
-            </Label>
-            <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              When enabled, hides promotional content like the &quot;Become a 10x Dev&quot; badge
-              in the sidebar. This setting persists across sessions.
-            </p>
-          </div>
-        </div>
       </div>
     </div>
   );