Clean up old stuff & fix ui errors

apps/next/src/app/(app)/spoons/[spoonId]/page.tsx

@@ -2,8 +2,6 @@
 
 import Link from 'next/link';
 import { useParams } from 'next/navigation';
-import { AgentJobList } from '@/components/agents/agent-job-list';
-import { AgentRequestForm } from '@/components/agents/agent-request-form';
 import { SpoonActivityTimeline } from '@/components/spoons/spoon-activity-timeline';
 import { SpoonAgentSettingsForm } from '@/components/spoons/spoon-agent-settings-form';
 import { SpoonClonePanel } from '@/components/spoons/spoon-clone-panel';
@@ -13,6 +11,7 @@ import { SpoonMetrics } from '@/components/spoons/spoon-metrics';
 import { SpoonPrList } from '@/components/spoons/spoon-pr-list';
 import { SpoonSecretsForm } from '@/components/spoons/spoon-secrets-form';
 import { SpoonSettingsForm } from '@/components/spoons/spoon-settings-form';
+import { ThreadWorkspaceForm } from '@/components/threads/thread-workspace-form';
 import { useQuery } from 'convex/react';
 
 import type { Id } from '@spoon/backend/convex/_generated/dataModel.js';
@@ -243,7 +242,7 @@ const SpoonDetailPage = () => {
         </TabsContent>
 
         <TabsContent value='threads' className='space-y-4'>
-          <AgentRequestForm
+          <ThreadWorkspaceForm
             spoon={details.spoon}
             agentSettings={agentSettings}
           />
@@ -273,7 +272,6 @@ const SpoonDetailPage = () => {
               )}
             </CardContent>
           </Card>
-          <AgentJobList jobs={agentJobs} />
         </TabsContent>
 
         <TabsContent value='activity'>