@wakastellar/ui 2.4.0 → 3.1.0

package/src/blocks/scan-policy-editor/index.tsx

@@ -0,0 +1,418 @@
+"use client"
+
+import { useState } from "react"
+import { Shield, Plus, X, RotateCcw } from "lucide-react"
+import { Badge } from "../../components/badge"
+import { Button } from "../../components/button"
+import { Card } from "../../components/card"
+import { Input } from "../../components/input"
+import { Label } from "../../components/label"
+import { Switch } from "../../components/switch"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/select"
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../components/tabs"
+import { cn } from "../../utils/cn"
+
+export type DetectionAction = "quarantine" | "delete" | "notify_only" | "block_and_notify"
+
+export interface ScanPolicy {
+  autoScanOnUpload: boolean
+  maxFileSize: number // bytes
+  maxFileSizeUnit: "MB" | "GB"
+  scanTimeout: number // seconds
+  maxConcurrentScans: number
+  scanArchives: boolean
+  maxArchiveDepth: number
+  excludedExtensions: string[]
+  excludedPaths: string[]
+  whitelistedHashes: string[]
+  detectionAction: DetectionAction
+  notifyAdmin: boolean
+  notifyUser: boolean
+  auditLog: boolean
+}
+
+export interface ScanPolicyEditorProps {
+  policy?: ScanPolicy
+  isLoading?: boolean
+  onSave?: (policy: ScanPolicy) => void
+  onCancel?: () => void
+  onResetDefaults?: () => void
+  className?: string
+}
+
+export const defaultScanPolicy: ScanPolicy = {
+  autoScanOnUpload: true,
+  maxFileSize: 100,
+  maxFileSizeUnit: "MB",
+  scanTimeout: 120,
+  maxConcurrentScans: 4,
+  scanArchives: true,
+  maxArchiveDepth: 3,
+  excludedExtensions: [".log", ".tmp", ".lock"],
+  excludedPaths: ["/tmp", "/var/cache"],
+  whitelistedHashes: [],
+  detectionAction: "quarantine",
+  notifyAdmin: true,
+  notifyUser: true,
+  auditLog: true,
+}
+
+const detectionActionOptions = [
+  { value: "quarantine", label: "Quarantaine" },
+  { value: "delete", label: "Suppression" },
+  { value: "notify_only", label: "Notification seule" },
+  { value: "block_and_notify", label: "Bloquer + notifier" },
+]
+
+const fileSizeUnitOptions = [
+  { value: "MB", label: "MB" },
+  { value: "GB", label: "GB" },
+]
+
+export function ScanPolicyEditor({
+  policy = defaultScanPolicy,
+  isLoading = false,
+  onSave,
+  onCancel,
+  onResetDefaults,
+  className,
+}: ScanPolicyEditorProps) {
+  const [localPolicy, setLocalPolicy] = useState<ScanPolicy>(policy)
+  const [newExtension, setNewExtension] = useState("")
+  const [newPath, setNewPath] = useState("")
+  const [newHash, setNewHash] = useState("")
+
+  const updatePolicy = (updates: Partial<ScanPolicy>) => {
+    setLocalPolicy((prev) => ({ ...prev, ...updates }))
+  }
+
+  const addExtension = () => {
+    if (newExtension.trim() && !localPolicy.excludedExtensions.includes(newExtension.trim())) {
+      updatePolicy({
+        excludedExtensions: [...localPolicy.excludedExtensions, newExtension.trim()],
+      })
+      setNewExtension("")
+    }
+  }
+
+  const removeExtension = (ext: string) => {
+    updatePolicy({
+      excludedExtensions: localPolicy.excludedExtensions.filter((e) => e !== ext),
+    })
+  }
+
+  const addPath = () => {
+    if (newPath.trim() && !localPolicy.excludedPaths.includes(newPath.trim())) {
+      updatePolicy({
+        excludedPaths: [...localPolicy.excludedPaths, newPath.trim()],
+      })
+      setNewPath("")
+    }
+  }
+
+  const removePath = (path: string) => {
+    updatePolicy({
+      excludedPaths: localPolicy.excludedPaths.filter((p) => p !== path),
+    })
+  }
+
+  const addHash = () => {
+    if (newHash.trim() && !localPolicy.whitelistedHashes.includes(newHash.trim())) {
+      updatePolicy({
+        whitelistedHashes: [...localPolicy.whitelistedHashes, newHash.trim()],
+      })
+      setNewHash("")
+    }
+  }
+
+  const removeHash = (hash: string) => {
+    updatePolicy({
+      whitelistedHashes: localPolicy.whitelistedHashes.filter((h) => h !== hash),
+    })
+  }
+
+  const handleSave = () => {
+    onSave?.(localPolicy)
+  }
+
+  const handleResetDefaults = () => {
+    setLocalPolicy(defaultScanPolicy)
+    onResetDefaults?.()
+  }
+
+  return (
+    <Card className={cn("w-full", className)}>
+      <div className="flex items-center gap-3 p-6 border-b border-border/50">
+        <Shield className="w-5 h-5 text-primary" />
+        <div>
+          <h3 className="font-semibold text-foreground">Configuration des politiques de scan</h3>
+          <p className="text-sm text-muted-foreground">Definissez les regles de scan antivirus</p>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start border-b border-border/50 rounded-none px-6">
+          <TabsTrigger value="general">Regles generales</TabsTrigger>
+          <TabsTrigger value="exclusions">Exclusions</TabsTrigger>
+          <TabsTrigger value="actions">Actions</TabsTrigger>
+          <TabsTrigger value="notifications">Notifications</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="p-6 space-y-6">
+          <div className="flex items-center justify-between">
+            <div className="space-y-0.5">
+              <Label>Scan automatique a l'upload</Label>
+              <p className="text-sm text-muted-foreground">Scanner tous les fichiers lors de l'envoi</p>
+            </div>
+            <Switch
+              checked={localPolicy.autoScanOnUpload}
+              onCheckedChange={(checked) => updatePolicy({ autoScanOnUpload: checked })}
+              disabled={isLoading}
+            />
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div className="space-y-2">
+              <Label>Taille maximale de fichier</Label>
+              <div className="flex gap-2">
+                <Input
+                  type="number"
+                  value={localPolicy.maxFileSize}
+                  onChange={(e) => updatePolicy({ maxFileSize: parseInt(e.target.value) || 0 })}
+                  disabled={isLoading}
+                  className="flex-1"
+                />
+                <Select
+                  value={localPolicy.maxFileSizeUnit}
+                  onValueChange={(value) => updatePolicy({ maxFileSizeUnit: value as "MB" | "GB" })}
+                  disabled={isLoading}
+                >
+                  <SelectTrigger className="w-24">
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {fileSizeUnitOptions.map((opt) => (
+                      <SelectItem key={opt.value} value={opt.value}>{opt.label}</SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <Label>Timeout de scan (secondes)</Label>
+              <Input
+                type="number"
+                value={localPolicy.scanTimeout}
+                onChange={(e) => updatePolicy({ scanTimeout: parseInt(e.target.value) || 0 })}
+                disabled={isLoading}
+              />
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <Label>Nombre maximum de scans concurrents</Label>
+            <Input
+              type="number"
+              value={localPolicy.maxConcurrentScans}
+              onChange={(e) => updatePolicy({ maxConcurrentScans: parseInt(e.target.value) || 1 })}
+              disabled={isLoading}
+            />
+          </div>
+
+          <div className="flex items-center justify-between">
+            <div className="space-y-0.5">
+              <Label>Scanner les archives (zip, tar, 7z)</Label>
+              <p className="text-sm text-muted-foreground">Analyser le contenu des fichiers archives</p>
+            </div>
+            <Switch
+              checked={localPolicy.scanArchives}
+              onCheckedChange={(checked) => updatePolicy({ scanArchives: checked })}
+              disabled={isLoading}
+            />
+          </div>
+
+          {localPolicy.scanArchives && (
+            <div className="space-y-2 pl-6">
+              <Label>Profondeur maximale d'archives imbriquees</Label>
+              <Input
+                type="number"
+                value={localPolicy.maxArchiveDepth}
+                onChange={(e) => updatePolicy({ maxArchiveDepth: parseInt(e.target.value) || 1 })}
+                disabled={isLoading}
+              />
+            </div>
+          )}
+        </TabsContent>
+
+        <TabsContent value="exclusions" className="p-6 space-y-6">
+          <div className="space-y-3">
+            <Label>Extensions exclues</Label>
+            <div className="flex gap-2">
+              <Input
+                placeholder=".ext"
+                value={newExtension}
+                onChange={(e) => setNewExtension(e.target.value)}
+                onKeyDown={(e) => e.key === "Enter" && addExtension()}
+                disabled={isLoading}
+                className="flex-1"
+              />
+              <Button onClick={addExtension} disabled={isLoading} size="sm">
+                <Plus className="w-4 h-4" />
+              </Button>
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {localPolicy.excludedExtensions.map((ext) => (
+                <Badge key={ext} variant="secondary" className="flex items-center gap-1">
+                  {ext}
+                  <button
+                    onClick={() => removeExtension(ext)}
+                    disabled={isLoading}
+                    className="ml-1 hover:text-destructive"
+                  >
+                    <X className="w-3 h-3" />
+                  </button>
+                </Badge>
+              ))}
+            </div>
+          </div>
+
+          <div className="space-y-3">
+            <Label>Chemins exclus</Label>
+            <div className="flex gap-2">
+              <Input
+                placeholder="/path/to/exclude"
+                value={newPath}
+                onChange={(e) => setNewPath(e.target.value)}
+                onKeyDown={(e) => e.key === "Enter" && addPath()}
+                disabled={isLoading}
+                className="flex-1"
+              />
+              <Button onClick={addPath} disabled={isLoading} size="sm">
+                <Plus className="w-4 h-4" />
+              </Button>
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {localPolicy.excludedPaths.map((path) => (
+                <Badge key={path} variant="secondary" className="flex items-center gap-1">
+                  {path}
+                  <button
+                    onClick={() => removePath(path)}
+                    disabled={isLoading}
+                    className="ml-1 hover:text-destructive"
+                  >
+                    <X className="w-3 h-3" />
+                  </button>
+                </Badge>
+              ))}
+            </div>
+          </div>
+
+          <div className="space-y-3">
+            <Label>Hash exclus (whitelist)</Label>
+            <div className="flex gap-2">
+              <Input
+                placeholder="SHA256 hash"
+                value={newHash}
+                onChange={(e) => setNewHash(e.target.value)}
+                onKeyDown={(e) => e.key === "Enter" && addHash()}
+                disabled={isLoading}
+                className="flex-1"
+              />
+              <Button onClick={addHash} disabled={isLoading} size="sm">
+                <Plus className="w-4 h-4" />
+              </Button>
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {localPolicy.whitelistedHashes.map((hash) => (
+                <Badge key={hash} variant="secondary" className="flex items-center gap-1">
+                  {hash.substring(0, 12)}...
+                  <button
+                    onClick={() => removeHash(hash)}
+                    disabled={isLoading}
+                    className="ml-1 hover:text-destructive"
+                  >
+                    <X className="w-3 h-3" />
+                  </button>
+                </Badge>
+              ))}
+            </div>
+          </div>
+        </TabsContent>
+
+        <TabsContent value="actions" className="p-6 space-y-6">
+          <div className="space-y-2">
+            <Label>Action sur detection</Label>
+            <Select
+              value={localPolicy.detectionAction}
+              onValueChange={(value) => updatePolicy({ detectionAction: value as DetectionAction })}
+              disabled={isLoading}
+            >
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {detectionActionOptions.map((opt) => (
+                  <SelectItem key={opt.value} value={opt.value}>{opt.label}</SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="flex items-center justify-between">
+            <div className="space-y-0.5">
+              <Label>Logger dans l'audit trail</Label>
+              <p className="text-sm text-muted-foreground">Enregistrer toutes les detections</p>
+            </div>
+            <Switch
+              checked={localPolicy.auditLog}
+              onCheckedChange={(checked) => updatePolicy({ auditLog: checked })}
+              disabled={isLoading}
+            />
+          </div>
+        </TabsContent>
+
+        <TabsContent value="notifications" className="p-6 space-y-6">
+          <div className="flex items-center justify-between">
+            <div className="space-y-0.5">
+              <Label>Notifier l'administrateur</Label>
+              <p className="text-sm text-muted-foreground">Alerter en cas de menace detectee</p>
+            </div>
+            <Switch
+              checked={localPolicy.notifyAdmin}
+              onCheckedChange={(checked) => updatePolicy({ notifyAdmin: checked })}
+              disabled={isLoading}
+            />
+          </div>
+
+          <div className="flex items-center justify-between">
+            <div className="space-y-0.5">
+              <Label>Notifier l'utilisateur</Label>
+              <p className="text-sm text-muted-foreground">Informer l'utilisateur de l'action prise</p>
+            </div>
+            <Switch
+              checked={localPolicy.notifyUser}
+              onCheckedChange={(checked) => updatePolicy({ notifyUser: checked })}
+              disabled={isLoading}
+            />
+          </div>
+        </TabsContent>
+      </Tabs>
+
+      <div className="flex items-center justify-between p-6 border-t border-border/50">
+        <Button variant="outline" onClick={handleResetDefaults} disabled={isLoading}>
+          <RotateCcw className="w-4 h-4 mr-2" />
+          Restaurer defauts
+        </Button>
+        <div className="flex gap-3">
+          <Button variant="outline" onClick={onCancel} disabled={isLoading}>
+            Annuler
+          </Button>
+          <Button onClick={handleSave} disabled={isLoading}>
+            Sauvegarder
+          </Button>
+        </div>
+      </div>
+    </Card>
+  )
+}

package/src/blocks/scan-report-generator/ScanReportGenerator.stories.tsx

@@ -0,0 +1,232 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { ScanReportGenerator } from "./index"
+
+const meta = {
+  title: "Blocks/Antivirus/ScanReportGenerator",
+  component: ScanReportGenerator,
+  parameters: {
+    layout: "padded",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof ScanReportGenerator>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+const defaultPreview = {
+  totalScans: 1247,
+  totalThreats: 34,
+  detectionRate: 98.5,
+  quarantinedFiles: 28,
+  threatsBySeverity: [
+    { severity: "critical", count: 3 },
+    { severity: "high", count: 8 },
+    { severity: "medium", count: 15 },
+    { severity: "low", count: 8 },
+  ],
+  complianceChecks: [
+    {
+      name: "Antivirus actif",
+      passed: true,
+      details: "ClamAV opérationnel avec dernière mise à jour il y a 2h",
+    },
+    {
+      name: "Scans automatisés",
+      passed: true,
+      details: "Planification quotidienne configurée et active",
+    },
+    {
+      name: "Quarantaine sécurisée",
+      passed: true,
+      details: "Isolation cryptographique AES-256-GCM activée",
+    },
+    {
+      name: "Audit trail",
+      passed: true,
+      details: "Logs immutables avec blockchain interne",
+    },
+  ],
+  weeklyTrend: [
+    { week: "S1", scans: 280, threats: 7 },
+    { week: "S2", scans: 295, threats: 9 },
+    { week: "S3", scans: 340, threats: 11 },
+    { week: "S4", scans: 332, threats: 7 },
+  ],
+}
+
+export const Default: Story = {
+  args: {
+    preview: defaultPreview,
+    onGenerate: (config: any) => {
+      console.log("Generating report with config:", config)
+    },
+    onSchedule: (config: any, frequency: string) => {
+      console.log("Scheduling report:", { config, frequency })
+    },
+    onSendEmail: (config: any, email: string) => {
+      console.log("Sending report to:", email)
+    },
+  },
+}
+
+export const Generating: Story = {
+  args: {
+    ...Default.args,
+    isGenerating: true,
+    generationProgress: 65,
+  },
+}
+
+export const ISO27001Report: Story = {
+  args: {
+    ...Default.args,
+    config: {
+      startDate: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000),
+      endDate: new Date(),
+      format: "pdf",
+      type: "iso27001_compliance",
+      includeSections: {
+        generalStats: true,
+        threatDetails: true,
+        scannedFiles: true,
+        actionsTaken: true,
+        recommendations: true,
+      },
+    },
+  },
+}
+
+export const HDSAudit: Story = {
+  args: {
+    ...Default.args,
+    config: {
+      startDate: new Date(Date.now() - 90 * 24 * 60 * 60 * 1000),
+      endDate: new Date(),
+      format: "pdf",
+      type: "hds_audit",
+      includeSections: {
+        generalStats: true,
+        threatDetails: true,
+        scannedFiles: false,
+        actionsTaken: true,
+        recommendations: true,
+      },
+    },
+    preview: {
+      ...defaultPreview,
+      totalScans: 3842,
+      totalThreats: 127,
+      detectionRate: 99.2,
+      quarantinedFiles: 103,
+    },
+  },
+}
+
+export const DetailedReport: Story = {
+  args: {
+    ...Default.args,
+    config: {
+      startDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000),
+      endDate: new Date(),
+      format: "csv",
+      type: "detailed",
+      includeSections: {
+        generalStats: true,
+        threatDetails: true,
+        scannedFiles: true,
+        actionsTaken: true,
+        recommendations: true,
+      },
+    },
+    preview: {
+      totalScans: 287,
+      totalThreats: 8,
+      detectionRate: 97.8,
+      quarantinedFiles: 6,
+      threatsBySeverity: [
+        { severity: "critical", count: 1 },
+        { severity: "high", count: 2 },
+        { severity: "medium", count: 3 },
+        { severity: "low", count: 2 },
+      ],
+      complianceChecks: defaultPreview.complianceChecks,
+      weeklyTrend: [{ week: "S1", scans: 287, threats: 8 }],
+    },
+  },
+}
+
+export const JSONExport: Story = {
+  args: {
+    ...Default.args,
+    config: {
+      startDate: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000),
+      endDate: new Date(),
+      format: "json",
+      type: "executive_summary",
+      includeSections: {
+        generalStats: true,
+        threatDetails: false,
+        scannedFiles: false,
+        actionsTaken: false,
+        recommendations: true,
+      },
+    },
+  },
+}
+
+export const NoThreats: Story = {
+  args: {
+    ...Default.args,
+    preview: {
+      totalScans: 1050,
+      totalThreats: 0,
+      detectionRate: 100,
+      quarantinedFiles: 0,
+      threatsBySeverity: [
+        { severity: "critical", count: 0 },
+        { severity: "high", count: 0 },
+        { severity: "medium", count: 0 },
+        { severity: "low", count: 0 },
+      ],
+      complianceChecks: defaultPreview.complianceChecks,
+      weeklyTrend: [
+        { week: "S1", scans: 250, threats: 0 },
+        { week: "S2", scans: 260, threats: 0 },
+        { week: "S3", scans: 270, threats: 0 },
+        { week: "S4", scans: 270, threats: 0 },
+      ],
+    },
+  },
+}
+
+export const HighThreatActivity: Story = {
+  args: {
+    ...Default.args,
+    preview: {
+      totalScans: 892,
+      totalThreats: 156,
+      detectionRate: 94.3,
+      quarantinedFiles: 142,
+      threatsBySeverity: [
+        { severity: "critical", count: 12 },
+        { severity: "high", count: 38 },
+        { severity: "medium", count: 67 },
+        { severity: "low", count: 39 },
+      ],
+      complianceChecks: [
+        ...defaultPreview.complianceChecks.slice(0, 3),
+        {
+          name: "Taux de détection",
+          passed: false,
+          details: "Taux inférieur au seuil requis de 95%",
+        },
+      ],
+      weeklyTrend: [
+        { week: "S1", scans: 220, threats: 28 },
+        { week: "S2", scans: 218, threats: 42 },
+        { week: "S3", scans: 225, threats: 51 },
+        { week: "S4", scans: 229, threats: 35 },
+      ],
+    },
+  },
+}