Feat/prototype agents; feature flagged

.env.example

@@ -59,6 +59,11 @@ NEXT_PUBLIC_E2B_DOMAIN=e2b.dev
 # (Required if NEXT_PUBLIC_INCLUDE_REPORT_ISSUE=1)
 # PLAIN_API_KEY=
 
+### LaunchDarkly feature flags
+### Use the SDK key for the LaunchDarkly environment selected below.
+# LAUNCHDARKLY_SDK_KEY=
+# FEATURE_FLAG_ENVIRONMENT=staging
+
 ### OTEL Configuration
 # OTEL_SERVICE_NAME=
 # OTEL_EXPORTER_OTLP_ENDPOINT=
@@ -74,7 +79,7 @@ NEXT_PUBLIC_E2B_DOMAIN=e2b.dev
 ### OPTIONAL CLIENT ENVIRONMENT VARIABLES
 ### =================================
 
-### PostHog analytics and feature flag project key
+### PostHog analytics project key
 # NEXT_PUBLIC_POSTHOG_KEY=
 
 ### PostHog source map upload (build-time only, used by @posthog/nextjs-config).

package.json

@@ -46,7 +46,10 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
+    "@launchdarkly/node-server-sdk": "^9.11.2",
+    "@launchdarkly/openfeature-node-server": "^1.2.0",
     "@next/env": "^16.2.7",
+    "@openfeature/server-sdk": "^1.22.0",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/auto-instrumentations-node": "^0.77.0",
     "@opentelemetry/exporter-logs-otlp-http": "^0.203.0",
@@ -117,7 +120,6 @@
     "pathe": "^2.0.3",
     "pino": "^9.7.0",
     "posthog-js": "^1.268.1",
-    "posthog-node": "^5.38.0",
     "react": "19.2.4",
     "react-day-picker": "^9.9.0",
     "react-dom": "19.2.4",

scripts/check-app-env.ts

@@ -34,5 +34,19 @@ const schema = appEnvSchema
       path: ['PLAIN_API_KEY'],
     }
   )
+  .refine(
+    (data) => {
+      if (data.LAUNCHDARKLY_SDK_KEY) {
+        return !!data.FEATURE_FLAG_ENVIRONMENT
+      }
+
+      return true
+    },
+    {
+      message:
+        'LAUNCHDARKLY_SDK_KEY is set, but FEATURE_FLAG_ENVIRONMENT is missing',
+      path: ['FEATURE_FLAG_ENVIRONMENT'],
+    }
+  )
 
 validateEnv(schema)

src/app/dashboard/[teamSlug]/agents/page.tsx

@@ -0,0 +1,64 @@
+import type { Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
+import { AUTH_URLS } from '@/configs/urls'
+import { featureFlags } from '@/core/modules/feature-flags/feature-flags.server'
+import { getAuthContext } from '@/core/server/auth'
+import { getTeamIdFromSlug } from '@/core/server/functions/team/get-team-id-from-slug'
+import { AgentsList } from '@/features/dashboard/agents/agents-list'
+import { AGENT_TEMPLATES } from '@/features/dashboard/agents/config'
+import { Page } from '@/features/dashboard/layouts/page'
+
+export const metadata: Metadata = {
+  title: 'Agents - E2B',
+}
+
+type AgentsPageProps = {
+  params: Promise<{
+    teamSlug: string
+  }>
+}
+
+export default async function AgentsPage({ params }: AgentsPageProps) {
+  const [{ teamSlug }, authContext] = await Promise.all([
+    params,
+    getAuthContext(),
+  ])
+
+  if (!authContext) {
+    redirect(AUTH_URLS.SIGN_IN)
+  }
+
+  const teamId = await getTeamIdFromSlug(teamSlug, authContext.accessToken)
+
+  if (!teamId.ok || !teamId.data) {
+    notFound()
+  }
+
+  const agentsEnabled = await featureFlags.isEnabled('agentsEnabled', {
+    user: {
+      id: authContext.user.id,
+      email: authContext.user.email ?? undefined,
+    },
+    team: {
+      id: teamId.data,
+      slug: teamSlug,
+    },
+  })
+
+  if (!agentsEnabled) {
+    notFound()
+  }
+
+  return (
+    <Page className="flex flex-col gap-4">
+      <div className="flex flex-col gap-1">
+        <h2 className="prose-title text-fg">Agents</h2>
+        <p className="prose-body text-fg-tertiary max-w-2xl">
+          Start a coding-agent sandbox and open it in the dashboard terminal.
+        </p>
+      </div>
+
+      <AgentsList agents={AGENT_TEMPLATES} />
+    </Page>
+  )
+}

src/app/dashboard/[teamSlug]/sandboxes/[sandboxId]/terminal/page.tsx

@@ -9,15 +9,18 @@ interface SandboxTerminalPageProps {
   params: Promise<{
     teamSlug: string
   }>
+  searchParams: Promise<{
+    command?: string
+    template?: string
+  }>
 }
 
 export default async function SandboxTerminalPage({
   params,
+  searchParams,
 }: SandboxTerminalPageProps) {
-  const [{ teamSlug }, authContext] = await Promise.all([
-    params,
-    getAuthContext(),
-  ])
+  const [{ teamSlug }, { command = '', template }, authContext] =
+    await Promise.all([params, searchParams, getAuthContext()])
 
   if (!authContext) {
     redirect(AUTH_URLS.SIGN_IN)
@@ -33,10 +36,12 @@ export default async function SandboxTerminalPage({
 
   return (
     <SandboxTerminalView
+      command={command}
       sandboxManagementAuth={createSandboxManagementAuth(
         authContext,
         teamId.data
       )}
+      template={template}
     />
   )
 }