Learning Cline Creates unique taskId for each conversation Initializes API handlers for AI providers Manages terminal interactions through TerminalManager Handles web content with UrlContentFetcher Controls browser automation via BrowserSession Core execution : private async initiateTaskLoop(userContent: UserContent): Promise<void> { while (!this.abort) { const didEndLoop = await this.recursivelyMakeClineRequests(nextUserContent) if (didEndLoop) break // ... loop continues } } private async recursivelyMakeClineRequests(userContent: UserContent): Promise<boolean> { // 1. Process user content // 2. Call AI API // 3. Handle tool executions // 4. Update conversation history } Execution Flow: User initiates task System gathers environment context ...

DOM Introduction Browser Use DOM Understanding this line The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. DOM ( Document Object Model ) The DOM is like a map of a webpage or document. Imagine a webpage (HTML) as a tree where each part—like headings, paragraphs, buttons, or images—is a branch or a leaf. The DOM is the structure of this tree that makes it easy for programs to understand and interact with the webpage. ...

Electro Magnetic Field Learning about Electronics , signals , communication Communication Communication is sending information from one place to another. In wireless communication, we don’t use wires or cables — instead, we use waves to send information. Wave is simply a way to move energy or information from one place to another. Imagine throwing a pebble in a pond, ripples carry energy outwards Waves in communication work in a similar way, but instead of water, they travel through air or space. ...

Playwright Web The current web page is advanced , the DOM is loaded only for the visible section on the page and the visible section can be increased or decreased based on the viewport height and width of the page .. To load the DOM in natural way you will need to scroll it down to get to the next set of links and it builds the DOM tree and the tree !! ...

Links : http://www.gooath.org/blog/2022/12/05/how-do-computers-really-work-part-1-basics/ Transistor Diode Logic gates from transistor Basics Atom made up of electron , proton , nucleus conductor -> free electrons in valence shell insulator -> no electrons in valence shell semiconductor -> few electrons in valence neither a good conductor or insulator semiconductor in pure form is useless , dope it to make n / p type Diode Electric field: start from positive end to negative end electrons accelerate in the opposite direction of the field ...

Setup : CDN -> script tag and get started ( no installation required ) Vue CLI -> old not recommended way Create Vue -> use vite and ecosystem of plugins and is the recommended way Vue.js Written by someone that loves python Its a Progressive JavaScript Framework ( PJF ) Progressive JavaScript Framework, means even if your project is React you can use vue.js for some parts / components of it rather than fixing on vue from start .. nice benefit ...

Google doc link Async Programming Basics of Async Programming At any single time, a single CPU thread executes only a single function ( no multiprocessing happens ) atleast in the case of python !! Its just smart switching Pick up a event loop / create a event loop Create / Add tasks in it Check for the status and if done return the result Coroutines : A coroutine is a special function that can give up control to its caller without losing its state. ...

Basics of Networking Google doc link SSH explained ssh is a secure way to connect to a machine Logic A 2 layer key is setup , a public and private key you Setup Lets say a machine in London wants to talk to a machine in Delhi , london machine is connected to wifi and has a fixed internal IP ( 192.168.1.200 ) , the wifi IP is Dynamic , so in the router’s setting we need to create a port forwarding rule to internal IP (192.168.1.200) on port 22 ...

Learning about AI agents and how they are built in real world

C concepts LIBRARIES #include <stdio.h> : standard input - output , printf , stdin , stdout #include <string> : For string operations string a = “this is a string” #include <stdlib.h> : (https://www.tutorialspoint.com/c_standard_library/stdlib_h.htm) standard libraries , that contains functions, size_t , free , allocate , malloc , realloc , exit , rand , srand , abort , exit , rand , RAND_MAX, EXIT_SUCCESS , EXIT_FAILURE #include <time.h> : time() , use ...

Doc link REPLIT Trying to Learn React once again Delta to learn react is high, you need JS, css, html Importing / Exporting Named export ( export function App ) Default export ( export default ) Default import ( import App from ‘./App’ ) Named import ( import {App} from ‘./App’ ) the { } must match the function name exactly Multiple Exports ** File is : app.js export const Test1 = (()=>{ }) export const Test2 = function(){ } export const Test3 = () => { } // call it as following import {Test, Test2 , Test3} from './app.js' Components : Different parts Like parts of a motorcycle , fan .. these are components and a site is made up many such components Component name should always start with a Capital letter Inside JSX, we can write javascript also Can only return only one parent element ...