feat: implement Project Management with Gantt Chart, Milestones, and CRM enhancements

apps/web/src/payload/components/AiAnalyzeButton.tsx

@@ -41,9 +41,11 @@ export const AiAnalyzeButton: React.FC = () => {
         throw new Error(result.error || "Analysis failed");
       }
 
-      toast.success(result.message || "AI analysis completed successfully!");
-      // Refresh the page to show the new media items in the relationship field
-      router.refresh();
+      toast.success(
+        result.message ||
+          "Analysis started in background. The page will update when finished.",
+      );
+      // Removed router.refresh() here because the background task takes ~60s
     } catch (error) {
       console.error("Analysis error:", error);
       toast.error(
@@ -59,23 +61,41 @@ export const AiAnalyzeButton: React.FC = () => {
   if (!id) return null; // Only show on existing documents, not when creating new
 
   return (
-    <div style={{ marginBottom: "1rem", marginTop: "1rem" }}>
+    <div style={{ marginBottom: "2rem", marginTop: "1rem" }}>
       <button
         onClick={handleAnalyze}
         disabled={isAnalyzing || !hasWebsite}
         className="btn btn--style-primary btn--icon-style-none btn--size-medium"
         type="button"
+        style={{
+          background: "var(--theme-elevation-150)",
+          border: "1px solid var(--theme-elevation-200)",
+          color: "var(--theme-text)",
+          padding: "8px 16px",
+          borderRadius: "4px",
+          fontSize: "14px",
+          cursor: isAnalyzing || !hasWebsite ? "not-allowed" : "pointer",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "8px",
+          opacity: isAnalyzing || !hasWebsite ? 0.6 : 1,
+          fontWeight: "500",
+        }}
       >
-        {isAnalyzing ? "Analyzing Website..." : "Trigger AI Website Analysis"}
+        {isAnalyzing ? "✨ AI analysiert..." : "✨ AI Website Analyse starten"}
       </button>
       <p
         style={{
-          fontSize: "0.8rem",
-          color: "var(--theme-elevation-400)",
-          marginTop: "0.5rem",
+          fontSize: "0.85rem",
+          color: "var(--theme-elevation-600)",
+          marginTop: "0.75rem",
+          maxWidth: "400px",
+          lineHeight: "1.4",
         }}
       >
-        Requires a valid website URL saved on this account.
+        <strong>Note:</strong> This will crawl the website, generate a strategy
+        concept, and create a budget estimation. The resulting PDFs will be
+        attached to the "AI Reports" field below.
       </p>
     </div>
   );