initial commit: slides ready + upgraded

slides/pages/models/09.md

@@ -0,0 +1,51 @@
+---
+layout: default
+---
+
+# initChatModel: Configuración Universal
+
+<div class="mt-8 text-sm">
+
+<v-click>
+
+<div class="mb-6">
+
+**Forma simplificada** de inicializar modelos sin imports específicos
+
+</div>
+
+</v-click>
+
+<v-click>
+
+```typescript
+import { initChatModel } from "langchain";
+
+// En lugar de importar ChatOpenAI, ChatAnthropic, etc.
+const model = await initChatModel("gpt-4.1-mini", {
+  modelProvider: "openai",
+  temperature: 0.7,
+});
+
+const response = await model.invoke("Hola!");
+```
+
+</v-click>
+
+<v-click>
+
+<div class="mt-6 text-xs opacity-80">
+✅ Ventaja: Cambiar de proveedor modificando solo el string
+</div>
+
+</v-click>
+
+<v-click>
+
+<div class="mt-4 p-3 bg-amber-500/10 border border-amber-500/30 rounded text-xs">
+⚠️ <strong>No es magia:</strong> aunque no veas el <code>import</code>, el paquete del proveedor (<code>@langchain/openai</code>, <code>@langchain/mistralai</code>, etc.) <strong>debe estar instalado</strong> en tu proyecto. <code>initChatModel</code> lo resuelve internamente (<em>under the hood</em>).
+</div>
+
+</v-click>
+
+</div>