> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Pulisci i feature flag dopo il rilascio

export const UseCaseHero = ({title, description, prompt, category, features, devinUrl, agent, intent, playbookId, type}) => {
  const encodedPrompt = encodeURIComponent(prompt || '');
  const tag = 'docs-use-case-gallery';
  const utm = 'utm_source=docs&utm_medium=use-case-gallery&utm_campaign=hero-cta';
  const agentParams = (agent ? '&agent=' + agent : '') + (intent ? '&intent=' + intent : '') + (playbookId ? '&playbookId=' + playbookId : '');
  const devinHref = type === 'schedule' ? 'https://app.devin.ai/settings/schedules/create?' + utm + agentParams + (prompt ? '&prompt=' + encodedPrompt : '') : type === 'review' ? 'https://app.devin.ai/review?' + utm : agent === 'ada' ? 'https://app.devin.ai/search?' + utm + '&noSubmit=true' + (prompt ? '&prompt=' + encodedPrompt : '') : devinUrl ? devinUrl.includes('?') ? devinUrl + '&' + utm + agentParams : devinUrl + '?' + utm + agentParams : prompt ? 'https://app.devin.ai/?tags=' + tag + '&' + utm + agentParams + '&prompt=' + encodedPrompt : 'https://app.devin.ai/?' + utm + agentParams;
  const buttonLabel = type === 'schedule' ? 'Schedule in Devin ↗' : type === 'review' ? 'Set Up Devin Review ↗' : agent === 'advanced' ? 'Try in Devin ↗' : agent === 'dana' ? 'Try in Dana ↗' : agent === 'ada' ? 'Try in Ask Devin ↗' : 'Try in Devin ↗';
  const featureList = features ? features.split(',').map(f => f.trim()) : [];
  return <div className="uc-hero">
      <div className="uc-hero-inner">
        <div className="uc-hero-left">
          <h1 className="uc-hero-title">{title}</h1>
          <p className="uc-hero-desc">{description}</p>
          <div>
            <a href={devinHref} target="_blank" rel="noopener noreferrer" className="try-in-devin-btn">
              {buttonLabel}
            </a>
          </div>
        </div>
        <div className="uc-hero-meta">
          <div className="uc-meta-item">
            <span className="uc-meta-label">Author</span>
            <span className="uc-meta-value">Cognition</span>
          </div>
          <div className="uc-meta-item">
            <span className="uc-meta-label">Category</span>
            <span className="uc-meta-value">{category}</span>
          </div>
          {featureList.length > 0 && <div className="uc-meta-item">
              <span className="uc-meta-label">Features</span>
              <span className="uc-meta-value">{featureList.join(', ')}</span>
            </div>}
        </div>
      </div>
    </div>;
};

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 = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg> ' + 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 <div className="prompt-block" ref={ref}>{children}</div>;
};

<UseCaseHero title="Pulisci i feature flag dopo il rilascio" description="Pianifica una sessione Devin una tantum per rimuovere un feature flag e il relativo codice morto dopo che il tuo rilascio si è stabilizzato." prompt="Venerdì prossimo alle 9:00, rimuovi il feature flag 'enable_new_checkout' dalla nostra base di codice. Elimina la definizione del flag, mantieni il percorso di codice abilitato, rimuovi il percorso disabilitato, aggiorna i test e apri una PR." category="Automazioni" features="Pianificazioni" type="schedule" />

<div className="uc-detail-wrapper">
  <Tip>Non vuoi configurarlo manualmente? Incolla un collegamento a questa pagina in una sessione Devin e chiedigli di configurare tutto per te.</Tip>

  <Steps>
    <Step title="Pianifica la pulizia quando rilasci il flag">
      Hai appena distribuito un nuovo flusso di checkout dietro `enable_new_checkout`. È abilitato in produzione, ma vuoi una settimana di monitoraggio prima di impegnarti a rimuovere il vecchio codice. Invece di creare un ticket di cui ti dimenticherai, pianifica subito una sessione Devin una tantum — mentre il contesto è ancora fresco.

      Apri la [pagina di creazione della pianificazione](https://app.devin.ai/settings/schedules/create?utm_source=docs\&utm_medium=use-case-gallery) e imposta il tipo su **One-time**. Scegli una data successiva alla finestra di monitoraggio (ad es. il prossimo venerdì alle 9:00). Seleziona un **canale Slack** così il tuo team viene avvisato quando la sessione viene eseguita e la PR è pronta. Poi incolla il tuo prompt:

      <PromptBlock type="schedule">
        ```txt Pulizia del feature flag dopo il rilascio theme={null}
        Rimuovi il feature flag "enable_new_checkout" dalla base di codice:

        1. Elimina la definizione del flag da src/config/featureFlags.ts
        2. Trova tutte le condizioni che verificano questo flag (useFeatureFlag, isEnabled,
           rami if/else) e mantieni solo il percorso abilitato
        3. Elimina l’implementazione del vecchio checkout che ora è irraggiungibile
        4. Rimuovi o aggiorna tutti i test che fanno il mock di questo flag
        5. Esegui la suite di test e apri una PR con un riepilogo di ciò che è stato rimosso
        ```
      </PromptBlock>
    </Step>

    <Step title="Rendi il prompt dettagliato">
      I feature flag si nascondono in posti inaspettati — file di configurazione, fixture di test, commenti, variabili d'ambiente. Più contesto inserisci nel prompt, più pulito sarà il risultato. Includi:

      * **Come funzionano i tuoi flag** — dove sono definiti e come vengono verificati (ad es. `useFeatureFlag('name')` in React, `isEnabled('name')` nei servizi backend)
      * **Cosa non toccare** — il framework dei flag rispetto al flag specifico (ad es. "non modificare `src/lib/featureFlags/` — è il framework")
      * **Dove vivono il codice vecchio e quello nuovo** — ad es. "il vecchio checkout è in `src/pages/checkout/legacy/`, il nuovo flusso è in `src/pages/checkout/v2/`"
      * **Ambito della pulizia** — anche i commenti, la documentazione, i file `.env` e le configurazioni CI che fanno riferimento al flag devono essere ripuliti

      Un prompt con questo livello di dettaglio permette a Devin di tracciare ogni riferimento in un'unica passata — senza bisogno di un secondo giro di pulizia.
    </Step>

    <Step title="Rivedi la PR quando arriva">
      Quando si attiva la sessione pianificata, Devin traccia ogni utilizzo del flag all'interno della tua base di codice, mantiene il percorso di codice abilitato, rimuove il percorso disabilitato e il codice morto, ripulisce i test e apre una PR. Riceverai una notifica via email quando sarà pronta.

      Una PR tipica è simile a questa:

      ```
      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
      ```

      Prima di eseguire il merge, verifica attentamente che nessuna logica di business dal vecchio percorso dovesse essere mantenuta — la gestione degli errori, gli eventi di analytics o i fallback per casi limite a volte vivono all'interno del ramo "disabilitato".
    </Step>
  </Steps>
</div>