Try to fix workers and workspace

apps/next/src/components/agent-workspace/agent-workspace-shell.tsx

@@ -95,13 +95,13 @@ export const AgentWorkspaceShell = ({ jobId }: { jobId: Id<'agentJobs'> }) => {
   };
 
   return (
-    <main className='border-border bg-muted/20 min-h-[calc(100vh-5rem)] overflow-hidden rounded-md border'>
+    <main className='border-border bg-muted/20 flex h-[calc(100vh-8.5rem)] min-h-[720px] flex-col overflow-hidden rounded-md border'>
       <JobStatusBar job={job} />
       <div className='border-border bg-background flex items-center justify-end border-b px-4 py-2'>
         <WorkspaceActions job={job} disabled={workspaceDisabled} />
       </div>
-      <div className='grid min-h-[680px] grid-cols-1 xl:grid-cols-[260px_minmax(0,1fr)_360px]'>
-        <aside className='border-border bg-background min-h-[260px] border-r'>
+      <div className='grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[280px_minmax(0,1fr)] 2xl:grid-cols-[300px_minmax(0,1fr)_420px]'>
+        <aside className='border-border bg-background min-h-0 border-r'>
           <div className='border-border border-b p-3'>
             <h2 className='text-sm font-semibold'>Files</h2>
             <p className='text-muted-foreground text-xs'>Current workspace</p>
@@ -117,16 +117,19 @@ export const AgentWorkspaceShell = ({ jobId }: { jobId: Id<'agentJobs'> }) => {
             }}
           />
         </aside>
-        <section className='bg-background min-w-0'>
-          <Tabs defaultValue='editor' className='h-full'>
+        <section className='bg-background flex min-w-0 flex-col'>
+          <Tabs defaultValue='editor' className='flex min-h-0 flex-1 flex-col'>
             <TabsList
               variant='line'
-              className='border-border h-11 w-full justify-start rounded-none border-b px-3'
+              className='border-border h-11 flex-none justify-start rounded-none border-b px-3'
             >
               <TabsTrigger value='editor'>Editor</TabsTrigger>
               <TabsTrigger value='diff'>Diff</TabsTrigger>
+              <TabsTrigger value='thread' className='2xl:hidden'>
+                Thread
+              </TabsTrigger>
             </TabsList>
-            <TabsContent value='editor' className='m-0'>
+            <TabsContent value='editor' className='m-0 min-h-0 flex-1'>
               <CodeEditor
                 path={selectedPath}
                 content={fileContent}
@@ -134,13 +137,23 @@ export const AgentWorkspaceShell = ({ jobId }: { jobId: Id<'agentJobs'> }) => {
                 onSave={saveFile}
               />
             </TabsContent>
-            <TabsContent value='diff' className='m-0'>
+            <TabsContent value='diff' className='m-0 min-h-0 flex-1'>
               <DiffViewer diff={diff} onRefresh={loadDiff} />
             </TabsContent>
+            <TabsContent
+              value='thread'
+              className='m-0 min-h-0 flex-1 2xl:hidden'
+            >
+              <AgentThread
+                jobId={jobId}
+                messages={messages}
+                disabled={workspaceDisabled}
+              />
+            </TabsContent>
           </Tabs>
           <CommandPanel jobId={jobId} disabled={workspaceDisabled} />
         </section>
-        <aside className='border-border bg-muted/20 min-w-0 border-l'>
+        <aside className='border-border bg-muted/20 hidden min-w-0 border-l 2xl:block'>
           <AgentThread
             jobId={jobId}
             messages={messages}

apps/next/src/components/agent-workspace/code-editor.tsx

@@ -79,7 +79,7 @@ export const CodeEditor = ({
   };
 
   return (
-    <div className='flex h-full min-h-[520px] flex-col'>
+    <div className='flex h-full min-h-0 flex-col'>
       <div className='border-border flex h-11 items-center justify-between gap-3 border-b px-3'>
         <div className='min-w-0'>
           <p className='truncate font-mono text-xs'>{path}</p>
@@ -104,7 +104,8 @@ export const CodeEditor = ({
       </div>
       <div className='min-h-0 flex-1'>
         <MonacoEditor
-          height='520px'
+          height='100%'
+          width='100%'
           path={path}
           value={value}
           theme='vs-dark'
@@ -114,6 +115,7 @@ export const CodeEditor = ({
             fontSize: 13,
             scrollBeyondLastLine: false,
             wordWrap: 'on',
+            automaticLayout: true,
           }}
           onMount={(editor) => {
             editorRef.current = editor as MonacoEditorInstance;

apps/next/src/components/agent-workspace/diff-viewer.tsx

@@ -15,7 +15,7 @@ export const DiffViewer = ({
   diff: string;
   onRefresh: () => Promise<void>;
 }) => (
-  <div className='flex h-full min-h-[520px] flex-col'>
+  <div className='flex h-full min-h-0 flex-col'>
     <div className='border-border flex h-11 items-center justify-between border-b px-3'>
       <div>
         <p className='text-sm font-medium'>Workspace diff</p>
@@ -27,7 +27,8 @@ export const DiffViewer = ({
     </div>
     {diff.trim() ? (
       <MonacoEditor
-        height='520px'
+        height='100%'
+        width='100%'
         language='diff'
         theme='vs-dark'
         value={diff}
@@ -36,6 +37,7 @@ export const DiffViewer = ({
           minimap: { enabled: false },
           fontSize: 13,
           scrollBeyondLastLine: false,
+          automaticLayout: true,
         }}
       />
     ) : (