refactor: put the feature behind feature flag

Author: samuv

main/src/feature-flags/flags.ts

@@ -20,6 +20,11 @@ const featureFlagOptions: Record<FeatureFlagKey, FeatureFlagOptions> = {
     defaultValue: false,
     isExperimental: false,
   },
+  [featureFlagKeys.AGENTS]: {
+    isDisabled: false,
+    defaultValue: false,
+    isExperimental: false,
+  },
 }
 
 // Kept for one-time reconciliation migration; remove after migration grace period

renderer/src/features/chat/components/chat-input-prompt.tsx

@@ -30,6 +30,8 @@ import type { ChatSettings } from '../types'
 import { toast } from 'sonner'
 import { toastVariants } from '@/common/lib/toast'
 import { useThreadDraft } from '../hooks/use-thread-draft'
+import { useFeatureFlag } from '@/common/hooks/use-feature-flag'
+import { featureFlagKeys } from '@utils/feature-flags'
 
 const errorToastConfig = {
   max_files: {
@@ -83,6 +85,7 @@ function InputWithAttachments({
 }) {
   const attachments = usePromptInputAttachments()
   const prevTextRef = useRef(text)
+  const isAgentsEnabled = useFeatureFlag(featureFlagKeys.AGENTS)
 
   // Clear attachments when text is cleared and message is ready
   useEffect(() => {
@@ -150,7 +153,7 @@ function InputWithAttachments({
           </PromptInputActionMenu>
           {hasProviderAndModel && (
             <>
-              <AgentSelector threadId={threadId} />
+              {isAgentsEnabled && <AgentSelector threadId={threadId} />}
               <ModelSelector
                 settings={settings}
                 onSettingsChange={updateSettings}

renderer/src/features/chat/components/playground-sidebar.tsx

@@ -25,6 +25,8 @@ import {
 } from '@/common/components/ui/dropdown-menu'
 import { cn } from '@/common/lib/utils'
 import { useConfirm } from '@/common/hooks/use-confirm'
+import { useFeatureFlag } from '@/common/hooks/use-feature-flag'
+import { featureFlagKeys } from '@utils/feature-flags'
 import type { PlaygroundThread } from '../hooks/use-playground-threads'
 
 interface PlaygroundSidebarProps {
@@ -268,8 +270,10 @@ export function PlaygroundSidebar({
   const starredThreads = threads.filter((t) => t.starred)
   const recentThreads = threads.filter((t) => !t.starred)
   const hasStarred = starredThreads.length > 0
+  const isAgentsEnabled = useFeatureFlag(featureFlagKeys.AGENTS)
   const pathname = useRouterState({ select: (s) => s.location.pathname })
-  const isAgentsActive = pathname.startsWith('/playground/agents')
+  const isAgentsActive =
+    isAgentsEnabled && pathname.startsWith('/playground/agents')
 
   const renderItem = (thread: PlaygroundThread) => (
     <ThreadItem
@@ -289,20 +293,23 @@ export function PlaygroundSidebar({
         shrink-0 flex-col border-r"
     >
       <div className="flex flex-col gap-0.5 px-2 pt-2 pb-1">
-        <Link
-          to="/playground/agents"
-          aria-label="Agents"
-          className={cn(
-            'flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm',
-            'transition-colors',
-            isAgentsActive
-              ? 'bg-accent text-accent-foreground'
-              : 'text-muted-foreground hover:text-foreground hover:bg-accent/60'
-          )}
-        >
-          <Bot className="h-4 w-4 shrink-0" />
-          Agents
-        </Link>
+        {isAgentsEnabled && (
+          <Link
+            to="/playground/agents"
+            aria-label="Agents"
+            className={cn(
+              'flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm',
+              'transition-colors',
+              isAgentsActive
+                ? 'bg-accent text-accent-foreground'
+                : `text-muted-foreground hover:text-foreground
+                  hover:bg-accent/60`
+            )}
+          >
+            <Bot className="h-4 w-4 shrink-0" />
+            Agents
+          </Link>
+        )}
         <button
           type="button"
           onClick={onCreateThread}

utils/feature-flags.ts

@@ -1,4 +1,5 @@
 export const featureFlagKeys = {
   META_OPTIMIZER: 'meta_optimizer',
   SKILLS: 'skills',
+  AGENTS: 'agents',
 } as const