Show rich clone success toast above clone panel with View action.

Raise toast z-index and use pushRich so cloned assignment feedback matches Runn.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/projects/ProjectPlannerBlock.tsx

@@ -298,7 +298,11 @@ export function ProjectPlannerBlock({
                   (candidate) => candidate.is_active && candidate.id !== allocation.person_id,
                 );
                 return (
-                  <div className="planner-row planner-project-subrow planner-member-row" key={allocation.id}>
+                  <div
+                    className="planner-row planner-project-subrow planner-member-row"
+                    data-allocation-id={allocation.id}
+                    key={allocation.id}
+                  >
                     <div className="planner-row-label nested member">
                       <Avatar color={person.avatar_color} name={person.name} size={26} />
                       <div className="person-meta">

frontend/src/pages/Projects.tsx

@@ -113,6 +113,11 @@ export function ProjectsPage() {
   const [selectedAllocationIds, setSelectedAllocationIds] = useState<Set<number>>(new Set());
   const [cloneMode, setCloneMode] = useState<CloneModeContext | null>(null);
 
+  useEffect(() => {
+    document.body.classList.toggle("is-clone-mode-active", Boolean(cloneMode));
+    return () => document.body.classList.remove("is-clone-mode-active");
+  }, [cloneMode]);
+
   const rangeWeeks = RANGE_OPTIONS.find((option) => option.value === range)?.weeks ?? 5;
   const startDate = anchor;
   const endDate = addWeeks(startDate, rangeWeeks);
@@ -201,6 +206,30 @@ export function ProjectsPage() {
     }, 150);
   }, []);
 
+  const focusAllocation = useCallback((allocation: Allocation, projectId: number) => {
+    setExpandedProjectIds((prev) => new Set(prev).add(projectId));
+    window.setTimeout(() => {
+      document
+        .querySelector(`[data-allocation-id="${allocation.id}"]`)
+        ?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    }, 200);
+  }, []);
+
+  const showAssignmentClonedToast = useCallback(
+    (created: Allocation, subtitle: string, projectId: number) => {
+      pushRich({
+        title: "Assignment cloned",
+        subtitle,
+        tone: "success",
+        action: {
+          label: "View",
+          onClick: () => focusAllocation(created, projectId),
+        },
+      });
+    },
+    [focusAllocation, pushRich],
+  );
+
   const createMutation = useMutation({
     mutationFn: createProject,
     onSuccess: (created) => {
@@ -355,31 +384,41 @@ export function ProjectsPage() {
   const cloneAllocationToPerson = async (personId: number) => {
     if (!cloneMode) return;
     const base = draftFromAllocation(cloneMode.allocation);
-    await createAllocation({
-      person_id: personId,
-      project_id: cloneMode.projectId,
-      start_date: base.start_date,
-      end_date: base.end_date,
-      allocation_pct: base.allocation_pct,
-      note: base.note ?? null,
-    });
-    invalidate();
-    push("Assignment cloned", "success");
+    try {
+      const created = await createAllocation({
+        person_id: personId,
+        project_id: cloneMode.projectId,
+        start_date: base.start_date,
+        end_date: base.end_date,
+        allocation_pct: base.allocation_pct,
+        note: base.note ?? null,
+      });
+      invalidate();
+      const personName = peopleById.get(personId)?.name ?? "Person";
+      showAssignmentClonedToast(created, personName, cloneMode.projectId);
+    } catch (error) {
+      push(toastFromError(error, "Could not clone assignment"), "error");
+    }
   };
 
   const cloneAllocationToProject = async (targetProjectId: number) => {
     if (!cloneMode) return;
     const base = draftFromAllocation(cloneMode.allocation);
-    await createAllocation({
-      person_id: base.person_id,
-      project_id: targetProjectId,
-      start_date: base.start_date,
-      end_date: base.end_date,
-      allocation_pct: base.allocation_pct,
-      note: base.note ?? null,
-    });
-    invalidate();
-    push("Assignment cloned", "success");
+    try {
+      const created = await createAllocation({
+        person_id: base.person_id,
+        project_id: targetProjectId,
+        start_date: base.start_date,
+        end_date: base.end_date,
+        allocation_pct: base.allocation_pct,
+        note: base.note ?? null,
+      });
+      invalidate();
+      const projectName = projects.find((item) => item.id === targetProjectId)?.name ?? "Project";
+      showAssignmentClonedToast(created, projectName, targetProjectId);
+    } catch (error) {
+      push(toastFromError(error, "Could not clone assignment"), "error");
+    }
   };
 
   const handleExtendAllocationRight = (projectId: number, allocation: Allocation) => {

frontend/src/styles.css

@@ -854,7 +854,11 @@ th {
   gap: 8px;
   position: fixed;
   right: 24px;
-  z-index: 200;
+  z-index: 5000;
+}
+
+body.is-clone-mode-active .toast-stack {
+  bottom: calc(42vh + 20px);
 }
 
 .toast {