feat: enhance metrics dashboard with new components and data handling

- Introduced `MetricsOverview`, `MetricsMainCharts`, `MetricsDistributionCharts`, `MetricsVelocitySection`, and `MetricsProductivitySection` for improved metrics visualization.
- Updated `MetricsTab` to integrate new components and streamline data presentation.
- Added compatibility fields in `JiraTask` and `AssigneeDistribution` for better data handling.
- Refactored `calculateAssigneeDistribution` to include a count for total issues.
- Enhanced `JiraAnalyticsService` and `JiraAdvancedFiltersService` to support new metrics calculations.
- Cleaned up unused imports and components for a more maintainable codebase.

src/components/forms/EditTaskForm.tsx

@@ -3,15 +3,10 @@
 import { useState, useEffect } from 'react';
 import { Modal } from '@/components/ui/Modal';
 import { Button } from '@/components/ui/Button';
-import { Input } from '@/components/ui/Input';
-import { TagInput } from '@/components/ui/TagInput';
-import { RelatedTodos } from '@/components/forms/RelatedTodos';
-import { Badge } from '@/components/ui/Badge';
 import { Task, TaskPriority, TaskStatus } from '@/lib/types';
-import { useUserPreferences } from '@/contexts/UserPreferencesContext';
-// UpdateTaskData removed - using Server Actions directly
-import { getAllStatuses, getAllPriorities } from '@/lib/status-config';
-import { formatDateForDateTimeInput, parseDateTimeInput } from '@/lib/date-utils';
+import { TaskBasicFields } from './task/TaskBasicFields';
+import { TaskJiraInfo } from './task/TaskJiraInfo';
+import { TaskTagsSection } from './task/TaskTagsSection';
 
 interface EditTaskFormProps {
   isOpen: boolean;
@@ -22,7 +17,6 @@ interface EditTaskFormProps {
 }
 
 export function EditTaskForm({ isOpen, onClose, onSubmit, task, loading = false }: EditTaskFormProps) {
-  const { preferences } = useUserPreferences();
   const [formData, setFormData] = useState<{
     title: string;
     description: string;
@@ -41,13 +35,6 @@ export function EditTaskForm({ isOpen, onClose, onSubmit, task, loading = false
 
   const [errors, setErrors] = useState<Record<string, string>>({});
 
-  // Helper pour construire l'URL Jira
-  const getJiraTicketUrl = (jiraKey: string): string => {
-    const baseUrl = preferences.jiraConfig.baseUrl;
-    if (!baseUrl || !jiraKey) return '';
-    return `${baseUrl}/browse/${jiraKey}`;
-  };
-
   // Pré-remplir le formulaire quand la tâche change
   useEffect(() => {
     if (task) {
@@ -108,149 +95,29 @@ export function EditTaskForm({ isOpen, onClose, onSubmit, task, loading = false
   return (
     <Modal isOpen={isOpen} onClose={handleClose} title="Modifier la tâche" size="lg">
       <form onSubmit={handleSubmit} className="space-y-4 max-h-[80vh] overflow-y-auto pr-2">
-        {/* Titre */}
-        <Input
-          label="Titre *"
-          value={formData.title}
-          onChange={(e) => setFormData(prev => ({ ...prev, title: e.target.value }))}
-          placeholder="Titre de la tâche..."
-          error={errors.title}
-          disabled={loading}
+        <TaskBasicFields
+          title={formData.title}
+          description={formData.description}
+          priority={formData.priority}
+          status={formData.status}
+          dueDate={formData.dueDate}
+          onTitleChange={(title) => setFormData(prev => ({ ...prev, title }))}
+          onDescriptionChange={(description) => setFormData(prev => ({ ...prev, description }))}
+          onPriorityChange={(priority) => setFormData(prev => ({ ...prev, priority }))}
+          onStatusChange={(status) => setFormData(prev => ({ ...prev, status }))}
+          onDueDateChange={(dueDate) => setFormData(prev => ({ ...prev, dueDate }))}
+          errors={errors}
+          loading={loading}
         />
 
-        {/* Description */}
-        <div className="space-y-2">
-          <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
-            Description
-          </label>
-          <textarea
-            value={formData.description}
-            onChange={(e) => setFormData(prev => ({ ...prev, description: e.target.value }))}
-            placeholder="Description détaillée..."
-            rows={4}
-            disabled={loading}
-            className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm placeholder-[var(--muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm resize-none"
-          />
-          {errors.description && (
-            <p className="text-xs font-mono text-red-400 flex items-center gap-1">
-              <span className="text-red-500">⚠</span>
-              {errors.description}
-            </p>
-          )}
-        </div>
+        <TaskJiraInfo task={task} />
 
-        {/* Priorité et Statut */}
-        <div className="grid grid-cols-2 gap-4">
-          <div className="space-y-2">
-            <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
-              Priorité
-            </label>
-            <select
-              value={formData.priority}
-              onChange={(e) => setFormData(prev => ({ ...prev, priority: e.target.value as TaskPriority }))}
-              disabled={loading}
-              className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm"
-            >
-              {getAllPriorities().map(priorityConfig => (
-                <option key={priorityConfig.key} value={priorityConfig.key}>
-                  {priorityConfig.icon} {priorityConfig.label}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          <div className="space-y-2">
-            <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
-              Statut
-            </label>
-            <select
-              value={formData.status}
-              onChange={(e) => setFormData(prev => ({ ...prev, status: e.target.value as TaskStatus }))}
-              disabled={loading}
-              className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm"
-            >
-              {getAllStatuses().map(statusConfig => (
-                <option key={statusConfig.key} value={statusConfig.key}>
-                  {statusConfig.label}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-
-        {/* Date d'échéance */}
-        <Input
-          label="Date d'échéance"
-          type="datetime-local"
-          value={formData.dueDate ? formatDateForDateTimeInput(formData.dueDate) : ''}
-          onChange={(e) => setFormData(prev => ({ 
-            ...prev, 
-            dueDate: e.target.value ? parseDateTimeInput(e.target.value) : undefined 
-          }))}
-          disabled={loading}
+        <TaskTagsSection
+          taskId={task.id}
+          tags={formData.tags}
+          onTagsChange={(tags) => setFormData(prev => ({ ...prev, tags }))}
         />
 
-        {/* Informations Jira */}
-        {task.source === 'jira' && task.jiraKey && (
-          <div className="space-y-3">
-            <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
-              Jira
-            </label>
-            
-            <div className="flex items-center gap-3">
-              {preferences.jiraConfig.baseUrl ? (
-                <a
-                  href={getJiraTicketUrl(task.jiraKey)}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="hover:scale-105 transition-transform inline-flex"
-                >
-                  <Badge 
-                    variant="outline" 
-                    size="sm" 
-                    className="hover:bg-blue-500/10 hover:border-blue-400/50 cursor-pointer"
-                  >
-                    {task.jiraKey}
-                  </Badge>
-                </a>
-              ) : (
-                <Badge variant="outline" size="sm">
-                  {task.jiraKey}
-                </Badge>
-              )}
-              
-              {task.jiraProject && (
-                <Badge variant="outline" size="sm" className="text-blue-400 border-blue-400/30">
-                  {task.jiraProject}
-                </Badge>
-              )}
-              
-              {task.jiraType && (
-                <Badge variant="outline" size="sm" className="text-purple-400 border-purple-400/30">
-                  {task.jiraType}
-                </Badge>
-              )}
-            </div>
-          </div>
-        )}
-
-        {/* Tags */}
-        <div className="space-y-3">
-          <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
-            Tags
-          </label>
-          
-          <TagInput
-            tags={formData.tags || []}
-            onChange={(tags) => setFormData(prev => ({ ...prev, tags }))}
-            placeholder="Ajouter des tags..."
-            maxTags={10}
-          />
-        </div>
-
-        {/* Todos reliés */}
-        <RelatedTodos taskId={task.id} />
-
         {/* Actions */}
         <div className="flex justify-end gap-3 pt-4 border-t border-[var(--border)]/50">
           <Button

src/components/forms/task/TaskBasicFields.tsx

@@ -0,0 +1,118 @@
+'use client';
+
+import { Input } from '@/components/ui/Input';
+import { TaskPriority, TaskStatus } from '@/lib/types';
+import { getAllStatuses, getAllPriorities } from '@/lib/status-config';
+
+interface TaskBasicFieldsProps {
+  title: string;
+  description: string;
+  priority: TaskPriority;
+  status: TaskStatus;
+  dueDate?: Date;
+  onTitleChange: (title: string) => void;
+  onDescriptionChange: (description: string) => void;
+  onPriorityChange: (priority: TaskPriority) => void;
+  onStatusChange: (status: TaskStatus) => void;
+  onDueDateChange: (date?: Date) => void;
+  errors: Record<string, string>;
+  loading: boolean;
+}
+
+export function TaskBasicFields({
+  title,
+  description,
+  priority,
+  status,
+  dueDate,
+  onTitleChange,
+  onDescriptionChange,
+  onPriorityChange,
+  onStatusChange,
+  onDueDateChange,
+  errors,
+  loading
+}: TaskBasicFieldsProps) {
+  return (
+    <>
+      {/* Titre */}
+      <Input
+        label="Titre *"
+        value={title}
+        onChange={(e) => onTitleChange(e.target.value)}
+        placeholder="Titre de la tâche..."
+        error={errors.title}
+        disabled={loading}
+      />
+
+      {/* Description */}
+      <div className="space-y-2">
+        <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
+          Description
+        </label>
+        <textarea
+          value={description}
+          onChange={(e) => onDescriptionChange(e.target.value)}
+          placeholder="Description détaillée..."
+          rows={4}
+          disabled={loading}
+          className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm placeholder-[var(--muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm resize-none"
+        />
+        {errors.description && (
+          <p className="text-xs font-mono text-red-400 flex items-center gap-1">
+            <span className="text-red-500">⚠</span>
+            {errors.description}
+          </p>
+        )}
+      </div>
+
+      {/* Priorité et Statut */}
+      <div className="grid grid-cols-2 gap-4">
+        <div className="space-y-2">
+          <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
+            Priorité
+          </label>
+          <select
+            value={priority}
+            onChange={(e) => onPriorityChange(e.target.value as TaskPriority)}
+            disabled={loading}
+            className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm"
+          >
+            {getAllPriorities().map(priorityConfig => (
+              <option key={priorityConfig.key} value={priorityConfig.key}>
+                {priorityConfig.icon} {priorityConfig.label}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div className="space-y-2">
+          <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
+            Statut
+          </label>
+          <select
+            value={status}
+            onChange={(e) => onStatusChange(e.target.value as TaskStatus)}
+            disabled={loading}
+            className="w-full px-3 py-2 bg-[var(--input)] border border-[var(--border)]/50 rounded-lg text-[var(--foreground)] font-mono text-sm focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/50 focus:border-[var(--primary)]/50 hover:border-[var(--border)] transition-all duration-200 backdrop-blur-sm"
+          >
+            {getAllStatuses().map(statusConfig => (
+              <option key={statusConfig.key} value={statusConfig.key}>
+                {statusConfig.label}
+              </option>
+            ))}
+          </select>
+        </div>
+      </div>
+
+      {/* Date d'échéance */}
+      <Input
+        label="Date d'échéance"
+        type="datetime-local"
+        value={dueDate ? new Date(dueDate.getTime() - dueDate.getTimezoneOffset() * 60000).toISOString().slice(0, 16) : ''}
+        onChange={(e) => onDueDateChange(e.target.value ? new Date(e.target.value) : undefined)}
+        disabled={loading}
+      />
+    </>
+  );
+}

src/components/forms/task/TaskJiraInfo.tsx

@@ -0,0 +1,67 @@
+'use client';
+
+import { Badge } from '@/components/ui/Badge';
+import { Task } from '@/lib/types';
+import { useUserPreferences } from '@/contexts/UserPreferencesContext';
+
+interface TaskJiraInfoProps {
+  task: Task;
+}
+
+export function TaskJiraInfo({ task }: TaskJiraInfoProps) {
+  const { preferences } = useUserPreferences();
+
+  // Helper pour construire l'URL Jira
+  const getJiraTicketUrl = (jiraKey: string): string => {
+    const baseUrl = preferences.jiraConfig.baseUrl;
+    if (!baseUrl || !jiraKey) return '';
+    return `${baseUrl}/browse/${jiraKey}`;
+  };
+
+  if (task.source !== 'jira' || !task.jiraKey) {
+    return null;
+  }
+
+  return (
+    <div className="space-y-3">
+      <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
+        Jira
+      </label>
+      
+      <div className="flex items-center gap-3">
+        {preferences.jiraConfig.baseUrl ? (
+          <a
+            href={getJiraTicketUrl(task.jiraKey)}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:scale-105 transition-transform inline-flex"
+          >
+            <Badge 
+              variant="outline" 
+              size="sm" 
+              className="hover:bg-blue-500/10 hover:border-blue-400/50 cursor-pointer"
+            >
+              {task.jiraKey}
+            </Badge>
+          </a>
+        ) : (
+          <Badge variant="outline" size="sm">
+            {task.jiraKey}
+          </Badge>
+        )}
+        
+        {task.jiraProject && (
+          <Badge variant="outline" size="sm" className="text-blue-400 border-blue-400/30">
+            {task.jiraProject}
+          </Badge>
+        )}
+        
+        {task.jiraType && (
+          <Badge variant="outline" size="sm" className="text-purple-400 border-purple-400/30">
+            {task.jiraType}
+          </Badge>
+        )}
+      </div>
+    </div>
+  );
+}

src/components/forms/task/TaskTagsSection.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { TagInput } from '@/components/ui/TagInput';
+import { RelatedTodos } from '@/components/forms/RelatedTodos';
+
+interface TaskTagsSectionProps {
+  taskId: string;
+  tags: string[];
+  onTagsChange: (tags: string[]) => void;
+}
+
+export function TaskTagsSection({ taskId, tags, onTagsChange }: TaskTagsSectionProps) {
+  return (
+    <>
+      {/* Tags */}
+      <div className="space-y-3">
+        <label className="block text-sm font-mono font-medium text-[var(--muted-foreground)] uppercase tracking-wider">
+          Tags
+        </label>
+        
+        <TagInput
+          tags={tags || []}
+          onChange={onTagsChange}
+          placeholder="Ajouter des tags..."
+          maxTags={10}
+        />
+      </div>
+
+      {/* Todos reliés */}
+      <RelatedTodos taskId={taskId} />
+    </>
+  );
+}