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/components/dashboard/widgets/TopValueWidget.tsx

@@ -74,21 +74,35 @@ export function TopValueWidget({ config }: WidgetProps) {
       <table className="w-full text-xs">
         <thead className="bg-gray-50 sticky top-0">
           <tr>
-            <th className="px-3 py-2 text-left font-medium text-gray-500 w-8">#</th>
-            <th className="px-3 py-2 text-left font-medium text-gray-500">
-              <button type="button" onClick={() => toggleSort("eid")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
-                EID<Ind k="eid" />
-              </button>
+            <th className="px-3 py-2 text-left font-medium text-gray-500 w-8">
+              <span className="inline-flex items-center">
+                #
+                <InfoTooltip content="Rank position based on the current sort order." />
+              </span>
             </th>
             <th className="px-3 py-2 text-left font-medium text-gray-500">
-              <button type="button" onClick={() => toggleSort("name")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
-                Name<Ind k="name" />
-              </button>
+              <span className="inline-flex items-center">
+                <button type="button" onClick={() => toggleSort("eid")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
+                  EID<Ind k="eid" />
+                </button>
+                <InfoTooltip content="Employee ID — unique identifier for each resource." />
+              </span>
             </th>
             <th className="px-3 py-2 text-left font-medium text-gray-500">
-              <button type="button" onClick={() => toggleSort("chapter")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
-                Chapter<Ind k="chapter" />
-              </button>
+              <span className="inline-flex items-center">
+                <button type="button" onClick={() => toggleSort("name")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
+                  Name<Ind k="name" />
+                </button>
+                <InfoTooltip content="Display name of the resource." />
+              </span>
+            </th>
+            <th className="px-3 py-2 text-left font-medium text-gray-500">
+              <span className="inline-flex items-center">
+                <button type="button" onClick={() => toggleSort("chapter")} className="inline-flex items-center hover:text-gray-700 cursor-pointer">
+                  Chapter<Ind k="chapter" />
+                </button>
+                <InfoTooltip content="Organizational chapter (team/department) the resource belongs to." />
+              </span>
             </th>
             <th className="px-3 py-2 text-right font-medium text-gray-500">
               <span className="inline-flex items-center justify-end">