feat: project cover art with AI generation, branding rename, RBAC fix, computation graph

- Add DALL-E cover art generation for projects (Azure OpenAI + standard OpenAI)
- CoverArtSection component with generate/upload/remove/focus-point controls
- Client-side image compression (10MB input → WebP/JPEG, max 1920px)
- DALL-E settings in admin panel (deployment, endpoint, API key)
- MCP assistant tools for cover art (generate_project_cover, remove_project_cover)
- Rename "Planarchy" → "plANARCHY" across all UI-facing text (13 files)
- Fix hardcoded canEdit={true} on project detail page — now checks user role
- Computation graph visualization (2D/3D) for calculation rules
- OG image and OpenGraph metadata

Co-Authored-By: claude-flow <ruv@ruv.net>

apps/web/src/app/(app)/projects/ProjectsClient.tsx

@@ -162,6 +162,8 @@ interface ProjectRow {
   totalPersonDays: number;
   utilizationPercent: number;
   dynamicFields?: Record<string, unknown> | null;
+  coverImageUrl?: string | null;
+  color?: string | null;
 }
 
 // ─── Main component ───────────────────────────────────────────────────────────
@@ -351,8 +353,21 @@ export function ProjectsClient() {
       case "name":
         return (
           <td key={col.key} className="max-w-xs truncate px-4 py-3 text-sm font-medium text-gray-900 dark:text-gray-100">
-            <Link href={`/projects/${project.id}`} className="transition hover:text-brand-600 hover:underline">
-              {project.name}
+            <Link href={`/projects/${project.id}`} className="inline-flex items-center gap-2 transition hover:text-brand-600 hover:underline">
+              {project.coverImageUrl ? (
+                <img src={project.coverImageUrl} alt="" className="h-6 w-6 flex-shrink-0 rounded object-cover" />
+              ) : (
+                <span
+                  className="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded text-[9px] font-bold opacity-60"
+                  style={{
+                    backgroundColor: (project.color ?? "#6366f1") + "22",
+                    color: project.color ?? "#6366f1",
+                  }}
+                >
+                  {project.name.split(/\s+/).map((w) => w[0]).filter(Boolean).slice(0, 2).join("").toUpperCase()}
+                </span>
+              )}
+              <span className="truncate">{project.name}</span>
             </Link>
           </td>
         );