;
};
export const PromptBlock = ({children, type, agent, intent, playbookId}) => {
var utm = 'utm_source=docs&utm_medium=use-case-gallery&utm_campaign=prompt-block';
var tag = 'docs-use-case-gallery';
var agentParams = (agent ? '&agent=' + agent : '') + (intent ? '&intent=' + intent : '') + (playbookId ? '&playbookId=' + playbookId : '');
var label = type === 'schedule' ? 'Schedule in Devin' : type === 'playbook' ? 'Create Playbook' : type === 'knowledge' ? 'Add to Knowledge' : agent === 'advanced' ? 'Try in Devin' : agent === 'dana' ? 'Try in Dana' : agent === 'ada' ? 'Try in Ask Devin' : 'Try in Devin';
var buildUrl = function (text) {
var encoded = encodeURIComponent(text);
if (type === 'schedule') return 'https://app.devin.ai/settings/schedules/create?' + utm + agentParams + '&prompt=' + encoded;
if (type === 'playbook') return 'https://app.devin.ai/settings/playbooks/create?' + utm + '&body=' + encoded;
if (type === 'knowledge') return 'https://app.devin.ai/knowledge?' + utm + '&body=' + encoded;
if (agent === 'ada') return 'https://app.devin.ai/search?' + utm + '&noSubmit=true&prompt=' + encoded;
return 'https://app.devin.ai/?tags=' + tag + '&' + utm + agentParams + '&prompt=' + encoded;
};
const ref = React.useRef(null);
const [href, setHref] = React.useState('#');
React.useEffect(() => {
if (!ref.current) return;
var codeEl = ref.current.querySelector('pre code');
if (codeEl) {
var text = codeEl.textContent.trim();
if (text) setHref(buildUrl(text));
}
var header = ref.current.querySelector('[data-component-part="code-block-header"]');
if (header && !header.querySelector('.prompt-block-devin-link')) {
var link = document.createElement('a');
link.href = href;
link.target = '_blank';
link.rel = 'noopener noreferrer';
link.className = 'prompt-block-devin-link';
link.style.cssText = 'display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;background:#317CFF;transition:background 0.2s;margin-left:8px;';
link.innerHTML = ' ' + label;
link.onmouseenter = function () {
link.style.background = '#2968D9';
};
link.onmouseleave = function () {
link.style.background = '#317CFF';
};
header.appendChild(link);
}
var existingLink = ref.current.querySelector('.prompt-block-devin-link');
if (existingLink && href !== '#') existingLink.href = href;
});
return
{children}
;
};
¿No quieres configurar esto manualmente? Pega el enlace de esta página en una sesión de Devin y pídele que lo configure todo por ti.
Acabas de desplegar un nuevo flujo de checkout detrás de `enable_new_checkout`. Está habilitado en producción, pero quieres una semana de monitoreo antes de comprometerte a eliminar el código antiguo. En lugar de crear un ticket que olvidarás, programa ahora una sesión única de Devin, mientras el contexto está fresco.
Abre la [página de creación de programación](https://app.devin.ai/settings/schedules/create?utm_source=docs\&utm_medium=use-case-gallery) y configura el tipo como **One-time**. Elige una fecha posterior a tu ventana de monitoreo (por ejemplo, el próximo viernes a las 9 a. m.). Selecciona un **canal de Slack** para que tu equipo reciba una notificación cuando se ejecute la sesión y el PR esté listo. Luego pega tu prompt:
```txt Limpia la feature flag después del lanzamiento theme={null}
Elimina la feature flag "enable_new_checkout" de la base de código:
1. Borra la definición de la flag de src/config/featureFlags.ts
2. Encuentra todas las condiciones que verifican esta flag (useFeatureFlag, isEnabled,
ramas if/else) y conserva solo la ruta habilitada
3. Borra la implementación antigua del checkout que ahora es inalcanzable
4. Elimina o actualiza cualquier prueba que haga mock de esta flag
5. Ejecuta la suite de pruebas y abre un PR con un resumen de lo que se eliminó
```
Las feature flags se esconden en lugares inesperados: archivos de configuración, fixtures de pruebas, comentarios y variables de entorno. Cuanto más contexto incluyas en el prompt, más limpio será el resultado. Incluye:
* **Cómo funcionan tus flags**: dónde se definen y cómo se verifican (por ejemplo, `useFeatureFlag('name')` en React, `isEnabled('name')` en servicios de backend)
* **Qué no se debe tocar**: el framework de flags en sí frente a la flag específica (por ejemplo, "no modifiques `src/lib/featureFlags/` — ese es el framework")
* **Dónde viven el código antiguo y el nuevo**: por ejemplo, "el checkout antiguo está en `src/pages/checkout/legacy/`, el flujo nuevo está en `src/pages/checkout/v2/`"
* **Alcance de la limpieza**: comentarios, documentación, archivos `.env` y configuraciones de CI que hagan referencia a la flag también deben limpiarse
Un prompt con este nivel de detalle permite que Devin rastree todas las referencias en una sola pasada, sin necesidad de una barrida posterior.
Cuando se ejecute la sesión programada, Devin rastreará todos los usos de la flag en tu base de código, conservará la ruta de código habilitada, eliminará la ruta deshabilitada y el código muerto, limpiará las pruebas y abrirá un PR. Recibirás una notificación por correo electrónico cuando esté listo.
Un PR típico se ve así:
```
Removed feature flag: enable_new_checkout
- Deleted flag from src/config/featureFlags.ts (1 file)
- Removed 12 conditional branches across 7 files
- Deleted src/pages/checkout/legacy/ (4 files, 380 lines)
- Updated 3 test files — removed flag mocking, deleted old-path tests
- All 1,204 tests passing
```
Antes de hacer merge, verifica que ninguna lógica de negocio de la ruta antigua debería haberse conservado; a veces el manejo de errores, los eventos de analítica o las rutas de fallback para casos extremos viven dentro de la rama "disabled".