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/ResourceTableWidget.tsx

@@ -122,6 +122,7 @@ export function ResourceTableWidget({ config, onConfigChange }: WidgetProps) {
             className="rounded border-gray-300"
           />
           Include proposed
+          <InfoTooltip content="When enabled, PROPOSED bookings are counted toward booking count and utilization." />
         </label>
       </div>
 
@@ -154,44 +155,50 @@ export function ResourceTableWidget({ config, onConfigChange }: WidgetProps) {
                 </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 gap-0.5 hover:text-gray-700 cursor-pointer"
-                >
-                  Name
-                  <span className="text-[10px] ml-0.5">
-                    {sortKey === "name" ? (
-                      sortDir === "asc" ? (
-                        "▲"
+                <span className="inline-flex items-center">
+                  <button
+                    type="button"
+                    onClick={() => toggleSort("name")}
+                    className="inline-flex items-center gap-0.5 hover:text-gray-700 cursor-pointer"
+                  >
+                    Name
+                    <span className="text-[10px] ml-0.5">
+                      {sortKey === "name" ? (
+                        sortDir === "asc" ? (
+                          "▲"
+                        ) : (
+                          "▼"
+                        )
                       ) : (
-                        "▼"
-                      )
-                    ) : (
-                      <span className="text-gray-300">⇅</span>
-                    )}
-                  </span>
-                </button>
+                        <span className="text-gray-300">⇅</span>
+                      )}
+                    </span>
+                  </button>
+                  <InfoTooltip content="Display name of the resource. Rows highlighted in amber indicate overbooking." />
+                </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 gap-0.5 hover:text-gray-700 cursor-pointer"
-                >
-                  Chapter
-                  <span className="text-[10px] ml-0.5">
-                    {sortKey === "chapter" ? (
-                      sortDir === "asc" ? (
-                        "▲"
+                <span className="inline-flex items-center">
+                  <button
+                    type="button"
+                    onClick={() => toggleSort("chapter")}
+                    className="inline-flex items-center gap-0.5 hover:text-gray-700 cursor-pointer"
+                  >
+                    Chapter
+                    <span className="text-[10px] ml-0.5">
+                      {sortKey === "chapter" ? (
+                        sortDir === "asc" ? (
+                          "▲"
+                        ) : (
+                          "▼"
+                        )
                       ) : (
-                        "▼"
-                      )
-                    ) : (
-                      <span className="text-gray-300">⇅</span>
-                    )}
-                  </span>
-                </button>
+                        <span className="text-gray-300">⇅</span>
+                      )}
+                    </span>
+                  </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">