feat: AI assistant (HartBOT), demand filling, budget-per-role, project favorites, and UX improvements

AI Assistant (HartBOT):
- Chat panel with inline layout, session persistence, message history (up-arrow recall)
- OpenAI function calling with 20+ tools (search, navigate, create/cancel allocations, update status)
- RBAC-aware tool filtering, fuzzy search with word-level matching
- Navigation actions (router.push) and data invalidation after mutations
- Country/metro city/org unit/role filtering on resource search

Demand Filling Enhancements:
- Two-phase fill modal: plan multiple resources, then confirm & assign all at once
- Availability preview per resource (available/partial/conflict days, existing bookings)
- Coverage bar showing demand hours distribution across assigned resources
- Fill demand from project detail page (new Assign button per demand)
- Fixed: filled demands no longer shown on timeline, demand bars no longer overlap

Budget per Role:
- DemandRequirement.budgetCents field (schema + API + UI)
- Project wizard step 3: budget input per role with allocation summary bar
- Project detail: allocated vs booked budget per demand
- Fill demand modal: role budget display with cost estimates
- AllocationModal: budget field for demand editing

Project Favorites:
- User.favoriteProjectIds (JSONB) with toggle API
- Star button on projects list and detail page (optimistic updates)
- "My Projects" dashboard widget (favorites + responsible person projects)

Project Management:
- Edit project from detail page (ProjectModal integration)
- Edit demands from detail page (AllocationModal integration)
- Admin-only project deletion (cascades assignments + demands)
- Create user accounts from admin panel

Timeline Fixes:
- Country multi-select filter with backend support
- URL param sync for same-page navigation (AI assistant integration)
- Demand lane stacking (no more overlapping bars)
- Single-day booking resize handles (always visible, min 6px)
- Single-day resize allowed (start === end)
- "All Clients" toggle (select all / deselect all)

Other Fixes:
- crypto.randomUUID fallback for non-secure contexts
- Chat message limit raised (200 max, client sends last 40)
- Status dropdown portal (no longer clipped by table overflow)
- Cents display restored in budget views (2 decimal places)
- Allocations grouped view with project sub-groups (collapsed by default)
- Server-side resource search for project wizard (no 500 limit)

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

apps/web/src/components/timeline/TimelineResourcePanel.tsx

@@ -781,7 +781,7 @@ function renderAllocBlocksFromData(
       text: "text-white",
       light: "",
     };
-    const HANDLE_W = width >= 48 ? 10 : 0;
+    const HANDLE_W = width >= 48 ? 10 : 6;
     const hasRecurrence = !!(alloc.metadata as Record<string, unknown> | null)?.recurrence;
 
     const allocInfo: AllocMouseDownInfo = {
@@ -821,22 +821,22 @@ function renderAllocBlocksFromData(
         }}
       >
         {/* Left resize handle */}
-        {HANDLE_W > 0 && (
-          <div
-            className="flex-shrink-0 flex items-center justify-center cursor-ew-resize hover:bg-black/20 transition-colors"
-            style={{ width: HANDLE_W }}
-            onMouseDown={(e) => onAllocMouseDown(e, { ...allocInfo, mode: "resize-start" })}
-            onTouchStart={(e) => {
-              e.stopPropagation();
-              onAllocTouchStart(e, { ...allocInfo, mode: "resize-start" });
-            }}
-          >
+        <div
+          className="flex-shrink-0 flex items-center justify-center cursor-ew-resize hover:bg-black/20 transition-colors"
+          style={{ width: HANDLE_W }}
+          onMouseDown={(e) => onAllocMouseDown(e, { ...allocInfo, mode: "resize-start" })}
+          onTouchStart={(e) => {
+            e.stopPropagation();
+            onAllocTouchStart(e, { ...allocInfo, mode: "resize-start" });
+          }}
+        >
+          {HANDLE_W >= 10 && (
             <div className="flex flex-col gap-0.5 opacity-60 group-hover/block:opacity-100">
               <div className="w-px h-2.5 bg-white rounded" />
               <div className="w-px h-2.5 bg-white rounded" />
             </div>
-          </div>
-        )}
+          )}
+        </div>
 
         {/* Center -- move */}
         <div
@@ -861,22 +861,22 @@ function renderAllocBlocksFromData(
         </div>
 
         {/* Right resize handle */}
-        {HANDLE_W > 0 && (
-          <div
-            className="flex-shrink-0 flex items-center justify-center cursor-ew-resize hover:bg-black/20 transition-colors"
-            style={{ width: HANDLE_W }}
-            onMouseDown={(e) => onAllocMouseDown(e, { ...allocInfo, mode: "resize-end" })}
-            onTouchStart={(e) => {
-              e.stopPropagation();
-              onAllocTouchStart(e, { ...allocInfo, mode: "resize-end" });
-            }}
-          >
+        <div
+          className="flex-shrink-0 flex items-center justify-center cursor-ew-resize hover:bg-black/20 transition-colors"
+          style={{ width: HANDLE_W }}
+          onMouseDown={(e) => onAllocMouseDown(e, { ...allocInfo, mode: "resize-end" })}
+          onTouchStart={(e) => {
+            e.stopPropagation();
+            onAllocTouchStart(e, { ...allocInfo, mode: "resize-end" });
+          }}
+        >
+          {HANDLE_W >= 10 && (
             <div className="flex flex-col gap-0.5 opacity-60 group-hover/block:opacity-100">
               <div className="w-px h-2.5 bg-white rounded" />
               <div className="w-px h-2.5 bg-white rounded" />
             </div>
-          </div>
-        )}
+          )}
+        </div>
       </div>
     );
   });