component-refactoring

Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.

Complexity Threshold: Components with complexity > 50 (measured by pnpm analyze-component) should be refactored before testing.

Use paths relative to web/ (e.g., app/components/...). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics.

Effettua il refactoring dei componenti React ad alta complessità nel frontend Dify. Da utilizzare quando "pnpm analyze-component --json" mostra complessità > 50 o lineCount > 300, quando l'utente richiede la suddivisione del codice, l'estrazione degli hook o la riduzione della complessità oppure quando "pnpm analyze-component" avvisa di eseguire il refactoring prima del test; da evitare per componenti semplici/ben strutturati, wrapper di terze parti o quando l'utente desidera esplicitamente eseguire test senza refactoring. Fonte: langgenius/dify.