initial commit: slides ready + upgraded

slides/pages/agents/22.md

@@ -0,0 +1,49 @@
+---
+layout: default
+---
+
+<h1 class="!text-2xl">Human-in-the-Loop</h1>
+
+<div class="mt-1">
+
+<v-click>
+
+````md magic-move
+```typescript
+import { createAgent, humanInTheLoopMiddleware } from "langchain";
+import { Command, MemorySaver } from "@langchain/langgraph";
+
+const agent = createAgent({
+  model: "gpt-4.1",
+  tools: [sendEmailTool, deleteRecordTool],
+  checkpointer: new MemorySaver(),
+  middleware: [
+    humanInTheLoopMiddleware({
+      interruptOn: {
+        send_email: { allowedDecisions: ["approve", "edit", "reject"] },
+        delete_record: { allowedDecisions: ["approve", "reject"] },
+      },
+    }),
+  ],
+});
+```
+```typescript
+const config = { configurable: { thread_id: "thread-1" } };
+
+// Se pausa antes de ejecutar tools sensibles
+let result = await agent.invoke({ messages: [...] }, config);
+
+// Aprobar y continuar
+result = await agent.invoke(
+  new Command({ resume: { decisions: [{ type: "approve" }] } }),
+  config
+);
+```
+````
+
+</v-click>
+
+</div>
+
+
+---